mirror of https://github.com/sveltejs/svelte
62 lines
1.1 KiB
62 lines
1.1 KiB
export default {
|
|
html: `
|
|
<input />
|
|
<input />
|
|
<div></div>
|
|
`,
|
|
|
|
async test({ assert, component, target, window }) {
|
|
let count = 0;
|
|
component.callback = () => {
|
|
count++;
|
|
};
|
|
|
|
const [input1, input2] = target.querySelectorAll("input");
|
|
|
|
input1.value = "1";
|
|
await input1.dispatchEvent(new window.Event("input"));
|
|
|
|
assert.htmlEqual(
|
|
target.innerHTML,
|
|
`
|
|
<input />
|
|
<input />
|
|
<div>1</div>
|
|
`
|
|
);
|
|
assert.equal(input1.value, "1");
|
|
assert.equal(input2.value, "1");
|
|
assert.equal(count, 1);
|
|
|
|
input2.value = "123";
|
|
await input2.dispatchEvent(new window.Event("input"));
|
|
|
|
assert.htmlEqual(
|
|
target.innerHTML,
|
|
`
|
|
<input />
|
|
<input />
|
|
<div>123</div>
|
|
`
|
|
);
|
|
assert.equal(input1.value, "123");
|
|
assert.equal(input2.value, "123");
|
|
assert.equal(count, 2);
|
|
|
|
input1.value = "456";
|
|
await input1.dispatchEvent(new window.Event("input"));
|
|
|
|
assert.htmlEqual(
|
|
target.innerHTML,
|
|
`
|
|
<input />
|
|
<input />
|
|
<div>456</div>
|
|
`
|
|
);
|
|
assert.equal(input1.value, "456");
|
|
assert.equal(input2.value, "456");
|
|
assert.equal(count, 3);
|
|
},
|
|
};
|