mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
861 B
40 lines
861 B
5 years ago
|
export default {
|
||
|
html: `<input> <input> <input>`,
|
||
|
ssrHtml: `<input value="Blub"> <input value="Blub"> <input value="Blub">`,
|
||
|
|
||
|
async test({ assert, target, component, window }) {
|
||
|
const [input1, input2, inputFallback] = target.querySelectorAll("input");
|
||
|
|
||
|
assert.equal(component.getSubscriberCount(), 3);
|
||
|
|
||
|
input1.value = "a";
|
||
|
await input1.dispatchEvent(new window.Event("input"));
|
||
|
input1.value = "ab";
|
||
|
await input1.dispatchEvent(new window.Event("input"));
|
||
|
assert.equal(input1.value, "ab");
|
||
|
assert.equal(input2.value, "ab");
|
||
|
assert.equal(inputFallback.value, "ab");
|
||
|
|
||
|
component.props = "hello";
|
||
|
|
||
|
assert.htmlEqual(
|
||
|
target.innerHTML,
|
||
|
`
|
||
|
<input> hello
|
||
|
<input> hello
|
||
|
<input>
|
||
|
`
|
||
|
);
|
||
|
|
||
|
component.fallback = "world";
|
||
|
assert.htmlEqual(
|
||
|
target.innerHTML,
|
||
|
`
|
||
|
<input> hello
|
||
|
<input> hello
|
||
|
<input> world
|
||
|
`
|
||
|
);
|
||
|
}
|
||
|
};
|