green green
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/dynamic-component-bindings-recreated/_config.js b/test/runtime/samples/dynamic-component-bindings-recreated/_config.js index b57c49ed58..7882996a8b 100644 --- a/test/runtime/samples/dynamic-component-bindings-recreated/_config.js +++ b/test/runtime/samples/dynamic-component-bindings-recreated/_config.js @@ -22,4 +22,4 @@ export default {green two
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/dynamic-component-bindings/_config.js b/test/runtime/samples/dynamic-component-bindings/_config.js index 9ef9a87b91..4b76c89237 100644 --- a/test/runtime/samples/dynamic-component-bindings/_config.js +++ b/test/runtime/samples/dynamic-component-bindings/_config.js @@ -28,4 +28,4 @@ export default { assert.equal(component.z, true); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/dynamic-component-destroy-null/_config.js b/test/runtime/samples/dynamic-component-destroy-null/_config.js index 3c47aa5bae..00f7d47d0f 100644 --- a/test/runtime/samples/dynamic-component-destroy-null/_config.js +++ b/test/runtime/samples/dynamic-component-destroy-null/_config.js @@ -6,4 +6,4 @@ export default { test({ assert, component }) { component.x = false; } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/dynamic-component-events/_config.js b/test/runtime/samples/dynamic-component-events/_config.js index 3c6bf370bb..cc54bef4e5 100644 --- a/test/runtime/samples/dynamic-component-events/_config.js +++ b/test/runtime/samples/dynamic-component-events/_config.js @@ -22,4 +22,4 @@ export default { target.querySelector('button').dispatchEvent(click); assert.equal(component.selected, 'bar'); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/dynamic-component-in-if/_config.js b/test/runtime/samples/dynamic-component-in-if/_config.js index b481c229c4..0c6829dbcd 100644 --- a/test/runtime/samples/dynamic-component-in-if/_config.js +++ b/test/runtime/samples/dynamic-component-in-if/_config.js @@ -10,4 +10,4 @@ export default {Bar
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/dynamic-component-inside-element/_config.js b/test/runtime/samples/dynamic-component-inside-element/_config.js index 2e363f10da..ba144c96a6 100644 --- a/test/runtime/samples/dynamic-component-inside-element/_config.js +++ b/test/runtime/samples/dynamic-component-inside-element/_config.js @@ -14,4 +14,4 @@ export default {false, therefore Bar
Foo
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/dynamic-component-ref/_config.js b/test/runtime/samples/dynamic-component-ref/_config.js index 6e3cabc435..f64a7fd195 100644 --- a/test/runtime/samples/dynamic-component-ref/_config.js +++ b/test/runtime/samples/dynamic-component-ref/_config.js @@ -1,5 +1,5 @@ export default { - html: `Foo`, + html: 'Foo', test({ assert, component }) { assert.ok(component.test); diff --git a/test/runtime/samples/dynamic-component-slot/_config.js b/test/runtime/samples/dynamic-component-slot/_config.js index 58f413e3c4..aedf8bbb5b 100644 --- a/test/runtime/samples/dynamic-component-slot/_config.js +++ b/test/runtime/samples/dynamic-component-slot/_config.js @@ -32,4 +32,4 @@ export default {what goes up must come down
`);
}
-};
\ No newline at end of file
+};
diff --git a/test/runtime/samples/dynamic-component-update-existing-instance/_config.js b/test/runtime/samples/dynamic-component-update-existing-instance/_config.js
index 5e3d836382..adca76f5a7 100644
--- a/test/runtime/samples/dynamic-component-update-existing-instance/_config.js
+++ b/test/runtime/samples/dynamic-component-update-existing-instance/_config.js
@@ -14,4 +14,4 @@ export default {
Foo 2
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/dynamic-component/_config.js b/test/runtime/samples/dynamic-component/_config.js index fe7ce5d65f..64abb9bd96 100644 --- a/test/runtime/samples/dynamic-component/_config.js +++ b/test/runtime/samples/dynamic-component/_config.js @@ -14,4 +14,4 @@ export default {false, therefore Bar
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/each-block-array-literal/_config.js b/test/runtime/samples/each-block-array-literal/_config.js index 288d1cd09f..164e4730bc 100644 --- a/test/runtime/samples/each-block-array-literal/_config.js +++ b/test/runtime/samples/each-block-array-literal/_config.js @@ -15,5 +15,5 @@ export default { button.dispatchEvent(event); assert.equal(component.clicked, 'racoon'); - }, + } }; diff --git a/test/runtime/samples/each-block-component-no-props/_config.js b/test/runtime/samples/each-block-component-no-props/_config.js index e8344496ca..329da68324 100644 --- a/test/runtime/samples/each-block-component-no-props/_config.js +++ b/test/runtime/samples/each-block-component-no-props/_config.js @@ -5,12 +5,12 @@ export default { async test({ assert, component, target }) { await component.remove(); - assert.htmlEqual(target.innerHTML, ``); + assert.htmlEqual(target.innerHTML, ''); await component.add(); - assert.htmlEqual(target.innerHTML, `hello
`); + assert.htmlEqual(target.innerHTML, 'hello
'); await component.remove(); - assert.htmlEqual(target.innerHTML, ``); + assert.htmlEqual(target.innerHTML, ''); } }; diff --git a/test/runtime/samples/each-block-containing-component-in-if/_config.js b/test/runtime/samples/each-block-containing-component-in-if/_config.js index 9083742891..d617d23cd3 100644 --- a/test/runtime/samples/each-block-containing-component-in-if/_config.js +++ b/test/runtime/samples/each-block-containing-component-in-if/_config.js @@ -4,7 +4,7 @@ export default { fields: [1, 2] }, - html: ``, + html: '', test({ assert, component, target }) { component.show = true; diff --git a/test/runtime/samples/each-block-destructured-array-sparse/_config.js b/test/runtime/samples/each-block-destructured-array-sparse/_config.js index 9805276600..331c3aec1b 100644 --- a/test/runtime/samples/each-block-destructured-array-sparse/_config.js +++ b/test/runtime/samples/each-block-destructured-array-sparse/_config.js @@ -16,5 +16,5 @@ export default { assert.htmlEqual( target.innerHTML, `bar
`); - }, + } }; diff --git a/test/runtime/samples/each-block-destructured-array/_config.js b/test/runtime/samples/each-block-destructured-array/_config.js index 432d8a3a78..e2924c8656 100644 --- a/test/runtime/samples/each-block-destructured-array/_config.js +++ b/test/runtime/samples/each-block-destructured-array/_config.js @@ -16,5 +16,5 @@ export default { assert.htmlEqual( target.innerHTML, `foo: bar
`); - }, + } }; diff --git a/test/runtime/samples/each-block-destructured-default/_config.js b/test/runtime/samples/each-block-destructured-default/_config.js new file mode 100644 index 0000000000..0e99fd589f --- /dev/null +++ b/test/runtime/samples/each-block-destructured-default/_config.js @@ -0,0 +1,22 @@ +export default { + props: { + animalEntries: [ + { animal: 'raccoon', class: 'mammal', species: 'P. lotor', kilogram: 25 }, + { animal: 'eagle', class: 'bird', kilogram: 5.4 } + ] + }, + + html: ` +raccoon - P. lotor - 25kg
+eagle - unknown - 5.4kg
+ `, + + + + test({ assert, component, target }) { + component.animalEntries = [{ animal: 'cow', class: 'mammal', species: 'B. taurus' }]; + assert.htmlEqual(target.innerHTML, ` +cow - B. taurus - 50kg
+ `); + } +}; diff --git a/test/runtime/samples/each-block-destructured-default/main.svelte b/test/runtime/samples/each-block-destructured-default/main.svelte new file mode 100644 index 0000000000..a91b45299e --- /dev/null +++ b/test/runtime/samples/each-block-destructured-default/main.svelte @@ -0,0 +1,7 @@ + + +{#each animalEntries as { animal, species = 'unknown', kilogram: weight = 50 , ...props } } +{animal} - {species} - {weight}kg
+{/each} diff --git a/test/runtime/samples/each-block-destructured-object-binding/_config.js b/test/runtime/samples/each-block-destructured-object-binding/_config.js index 8b59a97034..2ab3e24397 100644 --- a/test/runtime/samples/each-block-destructured-object-binding/_config.js +++ b/test/runtime/samples/each-block-destructured-object-binding/_config.js @@ -1,6 +1,6 @@ export default { props: { - people: [{ name: { first: 'Doctor', last: 'Who' } }], + people: [{ name: { first: 'Doctor', last: 'Who' } }] }, html: ` @@ -41,5 +41,5 @@ export default {Frank Oz
`); - }, + } }; diff --git a/test/runtime/samples/each-block-destructured-object-rest/_config.js b/test/runtime/samples/each-block-destructured-object-rest/_config.js index 561d4e8442..be5d38b555 100644 --- a/test/runtime/samples/each-block-destructured-object-rest/_config.js +++ b/test/runtime/samples/each-block-destructured-object-rest/_config.js @@ -16,5 +16,5 @@ export default { assert.htmlEqual(target.innerHTML, `cow
`); - }, + } }; diff --git a/test/runtime/samples/each-block-destructured-object/_config.js b/test/runtime/samples/each-block-destructured-object/_config.js index dc3943fffe..feec72f402 100644 --- a/test/runtime/samples/each-block-destructured-object/_config.js +++ b/test/runtime/samples/each-block-destructured-object/_config.js @@ -16,5 +16,5 @@ export default { assert.htmlEqual( target.innerHTML, `cow: hooves
`); - }, + } }; diff --git a/test/runtime/samples/each-block-else-in-if/_config.js b/test/runtime/samples/each-block-else-in-if/_config.js index c800ee8a30..24d1e5477a 100644 --- a/test/runtime/samples/each-block-else-in-if/_config.js +++ b/test/runtime/samples/each-block-else-in-if/_config.js @@ -6,7 +6,7 @@ export default { test({ assert, component, target }) { component.visible = false; - assert.htmlEqual(target.innerHTML, ``); + assert.htmlEqual(target.innerHTML, ''); component.visible = true; assert.htmlEqual(target.innerHTML, ` diff --git a/test/runtime/samples/each-block-else-mount-or-intro/_config.js b/test/runtime/samples/each-block-else-mount-or-intro/_config.js index 8460a4b5e0..15674ea651 100644 --- a/test/runtime/samples/each-block-else-mount-or-intro/_config.js +++ b/test/runtime/samples/each-block-else-mount-or-intro/_config.js @@ -1,4 +1,4 @@ export default { props: { items: [] }, - html: `No items.`, + html: 'No items.' }; diff --git a/test/runtime/samples/each-block-empty-outro/_config.js b/test/runtime/samples/each-block-empty-outro/_config.js index 92eb7c66b1..0acf1f572f 100644 --- a/test/runtime/samples/each-block-empty-outro/_config.js +++ b/test/runtime/samples/each-block-empty-outro/_config.js @@ -13,6 +13,6 @@ export default { test({ assert, component, target }) { component.visible = false; - assert.htmlEqual(target.innerHTML, ``); + assert.htmlEqual(target.innerHTML, ''); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/each-block-in-if-block/_config.js b/test/runtime/samples/each-block-in-if-block/_config.js index eda3ca14a9..082b9b3033 100644 --- a/test/runtime/samples/each-block-in-if-block/_config.js +++ b/test/runtime/samples/each-block-in-if-block/_config.js @@ -1,7 +1,7 @@ export default { props: { dummy: false, - fruits: ['Apple', 'Banana', 'Tomato'], + fruits: ['Apple', 'Banana', 'Tomato'] }, html: 'Apple
Banana
Tomato
0: adder
1: blue whale
2: chameleon
` + html: '0: adder
1: blue whale
2: chameleon
' }; diff --git a/test/runtime/samples/each-block-keyed-component-action/Component.svelte b/test/runtime/samples/each-block-keyed-component-action/Component.svelte new file mode 100644 index 0000000000..18a6c7452a --- /dev/null +++ b/test/runtime/samples/each-block-keyed-component-action/Component.svelte @@ -0,0 +1,5 @@ + + + diff --git a/test/runtime/samples/each-block-keyed-component-action/_config.js b/test/runtime/samples/each-block-keyed-component-action/_config.js new file mode 100644 index 0000000000..a1afc44c93 --- /dev/null +++ b/test/runtime/samples/each-block-keyed-component-action/_config.js @@ -0,0 +1,21 @@ +export default { + test({ assert, component, raf }) { + assert.equal(component.count, 0); + + component.arr = ['2']; + + assert.equal(component.count, 1); + + component.arr = ['1', '2']; + + assert.equal(component.count, 2); + + component.arr = ['2', '1']; + + assert.equal(component.count, 2); + + component.arr = []; + + assert.equal(component.count, 0); + } +}; diff --git a/test/runtime/samples/each-block-keyed-component-action/main.svelte b/test/runtime/samples/each-block-keyed-component-action/main.svelte new file mode 100644 index 0000000000..bfacdf402a --- /dev/null +++ b/test/runtime/samples/each-block-keyed-component-action/main.svelte @@ -0,0 +1,17 @@ + + +{#each arr as item (item)} +foo
+ foo
+ `,
+
+ test({ assert, component, target }) {
+ value = 'bar';
+ component.id = 1;
+
+ assert.equal(count, 4);
+ assert.htmlEqual(target.innerHTML, `
+ bar
+ bar
+ `);
+ }
+};
diff --git a/test/runtime/samples/each-block-keyed-dyanmic-key/main.svelte b/test/runtime/samples/each-block-keyed-dyanmic-key/main.svelte
new file mode 100644
index 0000000000..9a15c7d98e
--- /dev/null
+++ b/test/runtime/samples/each-block-keyed-dyanmic-key/main.svelte
@@ -0,0 +1,8 @@
+
+
+{#each ['foo', 'bar'] as key (id + key)}
+ {value()}
+{/each}
\ No newline at end of file
diff --git a/test/runtime/samples/each-block-keyed-dynamic-2/_config.js b/test/runtime/samples/each-block-keyed-dynamic-2/_config.js
index 7eba75a5ff..e25083c751 100644
--- a/test/runtime/samples/each-block-keyed-dynamic-2/_config.js
+++ b/test/runtime/samples/each-block-keyed-dynamic-2/_config.js
@@ -6,9 +6,9 @@ export default {
`,
async test({ assert, component, target, window }) {
- const button = target.querySelector("button");
+ const button = target.querySelector('button');
- const event = new window.MouseEvent("click");
+ const event = new window.MouseEvent('click');
await button.dispatchEvent(event);
assert.htmlEqual(
diff --git a/test/runtime/samples/each-block-keyed-else/_config.js b/test/runtime/samples/each-block-keyed-else/_config.js
new file mode 100644
index 0000000000..a5bf722a80
--- /dev/null
+++ b/test/runtime/samples/each-block-keyed-else/_config.js
@@ -0,0 +1,37 @@
+export default {
+ props: {
+ animals: ['alpaca', 'baboon', 'capybara'],
+ foo: 'something else'
+ },
+
+ html: `
+ before
+ alpaca
+baboon
+capybara
+ after + `, + + test({ assert, component, target }) { + component.animals = []; + assert.htmlEqual(target.innerHTML, ` + before +no animals, but rather something else
+ after + `); + + component.foo = 'something other'; + assert.htmlEqual(target.innerHTML, ` + before +no animals, but rather something other
+ after + `); + + component.animals = ['wombat']; + assert.htmlEqual(target.innerHTML, ` + before +wombat
+ after + `); + } +}; diff --git a/test/runtime/samples/each-block-keyed-else/main.svelte b/test/runtime/samples/each-block-keyed-else/main.svelte new file mode 100644 index 0000000000..2a82653ff1 --- /dev/null +++ b/test/runtime/samples/each-block-keyed-else/main.svelte @@ -0,0 +1,12 @@ + + +before +{#each animals as animal (animal)} +{animal}
+{:else} +no animals, but rather {foo}
+{/each} +after diff --git a/test/runtime/samples/each-block-keyed-empty/_config.js b/test/runtime/samples/each-block-keyed-empty/_config.js index cf8f4d3219..dfa810b3ff 100644 --- a/test/runtime/samples/each-block-keyed-empty/_config.js +++ b/test/runtime/samples/each-block-keyed-empty/_config.js @@ -1,7 +1,7 @@ export default { props: { - x: [{ z: 1 }, { z: 2 }], + x: [{ z: 1 }, { z: 2 }] }, - html: `` + html: '' }; diff --git a/test/runtime/samples/each-block-keyed-html/_config.js b/test/runtime/samples/each-block-keyed-html/_config.js index 536e54543e..3ece052d5c 100644 --- a/test/runtime/samples/each-block-keyed-html/_config.js +++ b/test/runtime/samples/each-block-keyed-html/_config.js @@ -5,6 +5,6 @@ export default { test({ assert, component, target }) { component.names = component.names.reverse(); - assert.htmlEqual(target.innerHTML, `JillJohn`); + assert.htmlEqual(target.innerHTML, 'JillJohn'); } }; diff --git a/test/runtime/samples/each-block-keyed-non-prop/_config.js b/test/runtime/samples/each-block-keyed-non-prop/_config.js index 90e9a7f9c8..2cccbedef0 100644 --- a/test/runtime/samples/each-block-keyed-non-prop/_config.js +++ b/test/runtime/samples/each-block-keyed-non-prop/_config.js @@ -25,5 +25,5 @@ export default { assert.equal(p1, p4, 'firstelement should be retained'); assert.equal(p3, p5, 'last
element should be retained'); - }, + } }; diff --git a/test/runtime/samples/each-block-keyed-random-permute/_config.js b/test/runtime/samples/each-block-keyed-random-permute/_config.js index 80bf2d9115..88330c4509 100644 --- a/test/runtime/samples/each-block-keyed-random-permute/_config.js +++ b/test/runtime/samples/each-block-keyed-random-permute/_config.js @@ -19,10 +19,10 @@ function permute() { export default { props: { - values: toObjects('abc'), + values: toObjects('abc') }, - html: `(a)(b)(c)`, + html: '(a)(b)(c)', test({ assert, component, target }) { function test(sequence) { diff --git a/test/runtime/samples/each-block-keyed-shift/_config.js b/test/runtime/samples/each-block-keyed-shift/_config.js index 44ca8447f0..4e7809445c 100644 --- a/test/runtime/samples/each-block-keyed-shift/_config.js +++ b/test/runtime/samples/each-block-keyed-shift/_config.js @@ -1,6 +1,6 @@ export default { props: { - titles: [{ name: 'a', }, { name: 'b' }, { name: 'c' }] + titles: [{ name: 'a' }, { name: 'b' }, { name: 'c' }] }, html: ` diff --git a/test/runtime/samples/each-block-keyed-siblings/_config.js b/test/runtime/samples/each-block-keyed-siblings/_config.js index d87f8943da..a52b6c404d 100644 --- a/test/runtime/samples/each-block-keyed-siblings/_config.js +++ b/test/runtime/samples/each-block-keyed-siblings/_config.js @@ -1,7 +1,7 @@ export default { props: { ones: [{ text: '1' }], - twos: [{ text: '2' }], + twos: [{ text: '2' }] }, html: ` @@ -16,5 +16,5 @@ export default {
11
2
`);
- },
+ }
};
diff --git a/test/runtime/samples/each-block-keyed-static/_config.js b/test/runtime/samples/each-block-keyed-static/_config.js
index 629ea47ebb..57800c454f 100644
--- a/test/runtime/samples/each-block-keyed-static/_config.js
+++ b/test/runtime/samples/each-block-keyed-static/_config.js
@@ -1,6 +1,6 @@
export default {
props: {
- x: [{ z: 1 }, { z: 2 }],
+ x: [{ z: 1 }, { z: 2 }]
},
html: `
diff --git a/test/runtime/samples/each-block-scope-shadow-bind-2/_config.js b/test/runtime/samples/each-block-scope-shadow-bind-2/_config.js
new file mode 100644
index 0000000000..655aac05b7
--- /dev/null
+++ b/test/runtime/samples/each-block-scope-shadow-bind-2/_config.js
@@ -0,0 +1,23 @@
+export default {
+ html: `
+ Hello
+
+ `,
+ ssrHtml: `
+ Hello
+
+ `,
+ async test({ assert, target, window }) {
+ const input = target.querySelector('input');
+ input.value = 'abcd';
+ await input.dispatchEvent(new window.Event('input'));
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+ abcd
+
+ `
+ );
+ }
+};
diff --git a/test/runtime/samples/each-block-scope-shadow-bind-2/main.svelte b/test/runtime/samples/each-block-scope-shadow-bind-2/main.svelte
new file mode 100644
index 0000000000..f5bff01e6c
--- /dev/null
+++ b/test/runtime/samples/each-block-scope-shadow-bind-2/main.svelte
@@ -0,0 +1,10 @@
+
+
+{#each a as { a }}
+ {a}
+
+{/each}
\ No newline at end of file
diff --git a/test/runtime/samples/each-block-scope-shadow-bind-3/_config.js b/test/runtime/samples/each-block-scope-shadow-bind-3/_config.js
new file mode 100644
index 0000000000..42b7a96e34
--- /dev/null
+++ b/test/runtime/samples/each-block-scope-shadow-bind-3/_config.js
@@ -0,0 +1,105 @@
+export default {
+ html: `
+
+ Hello World
+
+
+
+
+ Sapper App
+
+
+
+ `,
+
+ ssrHtml: `
+
+ Hello World
+
+
+
+
+ Sapper App
+
+
+
+ `,
+ async test({ assert, target, window }) {
+ const [input1, input2, input3, input4] = target.querySelectorAll('input');
+ input1.value = 'Awesome';
+ await input1.dispatchEvent(new window.Event('input'));
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
+ Awesome World
+
+
+
+
+ Sapper App
+
+
+
+ `
+ );
+
+ input2.value = 'Svelte';
+ await input2.dispatchEvent(new window.Event('input'));
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
+ Awesome Svelte
+
+
+
+
+ Sapper App
+
+
+
+ `
+ );
+
+ input3.value = 'Foo';
+ await input3.dispatchEvent(new window.Event('input'));
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
+ Awesome Svelte
+
+
+
+
+ Foo App
+
+
+
+ `
+ );
+
+ input4.value = 'Bar';
+ await input4.dispatchEvent(new window.Event('input'));
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
+ Awesome Svelte
+
+
+
+
+ Foo Bar
+
+
+
+ `
+ );
+ }
+};
diff --git a/test/runtime/samples/each-block-scope-shadow-bind-3/main.svelte b/test/runtime/samples/each-block-scope-shadow-bind-3/main.svelte
new file mode 100644
index 0000000000..2e8fe5e591
--- /dev/null
+++ b/test/runtime/samples/each-block-scope-shadow-bind-3/main.svelte
@@ -0,0 +1,14 @@
+
+
+{#each a as a}
+
+ {a[0]} {a[1]}
+
+
+
+{/each}
\ No newline at end of file
diff --git a/test/runtime/samples/each-block-scope-shadow-bind-4/_config.js b/test/runtime/samples/each-block-scope-shadow-bind-4/_config.js
new file mode 100644
index 0000000000..f0570577b2
--- /dev/null
+++ b/test/runtime/samples/each-block-scope-shadow-bind-4/_config.js
@@ -0,0 +1,64 @@
+export default {
+ html: `
+
+ b: Hello
+
+
+
+ `,
+ ssrHtml: `
+
+ b: Hello
+
+
+
+ `,
+ async test({ assert, target, window }) {
+ const input = target.querySelector('input');
+ const button = target.querySelector('button');
+
+ input.value = 'Awesome';
+ await input.dispatchEvent(new window.Event('input'));
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
+ b: Awesome
+
+
+
+ `
+ );
+
+
+ await button.dispatchEvent(new window.MouseEvent('click'));
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
+ c: World
+
+
+
+ `
+ );
+
+ assert.equal(input.value, 'World');
+
+ input.value = 'Svelte';
+ await input.dispatchEvent(new window.Event('input'));
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
+ c: Svelte
+
+
+
+ `
+ );
+ }
+};
diff --git a/test/runtime/samples/each-block-scope-shadow-bind-4/main.svelte b/test/runtime/samples/each-block-scope-shadow-bind-4/main.svelte
new file mode 100644
index 0000000000..bc4f172dd0
--- /dev/null
+++ b/test/runtime/samples/each-block-scope-shadow-bind-4/main.svelte
@@ -0,0 +1,14 @@
+
+
+{#each a as { a, key }}
+
+ {key}: {a[key]}
+
+
+{/each}
+
+
\ No newline at end of file
diff --git a/test/runtime/samples/each-block-scope-shadow-bind/_config.js b/test/runtime/samples/each-block-scope-shadow-bind/_config.js
new file mode 100644
index 0000000000..655aac05b7
--- /dev/null
+++ b/test/runtime/samples/each-block-scope-shadow-bind/_config.js
@@ -0,0 +1,23 @@
+export default {
+ html: `
+ Hello
+
+ `,
+ ssrHtml: `
+ Hello
+
+ `,
+ async test({ assert, target, window }) {
+ const input = target.querySelector('input');
+ input.value = 'abcd';
+ await input.dispatchEvent(new window.Event('input'));
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+ abcd
+
+ `
+ );
+ }
+};
diff --git a/test/runtime/samples/each-block-scope-shadow-bind/main.svelte b/test/runtime/samples/each-block-scope-shadow-bind/main.svelte
new file mode 100644
index 0000000000..f3471e179f
--- /dev/null
+++ b/test/runtime/samples/each-block-scope-shadow-bind/main.svelte
@@ -0,0 +1,10 @@
+
+
+{#each a as a}
+ {a}
+
+{/each}
\ No newline at end of file
diff --git a/test/runtime/samples/each-block-scope-shadow-self/_config.js b/test/runtime/samples/each-block-scope-shadow-self/_config.js
index 1669dc5b6e..867aadfab9 100644
--- a/test/runtime/samples/each-block-scope-shadow-self/_config.js
+++ b/test/runtime/samples/each-block-scope-shadow-self/_config.js
@@ -9,5 +9,5 @@ export default {
assert.equal(target.querySelectorAll('input').length, 3);
assert.deepEqual(component.data, { a: 'svelte', b: 'B', c: 'C' });
assert.deepEqual(component.x, ['a', 'b', 'c']);
- },
+ }
};
diff --git a/test/runtime/samples/each-block-static/_config.js b/test/runtime/samples/each-block-static/_config.js
index b62d262d9b..fc2fb28cca 100644
--- a/test/runtime/samples/each-block-static/_config.js
+++ b/test/runtime/samples/each-block-static/_config.js
@@ -3,10 +3,10 @@ export default {
items: []
},
- html: ``,
+ html: '',
test({ assert, component, target }) {
component.items = ['x'];
- assert.htmlEqual(target.innerHTML, `foo`);
+ assert.htmlEqual(target.innerHTML, 'foo');
}
};
diff --git a/test/runtime/samples/each-block-unkeyed-else-2/_config.js b/test/runtime/samples/each-block-unkeyed-else-2/_config.js
new file mode 100644
index 0000000000..a5bf722a80
--- /dev/null
+++ b/test/runtime/samples/each-block-unkeyed-else-2/_config.js
@@ -0,0 +1,37 @@
+export default {
+ props: {
+ animals: ['alpaca', 'baboon', 'capybara'],
+ foo: 'something else'
+ },
+
+ html: `
+ before
+ alpaca
+baboon
+capybara
+ after + `, + + test({ assert, component, target }) { + component.animals = []; + assert.htmlEqual(target.innerHTML, ` + before +no animals, but rather something else
+ after + `); + + component.foo = 'something other'; + assert.htmlEqual(target.innerHTML, ` + before +no animals, but rather something other
+ after + `); + + component.animals = ['wombat']; + assert.htmlEqual(target.innerHTML, ` + before +wombat
+ after + `); + } +}; diff --git a/test/runtime/samples/each-block-unkeyed-else-2/main.svelte b/test/runtime/samples/each-block-unkeyed-else-2/main.svelte new file mode 100644 index 0000000000..3275cb1f83 --- /dev/null +++ b/test/runtime/samples/each-block-unkeyed-else-2/main.svelte @@ -0,0 +1,12 @@ + + +before +{#each animals as animal} +{animal}
+{:else} +no animals, but rather {foo}
+{/each} +after diff --git a/test/runtime/samples/each-blocks-assignment-2/_config.js b/test/runtime/samples/each-blocks-assignment-2/_config.js new file mode 100644 index 0000000000..f69b4fe9f6 --- /dev/null +++ b/test/runtime/samples/each-blocks-assignment-2/_config.js @@ -0,0 +1,20 @@ +export default { + html: ` + foo + + `, + async test({ assert, component, target, window }) { + const button = target.querySelector('button'); + + const clickEvent = new window.MouseEvent('click'); + await button.dispatchEvent(clickEvent); + + assert.htmlEqual( + target.innerHTML, + ` + bar + + ` + ); + } +}; diff --git a/test/runtime/samples/each-blocks-assignment-2/main.svelte b/test/runtime/samples/each-blocks-assignment-2/main.svelte new file mode 100644 index 0000000000..5ef3ae83ac --- /dev/null +++ b/test/runtime/samples/each-blocks-assignment-2/main.svelte @@ -0,0 +1,12 @@ + + +{#each arr as o} + {o.prop} + +{/each} \ No newline at end of file diff --git a/test/runtime/samples/each-blocks-assignment/_config.js b/test/runtime/samples/each-blocks-assignment/_config.js new file mode 100644 index 0000000000..b651e3e02b --- /dev/null +++ b/test/runtime/samples/each-blocks-assignment/_config.js @@ -0,0 +1,97 @@ +export default { + html: ` + + 1 + + 2 + + 3 + + `, + async test({ assert, component, target, window }) { + let [incrementBtn, ...buttons] = target.querySelectorAll('button'); + + const clickEvent = new window.MouseEvent('click'); + await buttons[0].dispatchEvent(clickEvent); + + assert.htmlEqual( + target.innerHTML, + ` + + 2 + + 2 + + 3 + + ` + ); + + await buttons[0].dispatchEvent(clickEvent); + + assert.htmlEqual( + target.innerHTML, + ` + + 4 + + 2 + + 3 + + ` + ); + + await buttons[2].dispatchEvent(clickEvent); + await buttons[2].dispatchEvent(clickEvent); + + assert.htmlEqual( + target.innerHTML, + ` + + 4 + + 2 + + 12 + + ` + ); + + await incrementBtn.dispatchEvent(clickEvent); + + assert.htmlEqual( + target.innerHTML, + ` + + 4 + + 2 + + 12 + + 4 + + ` + ); + + [incrementBtn, ...buttons] = target.querySelectorAll('button'); + + await buttons[3].dispatchEvent(clickEvent); + + assert.htmlEqual( + target.innerHTML, + ` + + 4 + + 2 + + 12 + + 8 + + ` + ); + } +}; diff --git a/test/runtime/samples/each-blocks-assignment/main.svelte b/test/runtime/samples/each-blocks-assignment/main.svelte new file mode 100644 index 0000000000..f74bffbe04 --- /dev/null +++ b/test/runtime/samples/each-blocks-assignment/main.svelte @@ -0,0 +1,13 @@ + + + +{#each arr as o} + {o} + +{/each} \ No newline at end of file diff --git a/test/runtime/samples/each-blocks-expression/_config.js b/test/runtime/samples/each-blocks-expression/_config.js index 239a18b6dc..9f14bd81ec 100644 --- a/test/runtime/samples/each-blocks-expression/_config.js +++ b/test/runtime/samples/each-blocks-expression/_config.js @@ -1,3 +1,3 @@ export default { - html: `a
b
c
` + html: 'a
b
c
' }; diff --git a/test/runtime/samples/each-blocks-nested-b/_config.js b/test/runtime/samples/each-blocks-nested-b/_config.js index c44899e6fb..7b13d988b4 100644 --- a/test/runtime/samples/each-blocks-nested-b/_config.js +++ b/test/runtime/samples/each-blocks-nested-b/_config.js @@ -28,7 +28,7 @@ export default { } ] }, - html: `animals: aardvark
animals: buffalo
animals: chinchilla
countries: albania
countries: brazil
countries: china
people: alice
people: bob
people: carol
people: dave
`, + html: 'animals: aardvark
animals: buffalo
animals: chinchilla
countries: albania
countries: brazil
countries: china
people: alice
people: bob
people: carol
people: dave
', test({ assert, component, target }) { // TODO } diff --git a/test/runtime/samples/each-blocks-nested/_config.js b/test/runtime/samples/each-blocks-nested/_config.js index 790ec9ced7..3318bc344d 100644 --- a/test/runtime/samples/each-blocks-nested/_config.js +++ b/test/runtime/samples/each-blocks-nested/_config.js @@ -4,7 +4,7 @@ export default { rows: [ 1, 2, 3 ] }, - html: `a, 1
a, 2
a, 3
b, 1
b, 2
b, 3
c, 1
c, 2
c, 3
`,
+ html: 'a, 1
a, 2
a, 3
b, 1
b, 2
b, 3
c, 1
c, 2
c, 3
',
test({ assert, component, target }) {
// TODO
diff --git a/test/runtime/samples/element-source-location/_config.js b/test/runtime/samples/element-source-location/_config.js
index 61ae36d107..101cc2cad1 100644
--- a/test/runtime/samples/element-source-location/_config.js
+++ b/test/runtime/samples/element-source-location/_config.js
@@ -23,4 +23,4 @@ export default {
char: 7
});
}
-};
\ No newline at end of file
+};
diff --git a/test/runtime/samples/empty-dom/_config.js b/test/runtime/samples/empty-dom/_config.js
index e3e3d0ecd5..22dc25b41e 100644
--- a/test/runtime/samples/empty-dom/_config.js
+++ b/test/runtime/samples/empty-dom/_config.js
@@ -1,3 +1,3 @@
export default {
- html: '',
-};
\ No newline at end of file
+ html: ''
+};
diff --git a/test/runtime/samples/empty-style-block/_config.js b/test/runtime/samples/empty-style-block/_config.js
index 0375bad029..22dc25b41e 100644
--- a/test/runtime/samples/empty-style-block/_config.js
+++ b/test/runtime/samples/empty-style-block/_config.js
@@ -1,3 +1,3 @@
export default {
- html: '',
+ html: ''
};
diff --git a/test/runtime/samples/escape-template-literals/_config.js b/test/runtime/samples/escape-template-literals/_config.js
index 1419d65679..9e50f94764 100644
--- a/test/runtime/samples/escape-template-literals/_config.js
+++ b/test/runtime/samples/escape-template-literals/_config.js
@@ -1,3 +1,3 @@
export default {
- html: '`${foo}\\n`\nfoo
\n`${foo}\\n`
',
+ html: '`${foo}\\n`\nfoo
\n`${foo}\\n`
'
};
diff --git a/test/runtime/samples/event-handler-async/_config.js b/test/runtime/samples/event-handler-async/_config.js
index fab4d998b6..b483d039ed 100644
--- a/test/runtime/samples/event-handler-async/_config.js
+++ b/test/runtime/samples/event-handler-async/_config.js
@@ -1,5 +1,5 @@
export default {
html: `
- `,
+ `
};
diff --git a/test/runtime/samples/event-handler-dynamic-2/_config.js b/test/runtime/samples/event-handler-dynamic-2/_config.js
index c996d8f2aa..5fded47855 100644
--- a/test/runtime/samples/event-handler-dynamic-2/_config.js
+++ b/test/runtime/samples/event-handler-dynamic-2/_config.js
@@ -29,5 +29,5 @@ export default {
await handler_b.dispatchEvent(event);
assert.equal(p.innerHTML, '2');
- },
+ }
};
diff --git a/test/runtime/samples/event-handler-dynamic-bound-var/_config.js b/test/runtime/samples/event-handler-dynamic-bound-var/_config.js
index c832127c09..c490db000a 100644
--- a/test/runtime/samples/event-handler-dynamic-bound-var/_config.js
+++ b/test/runtime/samples/event-handler-dynamic-bound-var/_config.js
@@ -16,5 +16,5 @@ export default {
Bye World
`
);
- },
+ }
};
diff --git a/test/runtime/samples/event-handler-dynamic-expression/_config.js b/test/runtime/samples/event-handler-dynamic-expression/_config.js
index c4d259a542..f479c9cef2 100644
--- a/test/runtime/samples/event-handler-dynamic-expression/_config.js
+++ b/test/runtime/samples/event-handler-dynamic-expression/_config.js
@@ -1,5 +1,5 @@
export default {
- html: ``,
+ html: '',
async test({ assert, component, target, window }) {
const [button] = target.querySelectorAll(
@@ -9,12 +9,12 @@ export default {
const event = new window.MouseEvent('click');
await button.dispatchEvent(event);
- assert.htmlEqual(target.innerHTML, ``);
+ assert.htmlEqual(target.innerHTML, '');
await button.dispatchEvent(event);
- assert.htmlEqual(target.innerHTML, ``);
+ assert.htmlEqual(target.innerHTML, '');
await button.dispatchEvent(event);
- assert.htmlEqual(target.innerHTML, ``);
- },
+ assert.htmlEqual(target.innerHTML, '');
+ }
};
diff --git a/test/runtime/samples/event-handler-dynamic-hash/_config.js b/test/runtime/samples/event-handler-dynamic-hash/_config.js
index e60e561524..35f5fa103d 100644
--- a/test/runtime/samples/event-handler-dynamic-hash/_config.js
+++ b/test/runtime/samples/event-handler-dynamic-hash/_config.js
@@ -14,14 +14,14 @@ export default {
);
const event = new window.MouseEvent('click');
- let err = "";
+ let err = '';
window.addEventListener('error', (e) => {
e.preventDefault();
err = e.message;
});
await button.dispatchEvent(event);
- assert.equal(err, "", err);
+ assert.equal(err, '', err);
assert.htmlEqual(target.innerHTML, `
@@ -52,5 +52,5 @@ export default {
2
`); - }, + } }; diff --git a/test/runtime/samples/event-handler-dynamic-invalid/_config.js b/test/runtime/samples/event-handler-dynamic-invalid/_config.js index ba1777f945..0ed298c95a 100644 --- a/test/runtime/samples/event-handler-dynamic-invalid/_config.js +++ b/test/runtime/samples/event-handler-dynamic-invalid/_config.js @@ -9,7 +9,7 @@ export default { ); const event = new window.MouseEvent('click'); - let err = ""; + let err = ''; window.addEventListener('error', (e) => { e.preventDefault(); err = e.message; @@ -17,12 +17,12 @@ export default { // All three should not throw if proper checking is done in runtime code await buttonUndef.dispatchEvent(event); - assert.equal(err, "", err); + assert.equal(err, '', err); await buttonNull.dispatchEvent(event); - assert.equal(err, "", err); + assert.equal(err, '', err); await buttonInvalid.dispatchEvent(event); - assert.equal(err, "", err); - }, + assert.equal(err, '', err); + } }; diff --git a/test/runtime/samples/event-handler-dynamic-modifier-self/_config.js b/test/runtime/samples/event-handler-dynamic-modifier-self/_config.js index 6d7d29e482..6bd96ba8aa 100644 --- a/test/runtime/samples/event-handler-dynamic-modifier-self/_config.js +++ b/test/runtime/samples/event-handler-dynamic-modifier-self/_config.js @@ -12,5 +12,5 @@ export default { await button.dispatchEvent(event); assert.ok(!component.inner_clicked); - }, + } }; diff --git a/test/runtime/samples/event-handler-dynamic/_config.js b/test/runtime/samples/event-handler-dynamic/_config.js index e60e561524..35f5fa103d 100644 --- a/test/runtime/samples/event-handler-dynamic/_config.js +++ b/test/runtime/samples/event-handler-dynamic/_config.js @@ -14,14 +14,14 @@ export default { ); const event = new window.MouseEvent('click'); - let err = ""; + let err = ''; window.addEventListener('error', (e) => { e.preventDefault(); err = e.message; }); await button.dispatchEvent(event); - assert.equal(err, "", err); + assert.equal(err, '', err); assert.htmlEqual(target.innerHTML, `@@ -52,5 +52,5 @@ export default {
2
`); - }, + } }; diff --git a/test/runtime/samples/event-handler-each-modifier/_config.js b/test/runtime/samples/event-handler-each-modifier/_config.js new file mode 100644 index 0000000000..8274e22eec --- /dev/null +++ b/test/runtime/samples/event-handler-each-modifier/_config.js @@ -0,0 +1,42 @@ +export default { + async test({ assert, component, target, window }) { + // set first + await component.lists.update(() => [ + { text: 'item1' }, + { text: 'item2' }, + { text: 'item3' } + ]); + + await component.lists.update(() => [ + { text: 'item3' }, + { text: 'item2' }, + { text: 'item1' } + ]); + + await component.lists.update(() => [ + { text: 'item1' }, + { text: 'item2' }, + { text: 'item3' } + ]); + + assert.equal(component.updated, 4); + + const [item1, item2] = target.childNodes; + const [item1Btn1, item1Btn2] = item1.querySelectorAll('button'); + const [item2Btn1, item2Btn2] = item2.querySelectorAll('button'); + + const clickEvent = new window.MouseEvent('click'); + + await item1Btn1.dispatchEvent(clickEvent); + assert.equal(component.getNormalCount(), 1); + + await item1Btn2.dispatchEvent(clickEvent); + assert.equal(component.getModifierCount(), 1); + + await item2Btn1.dispatchEvent(clickEvent); + assert.equal(component.getNormalCount(), 2); + + await item2Btn2.dispatchEvent(clickEvent); + assert.equal(component.getModifierCount(), 2); + } +}; diff --git a/test/runtime/samples/event-handler-each-modifier/main.svelte b/test/runtime/samples/event-handler-each-modifier/main.svelte new file mode 100644 index 0000000000..ca7447f728 --- /dev/null +++ b/test/runtime/samples/event-handler-each-modifier/main.svelte @@ -0,0 +1,37 @@ + + +{#each $lists as item (item.text)} +
+ {item.text}
+
+
+
+{/each}
diff --git a/test/runtime/samples/event-handler-each-this/_config.js b/test/runtime/samples/event-handler-each-this/_config.js
index 3ab2d5acdc..7f6528977c 100644
--- a/test/runtime/samples/event-handler-each-this/_config.js
+++ b/test/runtime/samples/event-handler-each-this/_config.js
@@ -1,6 +1,6 @@
export default {
props: {
- items: ['foo', 'bar', 'baz'],
+ items: ['foo', 'bar', 'baz']
},
html: `
diff --git a/test/runtime/samples/event-handler-modifier-self/_config.js b/test/runtime/samples/event-handler-modifier-self/_config.js
index 6d7d29e482..6bd96ba8aa 100644
--- a/test/runtime/samples/event-handler-modifier-self/_config.js
+++ b/test/runtime/samples/event-handler-modifier-self/_config.js
@@ -12,5 +12,5 @@ export default {
await button.dispatchEvent(event);
assert.ok(!component.inner_clicked);
- },
+ }
};
diff --git a/test/runtime/samples/flush-before-bindings/_config.js b/test/runtime/samples/flush-before-bindings/_config.js
index 7bb6ebfc15..4f20299771 100644
--- a/test/runtime/samples/flush-before-bindings/_config.js
+++ b/test/runtime/samples/flush-before-bindings/_config.js
@@ -20,4 +20,4 @@ export default {
// TODO minimise the number of recomputations during oncreate
// assert.equal(counter.count, 1);
}
-};
\ No newline at end of file
+};
diff --git a/test/runtime/samples/flush-before-bindings/counter.js b/test/runtime/samples/flush-before-bindings/counter.js
index 63872cd6a2..f0fc271f84 100644
--- a/test/runtime/samples/flush-before-bindings/counter.js
+++ b/test/runtime/samples/flush-before-bindings/counter.js
@@ -1,3 +1,3 @@
export default {
count: 0
-};
\ No newline at end of file
+};
diff --git a/test/runtime/samples/fragment-trailing-whitespace/_config.js b/test/runtime/samples/fragment-trailing-whitespace/_config.js
index 2251d6dae8..549cb1be68 100644
--- a/test/runtime/samples/fragment-trailing-whitespace/_config.js
+++ b/test/runtime/samples/fragment-trailing-whitespace/_config.js
@@ -1,5 +1,5 @@
-const message = "the quick brown fox jumps over the lazy dog";
-const expected = [...message].map(c => `${c + " "}`).join("");
+const message = 'the quick brown fox jumps over the lazy dog';
+const expected = [...message].map(c => `${c + ' '}`).join('');
export default {
props: {
diff --git a/test/runtime/samples/function-expression-inline/_config.js b/test/runtime/samples/function-expression-inline/_config.js
index 6916be45b1..a5dc3f7080 100644
--- a/test/runtime/samples/function-expression-inline/_config.js
+++ b/test/runtime/samples/function-expression-inline/_config.js
@@ -19,4 +19,4 @@ export default {
6
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/function-in-expression/_config.js b/test/runtime/samples/function-in-expression/_config.js index f8ddbe26a5..d3086863d3 100644 --- a/test/runtime/samples/function-in-expression/_config.js +++ b/test/runtime/samples/function-in-expression/_config.js @@ -8,6 +8,6 @@ export default { test({ assert, component, target }) { component.numbers = [10, 11, 12, 13, 14, 15, 16]; - assert.htmlEqual(target.innerHTML, `11, 13, 15`); + assert.htmlEqual(target.innerHTML, '11, 13, 15'); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/get-after-destroy/_config.js b/test/runtime/samples/get-after-destroy/_config.js index 5d10bbe72a..5e3171d39a 100644 --- a/test/runtime/samples/get-after-destroy/_config.js +++ b/test/runtime/samples/get-after-destroy/_config.js @@ -3,7 +3,7 @@ export default { foo: 1 }, - html: `1
`,
+ html: '1
',
test({ assert, component }) {
component.$destroy();
diff --git a/test/runtime/samples/globals-not-overwritten-by-bindings/_config.js b/test/runtime/samples/globals-not-overwritten-by-bindings/_config.js
index d5f3def7f1..34cee8157c 100644
--- a/test/runtime/samples/globals-not-overwritten-by-bindings/_config.js
+++ b/test/runtime/samples/globals-not-overwritten-by-bindings/_config.js
@@ -37,17 +37,17 @@ export default {
todos: {
first: {
description: 'Buy some milk',
- done: true,
+ done: true
},
second: {
description: 'Do the laundry',
- done: true,
+ done: true
},
third: {
description: "Find life's true purpose",
- done: false,
- },
- },
+ done: false
+ }
+ }
},
async test({ assert, component, target, window }) {
@@ -74,5 +74,5 @@ export default {
`);
- },
+ }
};
diff --git a/test/runtime/samples/globals-shadowed-by-each-binding/_config.js b/test/runtime/samples/globals-shadowed-by-each-binding/_config.js
index f69e5e8b0e..50feb09bb6 100644
--- a/test/runtime/samples/globals-shadowed-by-each-binding/_config.js
+++ b/test/runtime/samples/globals-shadowed-by-each-binding/_config.js
@@ -1,3 +1,3 @@
export default {
- html: 'Alert1
Alert2
', + html: 'Alert1
Alert2
' }; diff --git a/test/runtime/samples/hash-in-attribute/_config.js b/test/runtime/samples/hash-in-attribute/_config.js index 5e5726c48f..a6fe8eb909 100644 --- a/test/runtime/samples/hash-in-attribute/_config.js +++ b/test/runtime/samples/hash-in-attribute/_config.js @@ -23,4 +23,4 @@ export default { x#f `); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/head-title-dynamic-simple/_config.js b/test/runtime/samples/head-title-dynamic-simple/_config.js index 682a841fcd..cc2301a2f9 100644 --- a/test/runtime/samples/head-title-dynamic-simple/_config.js +++ b/test/runtime/samples/head-title-dynamic-simple/_config.js @@ -9,4 +9,4 @@ export default { component.foo = 'Also A Title'; assert.equal(window.document.title, 'Also A Title'); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/head-title-dynamic/_config.js b/test/runtime/samples/head-title-dynamic/_config.js index ddb04bf0a3..95d5f8debf 100644 --- a/test/runtime/samples/head-title-dynamic/_config.js +++ b/test/runtime/samples/head-title-dynamic/_config.js @@ -9,4 +9,4 @@ export default { component.adjective = 'different'; assert.equal(window.document.title, 'a different title'); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/head-title-empty/_config.js b/test/runtime/samples/head-title-empty/_config.js index 497855156c..5b0785c797 100644 --- a/test/runtime/samples/head-title-empty/_config.js +++ b/test/runtime/samples/head-title-empty/_config.js @@ -2,4 +2,4 @@ export default { test({ assert, window }) { assert.equal(window.document.title, ''); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/head-title-static/_config.js b/test/runtime/samples/head-title-static/_config.js index e6d5d9aaff..ee9a0316b5 100644 --- a/test/runtime/samples/head-title-static/_config.js +++ b/test/runtime/samples/head-title-static/_config.js @@ -2,4 +2,4 @@ export default { test({ assert, component, target, window }) { assert.equal(window.document.title, 'changed'); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/html-entities-inside-elements/_config.js b/test/runtime/samples/html-entities-inside-elements/_config.js index a53af0a297..2537da2654 100644 --- a/test/runtime/samples/html-entities-inside-elements/_config.js +++ b/test/runtime/samples/html-entities-inside-elements/_config.js @@ -2,4 +2,4 @@ export default { html: `this <em>should</em> not be <strong>bold</strong>
` -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/html-entities/_config.js b/test/runtime/samples/html-entities/_config.js index c8c2de8403..ddcc318e28 100644 --- a/test/runtime/samples/html-entities/_config.js +++ b/test/runtime/samples/html-entities/_config.js @@ -11,4 +11,4 @@ export default { ¬anentity; ` -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/html-non-entities-inside-elements/_config.js b/test/runtime/samples/html-non-entities-inside-elements/_config.js index bc217d6d02..d8e128a117 100644 --- a/test/runtime/samples/html-non-entities-inside-elements/_config.js +++ b/test/runtime/samples/html-non-entities-inside-elements/_config.js @@ -2,4 +2,4 @@ export default { html: `'foo'
`
-};
\ No newline at end of file
+};
diff --git a/test/runtime/samples/if-block-component-store-function-conditionals/_config.js b/test/runtime/samples/if-block-component-store-function-conditionals/_config.js
index db171f2fd1..609765d225 100644
--- a/test/runtime/samples/if-block-component-store-function-conditionals/_config.js
+++ b/test/runtime/samples/if-block-component-store-function-conditionals/_config.js
@@ -1,3 +1,3 @@
export default {
- html: 'OK
', + html: 'OK
' }; diff --git a/test/runtime/samples/if-block-component-without-outro/_config.js b/test/runtime/samples/if-block-component-without-outro/_config.js index 8106081c7c..fbcc328fa3 100644 --- a/test/runtime/samples/if-block-component-without-outro/_config.js +++ b/test/runtime/samples/if-block-component-without-outro/_config.js @@ -1,6 +1,6 @@ export default { props: { - foo: true, + foo: true }, html: 'A wild component appears
',
@@ -8,5 +8,5 @@ export default {
test({ assert, component, target }) {
component.foo = false;
assert.htmlEqual(target.innerHTML, '');
- },
+ }
};
diff --git a/test/runtime/samples/if-block-compound-outro-no-dependencies/_config.js b/test/runtime/samples/if-block-compound-outro-no-dependencies/_config.js
index 58b0521022..bcc4e256a4 100644
--- a/test/runtime/samples/if-block-compound-outro-no-dependencies/_config.js
+++ b/test/runtime/samples/if-block-compound-outro-no-dependencies/_config.js
@@ -1,3 +1,3 @@
export default {
- html: `blah blah blah blah`
+ html: 'blah blah blah blah'
};
diff --git a/test/runtime/samples/if-block-conservative-update/_config.js b/test/runtime/samples/if-block-conservative-update/_config.js
index a71166ef81..f84ccb6b43 100644
--- a/test/runtime/samples/if-block-conservative-update/_config.js
+++ b/test/runtime/samples/if-block-conservative-update/_config.js
@@ -9,7 +9,7 @@ export default {
}
},
- html: `potato
`, + html: 'potato
', test({ assert, component, target }) { assert.equal(count, 1); @@ -17,6 +17,6 @@ export default { component.foo = 'soup'; assert.equal(count, 1); - assert.htmlEqual(target.innerHTML, `soup
`); + assert.htmlEqual(target.innerHTML, 'soup
'); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/if-block-else-conservative-update/_config.js b/test/runtime/samples/if-block-else-conservative-update/_config.js index 5c90d2ad3a..da83385dd5 100644 --- a/test/runtime/samples/if-block-else-conservative-update/_config.js +++ b/test/runtime/samples/if-block-else-conservative-update/_config.js @@ -15,7 +15,7 @@ export default { } }, - html: `potato
`, + html: 'potato
', test({ assert, component, target }) { assert.equal(count_a, 1); @@ -26,12 +26,12 @@ export default { assert.equal(count_a, 2); assert.equal(count_b, 1); - assert.htmlEqual(target.innerHTML, `SOUP
`); + assert.htmlEqual(target.innerHTML, 'SOUP
'); component.foo = 'salad'; assert.equal(count_a, 3); assert.equal(count_b, 1); - assert.htmlEqual(target.innerHTML, `SALAD
`); + assert.htmlEqual(target.innerHTML, 'SALAD
'); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/if-block-else-in-each/_config.js b/test/runtime/samples/if-block-else-in-each/_config.js index 44268f32b9..e75dcb15ee 100644 --- a/test/runtime/samples/if-block-else-in-each/_config.js +++ b/test/runtime/samples/if-block-else-in-each/_config.js @@ -1,9 +1,9 @@ export default { props: { - array: [true, false], + array: [true, false] }, html: `foo
bar
- `,
+ `
};
diff --git a/test/runtime/samples/if-block-else-partial-outro/_config.js b/test/runtime/samples/if-block-else-partial-outro/_config.js
index a358680edf..ae58d25c23 100644
--- a/test/runtime/samples/if-block-else-partial-outro/_config.js
+++ b/test/runtime/samples/if-block-else-partial-outro/_config.js
@@ -1,7 +1,7 @@
export default {
props: {
x: 1,
- y: false,
+ y: false
},
html: `
@@ -13,5 +13,5 @@ export default {
assert.htmlEqual(target.innerHTML, `
2
`);
- },
+ }
};
diff --git a/test/runtime/samples/if-block-elseif-no-else/_config.js b/test/runtime/samples/if-block-elseif-no-else/_config.js
index ec3379737a..e9696e513c 100644
--- a/test/runtime/samples/if-block-elseif-no-else/_config.js
+++ b/test/runtime/samples/if-block-elseif-no-else/_config.js
@@ -14,6 +14,6 @@ export default {
`);
component.x = 6;
- assert.htmlEqual(target.innerHTML, ``);
+ assert.htmlEqual(target.innerHTML, '');
}
};
diff --git a/test/runtime/samples/if-block-no-outro-else-with-outro/_config.js b/test/runtime/samples/if-block-no-outro-else-with-outro/_config.js
index b2e71ea01f..da80f5be12 100644
--- a/test/runtime/samples/if-block-no-outro-else-with-outro/_config.js
+++ b/test/runtime/samples/if-block-no-outro-else-with-outro/_config.js
@@ -18,5 +18,5 @@ export default {
y
`); - }, + } }; diff --git a/test/runtime/samples/if-block-outro-unique-select-block-type/_config.js b/test/runtime/samples/if-block-outro-unique-select-block-type/_config.js index b94da1a576..15213e19b3 100644 --- a/test/runtime/samples/if-block-outro-unique-select-block-type/_config.js +++ b/test/runtime/samples/if-block-outro-unique-select-block-type/_config.js @@ -2,5 +2,5 @@ export default { html: ` - `, + ` }; diff --git a/test/runtime/samples/if-block-static-with-elseif-else-and-outros/RRR.svelte b/test/runtime/samples/if-block-static-with-elseif-else-and-outros/RRR.svelte new file mode 100644 index 0000000000..7242373249 --- /dev/null +++ b/test/runtime/samples/if-block-static-with-elseif-else-and-outros/RRR.svelte @@ -0,0 +1 @@ +rrr \ No newline at end of file diff --git a/test/runtime/samples/if-block-static-with-elseif-else-and-outros/_config.js b/test/runtime/samples/if-block-static-with-elseif-else-and-outros/_config.js new file mode 100644 index 0000000000..8b2c6d2d66 --- /dev/null +++ b/test/runtime/samples/if-block-static-with-elseif-else-and-outros/_config.js @@ -0,0 +1,3 @@ +export default { + html: 'eee' +}; diff --git a/test/runtime/samples/if-block-static-with-elseif-else-and-outros/main.svelte b/test/runtime/samples/if-block-static-with-elseif-else-and-outros/main.svelte new file mode 100644 index 0000000000..b60885722e --- /dev/null +++ b/test/runtime/samples/if-block-static-with-elseif-else-and-outros/main.svelte @@ -0,0 +1,13 @@ + + +{#if "Eva".startsWith('E')} + eee +{:else if x} + def +{:else} +Called 1 times.
Called 1 times.
Called 1 times.
Called 1 times.
Called 1 times.
Called 1 times.
Called 2 times.
Called 2 times.
Called 1 times.
Called 1 times.
Called 1 times.
Called 1 times.
x: 2
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/instrumentation-script-loop-scope/_config.js b/test/runtime/samples/instrumentation-script-loop-scope/_config.js index 1195055c45..069114c523 100644 --- a/test/runtime/samples/instrumentation-script-loop-scope/_config.js +++ b/test/runtime/samples/instrumentation-script-loop-scope/_config.js @@ -14,4 +14,4 @@ export default {x: 42
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/instrumentation-script-multiple-assignments/_config.js b/test/runtime/samples/instrumentation-script-multiple-assignments/_config.js index c5107e4964..1c4663938f 100644 --- a/test/runtime/samples/instrumentation-script-multiple-assignments/_config.js +++ b/test/runtime/samples/instrumentation-script-multiple-assignments/_config.js @@ -25,4 +25,4 @@ export default {bar: 2
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/instrumentation-script-update/_config.js b/test/runtime/samples/instrumentation-script-update/_config.js index 4e97140faf..223904ad63 100644 --- a/test/runtime/samples/instrumentation-script-update/_config.js +++ b/test/runtime/samples/instrumentation-script-update/_config.js @@ -14,4 +14,4 @@ export default {x: 1
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/instrumentation-template-destructuring/_config.js b/test/runtime/samples/instrumentation-template-destructuring/_config.js index a0b2de9e77..2b677a8b3a 100644 --- a/test/runtime/samples/instrumentation-template-destructuring/_config.js +++ b/test/runtime/samples/instrumentation-template-destructuring/_config.js @@ -26,4 +26,4 @@ export default {x: 2
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/instrumentation-template-loop-scope/_config.js b/test/runtime/samples/instrumentation-template-loop-scope/_config.js index 1195055c45..069114c523 100644 --- a/test/runtime/samples/instrumentation-template-loop-scope/_config.js +++ b/test/runtime/samples/instrumentation-template-loop-scope/_config.js @@ -14,4 +14,4 @@ export default {x: 42
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/instrumentation-template-multiple-assignments/_config.js b/test/runtime/samples/instrumentation-template-multiple-assignments/_config.js index c5107e4964..1c4663938f 100644 --- a/test/runtime/samples/instrumentation-template-multiple-assignments/_config.js +++ b/test/runtime/samples/instrumentation-template-multiple-assignments/_config.js @@ -25,4 +25,4 @@ export default {bar: 2
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/instrumentation-template-update/_config.js b/test/runtime/samples/instrumentation-template-update/_config.js index 4e97140faf..223904ad63 100644 --- a/test/runtime/samples/instrumentation-template-update/_config.js +++ b/test/runtime/samples/instrumentation-template-update/_config.js @@ -14,4 +14,4 @@ export default {x: 1
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/invalidation-in-if-condition/_config.js b/test/runtime/samples/invalidation-in-if-condition/_config.js index 27209c75c9..25e7811889 100644 --- a/test/runtime/samples/invalidation-in-if-condition/_config.js +++ b/test/runtime/samples/invalidation-in-if-condition/_config.js @@ -1,17 +1,17 @@ export default { - html: ``, + html: '', async test({ assert, target, window }) { const button = target.querySelector('button'); const click = new window.MouseEvent('click'); await button.dispatchEvent(click); - assert.htmlEqual(target.innerHTML, ``); + assert.htmlEqual(target.innerHTML, ''); await button.dispatchEvent(click); - assert.htmlEqual(target.innerHTML, ``); + assert.htmlEqual(target.innerHTML, ''); await button.dispatchEvent(click); - assert.htmlEqual(target.innerHTML, ``); + assert.htmlEqual(target.innerHTML, ''); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/isolated-text/_config.js b/test/runtime/samples/isolated-text/_config.js index ec4332be5c..4dc29eb838 100644 --- a/test/runtime/samples/isolated-text/_config.js +++ b/test/runtime/samples/isolated-text/_config.js @@ -3,4 +3,4 @@ export default { beforeafter
` -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/key-block-2/_config.js b/test/runtime/samples/key-block-2/_config.js new file mode 100644 index 0000000000..9bbf1f199f --- /dev/null +++ b/test/runtime/samples/key-block-2/_config.js @@ -0,0 +1,14 @@ +// with reactive content beside `key` +export default { + html: '00
',
+ async test({ assert, component, target, window }) {
+ const div = target.querySelector('div');
+ component.reactive = 2;
+ assert.htmlEqual(target.innerHTML, '02
');
+ assert.strictEqual(div, target.querySelector('div'));
+
+ component.value = 5;
+ assert.htmlEqual(target.innerHTML, '52
');
+ assert.notStrictEqual(div, target.querySelector('div'));
+ }
+};
diff --git a/test/runtime/samples/key-block-2/main.svelte b/test/runtime/samples/key-block-2/main.svelte
new file mode 100644
index 0000000000..466d20b10a
--- /dev/null
+++ b/test/runtime/samples/key-block-2/main.svelte
@@ -0,0 +1,8 @@
+
+
+{#key value}
+ {value}{reactive}
+{/key}
\ No newline at end of file
diff --git a/test/runtime/samples/key-block-3/_config.js b/test/runtime/samples/key-block-3/_config.js
new file mode 100644
index 0000000000..17b6146827
--- /dev/null
+++ b/test/runtime/samples/key-block-3/_config.js
@@ -0,0 +1,11 @@
+// key is not used in the template
+export default {
+ html: '',
+ async test({ assert, component, target, window }) {
+ const div = target.querySelector('div');
+
+ component.value = 5;
+ assert.htmlEqual(target.innerHTML, '');
+ assert.notStrictEqual(div, target.querySelector('div'));
+ }
+};
diff --git a/test/runtime/samples/key-block-3/main.svelte b/test/runtime/samples/key-block-3/main.svelte
new file mode 100644
index 0000000000..1ed185c732
--- /dev/null
+++ b/test/runtime/samples/key-block-3/main.svelte
@@ -0,0 +1,7 @@
+
+
+{#key value}
+
+{/key}
\ No newline at end of file
diff --git a/test/runtime/samples/key-block-array-immutable/_config.js b/test/runtime/samples/key-block-array-immutable/_config.js
new file mode 100644
index 0000000000..b1ffd6cd15
--- /dev/null
+++ b/test/runtime/samples/key-block-array-immutable/_config.js
@@ -0,0 +1,15 @@
+export default {
+ html: '1
',
+ async test({ assert, component, target, window }) {
+ let div = target.querySelector('div');
+ await component.append(2);
+ assert.htmlEqual(target.innerHTML, '1
');
+ assert.strictEqual(div, target.querySelector('div'));
+
+ div = target.querySelector('div');
+
+ component.array = [3, 4];
+ assert.htmlEqual(target.innerHTML, '3,4
');
+ assert.notStrictEqual(div, target.querySelector('div'));
+ }
+};
diff --git a/test/runtime/samples/key-block-array-immutable/main.svelte b/test/runtime/samples/key-block-array-immutable/main.svelte
new file mode 100644
index 0000000000..e666275af4
--- /dev/null
+++ b/test/runtime/samples/key-block-array-immutable/main.svelte
@@ -0,0 +1,14 @@
+{array.join(',')}
+{/key}
\ No newline at end of file
diff --git a/test/runtime/samples/key-block-array/_config.js b/test/runtime/samples/key-block-array/_config.js
new file mode 100644
index 0000000000..374175177d
--- /dev/null
+++ b/test/runtime/samples/key-block-array/_config.js
@@ -0,0 +1,15 @@
+export default {
+ html: '1
',
+ async test({ assert, component, target, window }) {
+ let div = target.querySelector('div');
+ await component.append(2);
+ assert.htmlEqual(target.innerHTML, '1,2
');
+ assert.notStrictEqual(div, target.querySelector('div'));
+
+ div = target.querySelector('div');
+
+ component.array = [3, 4];
+ assert.htmlEqual(target.innerHTML, '3,4
');
+ assert.notStrictEqual(div, target.querySelector('div'));
+ }
+};
diff --git a/test/runtime/samples/key-block-array/main.svelte b/test/runtime/samples/key-block-array/main.svelte
new file mode 100644
index 0000000000..5a4054b043
--- /dev/null
+++ b/test/runtime/samples/key-block-array/main.svelte
@@ -0,0 +1,12 @@
+
+
+{#key array}
+ {array.join(',')}
+{/key}
\ No newline at end of file
diff --git a/test/runtime/samples/key-block-expression-2/_config.js b/test/runtime/samples/key-block-expression-2/_config.js
new file mode 100644
index 0000000000..bab23d2a84
--- /dev/null
+++ b/test/runtime/samples/key-block-expression-2/_config.js
@@ -0,0 +1,18 @@
+export default {
+ html: '3
',
+ async test({ assert, component, target, window }) {
+ const div = target.querySelector('div');
+
+ await component.mutate();
+ assert.htmlEqual(target.innerHTML, '5
');
+ assert.strictEqual(div, target.querySelector('div'));
+
+ await component.reassign();
+ assert.htmlEqual(target.innerHTML, '7
');
+ assert.strictEqual(div, target.querySelector('div'));
+
+ await component.changeKey();
+ assert.htmlEqual(target.innerHTML, '7
');
+ assert.notStrictEqual(div, target.querySelector('div'));
+ }
+};
diff --git a/test/runtime/samples/key-block-expression-2/main.svelte b/test/runtime/samples/key-block-expression-2/main.svelte
new file mode 100644
index 0000000000..5525f63761
--- /dev/null
+++ b/test/runtime/samples/key-block-expression-2/main.svelte
@@ -0,0 +1,17 @@
+
+
+{#key obj.key}
+ {obj.value}
+{/key}
\ No newline at end of file
diff --git a/test/runtime/samples/key-block-expression/_config.js b/test/runtime/samples/key-block-expression/_config.js
new file mode 100644
index 0000000000..c04d55bd29
--- /dev/null
+++ b/test/runtime/samples/key-block-expression/_config.js
@@ -0,0 +1,28 @@
+export default {
+ html: '000
',
+ async test({ assert, component, target, window }) {
+ let div = target.querySelector('div');
+ component.value = 2;
+ assert.htmlEqual(target.innerHTML, '200
');
+ assert.notStrictEqual(div, target.querySelector('div'));
+
+ div = target.querySelector('div');
+
+ component.anotherValue = 5;
+ assert.htmlEqual(target.innerHTML, '250
');
+ assert.notStrictEqual(div, target.querySelector('div'));
+
+ div = target.querySelector('div');
+
+ component.thirdValue = 9;
+ assert.htmlEqual(target.innerHTML, '259
');
+ assert.strictEqual(div, target.querySelector('div'));
+
+ // make dirty while maintain the value of `value + anotherValue`
+ // should update the content, but not recreate the elements
+ await component.$set({ value: 4, anotherValue: 3 });
+
+ assert.htmlEqual(target.innerHTML, '439
');
+ assert.strictEqual(div, target.querySelector('div'));
+ }
+};
diff --git a/test/runtime/samples/key-block-expression/main.svelte b/test/runtime/samples/key-block-expression/main.svelte
new file mode 100644
index 0000000000..dd752e8b8f
--- /dev/null
+++ b/test/runtime/samples/key-block-expression/main.svelte
@@ -0,0 +1,9 @@
+
+
+{#key value + anotherValue}
+ {value}{anotherValue}{thirdValue}
+{/key}
\ No newline at end of file
diff --git a/test/runtime/samples/key-block-static/_config.js b/test/runtime/samples/key-block-static/_config.js
new file mode 100644
index 0000000000..8323336615
--- /dev/null
+++ b/test/runtime/samples/key-block-static/_config.js
@@ -0,0 +1,9 @@
+export default {
+ html: '00
',
+ async test({ assert, component, target, window }) {
+ const div = target.querySelector('div');
+ component.anotherValue = 2;
+ assert.htmlEqual(target.innerHTML, '02
');
+ assert.strictEqual(div, target.querySelector('div'));
+ }
+};
diff --git a/test/runtime/samples/key-block-static/main.svelte b/test/runtime/samples/key-block-static/main.svelte
new file mode 100644
index 0000000000..e4ee6b5d71
--- /dev/null
+++ b/test/runtime/samples/key-block-static/main.svelte
@@ -0,0 +1,8 @@
+
+
+{#key value}
+ {value}{anotherValue}
+{/key}
\ No newline at end of file
diff --git a/test/runtime/samples/key-block-transition/_config.js b/test/runtime/samples/key-block-transition/_config.js
new file mode 100644
index 0000000000..53de6b333c
--- /dev/null
+++ b/test/runtime/samples/key-block-transition/_config.js
@@ -0,0 +1,24 @@
+export default {
+ html: '0
',
+ async test({ assert, component, target, window, raf }) {
+ component.value = 2;
+
+ const [div1, div2] = target.querySelectorAll('div');
+
+ assert.htmlEqual(div1.outerHTML, '0
');
+ assert.htmlEqual(div2.outerHTML, '2
');
+
+ raf.tick(0);
+
+ assert.equal(div1.foo, 1);
+ assert.equal(div1.oof, 0);
+
+ assert.equal(div2.foo, 0);
+ assert.equal(div2.oof, 1);
+
+ raf.tick(200);
+
+ assert.htmlEqual(target.innerHTML, '2
');
+ assert.equal(div2, target.querySelector('div'));
+ }
+};
diff --git a/test/runtime/samples/key-block-transition/main.svelte b/test/runtime/samples/key-block-transition/main.svelte
new file mode 100644
index 0000000000..d7fb6ec024
--- /dev/null
+++ b/test/runtime/samples/key-block-transition/main.svelte
@@ -0,0 +1,17 @@
+
+
+{#key value}
+ {value}
+{/key}
\ No newline at end of file
diff --git a/test/runtime/samples/key-block/_config.js b/test/runtime/samples/key-block/_config.js
new file mode 100644
index 0000000000..b25ca901f8
--- /dev/null
+++ b/test/runtime/samples/key-block/_config.js
@@ -0,0 +1,17 @@
+export default {
+ html: '0
0
',
+ async test({ assert, component, target, window }) {
+ let [div1, div2] = target.querySelectorAll('div');
+
+ component.value = 5;
+ assert.htmlEqual(target.innerHTML, '5
0
');
+ assert.notStrictEqual(div1, target.querySelectorAll('div')[0]);
+ assert.strictEqual(div2, target.querySelectorAll('div')[1]);
+ [div1, div2] = target.querySelectorAll('div');
+
+ component.reactive = 10;
+ assert.htmlEqual(target.innerHTML, '5
10
');
+ assert.strictEqual(div1, target.querySelectorAll('div')[0]);
+ assert.strictEqual(div2, target.querySelectorAll('div')[1]);
+ }
+};
diff --git a/test/runtime/samples/key-block/main.svelte b/test/runtime/samples/key-block/main.svelte
new file mode 100644
index 0000000000..ac3c340770
--- /dev/null
+++ b/test/runtime/samples/key-block/main.svelte
@@ -0,0 +1,10 @@
+
+
+{#key value}
+ {value}
+{/key}
+
+{reactive}
\ No newline at end of file
diff --git a/test/runtime/samples/keyed-each-dev-unique/_config.js b/test/runtime/samples/keyed-each-dev-unique/_config.js
index 8f46af9d52..81728d9c15 100644
--- a/test/runtime/samples/keyed-each-dev-unique/_config.js
+++ b/test/runtime/samples/keyed-each-dev-unique/_config.js
@@ -3,5 +3,5 @@ export default {
dev: true
},
- error: `Cannot have duplicate keys in a keyed each`
+ error: 'Cannot have duplicate keys in a keyed each'
};
diff --git a/test/runtime/samples/lifecycle-render-order-for-children/_config.js b/test/runtime/samples/lifecycle-render-order-for-children/_config.js
index 033b593aea..d182d5a97e 100644
--- a/test/runtime/samples/lifecycle-render-order-for-children/_config.js
+++ b/test/runtime/samples/lifecycle-render-order-for-children/_config.js
@@ -21,7 +21,7 @@ export default {
'3: onMount',
'3: afterUpdate',
'0: onMount',
- '0: afterUpdate',
+ '0: afterUpdate'
]);
} else {
assert.deepEqual(order, [
@@ -40,10 +40,10 @@ export default {
'3: onMount',
'3: afterUpdate',
'0: onMount',
- '0: afterUpdate',
+ '0: afterUpdate'
]);
}
order.length = 0;
- },
+ }
};
diff --git a/test/runtime/samples/lifecycle-render-order-for-children/order.js b/test/runtime/samples/lifecycle-render-order-for-children/order.js
index 109fa8b38c..d6d1738de6 100644
--- a/test/runtime/samples/lifecycle-render-order-for-children/order.js
+++ b/test/runtime/samples/lifecycle-render-order-for-children/order.js
@@ -1 +1 @@
-export default [];
\ No newline at end of file
+export default [];
diff --git a/test/runtime/samples/lifecycle-render-order/order.js b/test/runtime/samples/lifecycle-render-order/order.js
index 109fa8b38c..d6d1738de6 100644
--- a/test/runtime/samples/lifecycle-render-order/order.js
+++ b/test/runtime/samples/lifecycle-render-order/order.js
@@ -1 +1 @@
-export default [];
\ No newline at end of file
+export default [];
diff --git a/test/runtime/samples/loop-protect-generator-opt-out/_config.js b/test/runtime/samples/loop-protect-generator-opt-out/_config.js
new file mode 100644
index 0000000000..0fe83a36db
--- /dev/null
+++ b/test/runtime/samples/loop-protect-generator-opt-out/_config.js
@@ -0,0 +1,6 @@
+export default {
+ compileOptions: {
+ dev: true,
+ loopGuardTimeout: 1
+ }
+};
diff --git a/test/runtime/samples/loop-protect-generator-opt-out/main.svelte b/test/runtime/samples/loop-protect-generator-opt-out/main.svelte
new file mode 100644
index 0000000000..a7aa790681
--- /dev/null
+++ b/test/runtime/samples/loop-protect-generator-opt-out/main.svelte
@@ -0,0 +1,14 @@
+
\ No newline at end of file
diff --git a/test/runtime/samples/loop-protect-inner-function/_config.js b/test/runtime/samples/loop-protect-inner-function/_config.js
index 862d4f4c0f..1b553e2475 100644
--- a/test/runtime/samples/loop-protect-inner-function/_config.js
+++ b/test/runtime/samples/loop-protect-inner-function/_config.js
@@ -2,6 +2,6 @@ export default {
html: '',
compileOptions: {
dev: true,
- loopGuardTimeout: 100,
+ loopGuardTimeout: 100
}
};
diff --git a/test/runtime/samples/loop-protect/_config.js b/test/runtime/samples/loop-protect/_config.js
index 75f75c003d..230bbeb53d 100644
--- a/test/runtime/samples/loop-protect/_config.js
+++ b/test/runtime/samples/loop-protect/_config.js
@@ -2,6 +2,6 @@ export default {
error: 'Infinite loop detected',
compileOptions: {
dev: true,
- loopGuardTimeout: 100,
+ loopGuardTimeout: 100
}
};
diff --git a/test/runtime/samples/module-context-export/_config.js b/test/runtime/samples/module-context-export/_config.js
index 902501fdd4..4c4595483a 100644
--- a/test/runtime/samples/module-context-export/_config.js
+++ b/test/runtime/samples/module-context-export/_config.js
@@ -1,3 +1,3 @@
export default {
- html: `(42)(99)
` -}; \ No newline at end of file + html: '(42)(99)
' +}; diff --git a/test/runtime/samples/module-context-with-instance-script/_config.js b/test/runtime/samples/module-context-with-instance-script/_config.js index 902501fdd4..4c4595483a 100644 --- a/test/runtime/samples/module-context-with-instance-script/_config.js +++ b/test/runtime/samples/module-context-with-instance-script/_config.js @@ -1,3 +1,3 @@ export default { - html: `(42)(99)
` -}; \ No newline at end of file + html: '(42)(99)
' +}; diff --git a/test/runtime/samples/module-context/_config.js b/test/runtime/samples/module-context/_config.js index 0ea26ee446..83138d08f9 100644 --- a/test/runtime/samples/module-context/_config.js +++ b/test/runtime/samples/module-context/_config.js @@ -1,3 +1,3 @@ export default { - html: `42
` -}; \ No newline at end of file + html: '42
' +}; diff --git a/test/runtime/samples/mutation-tracking-across-sibling-scopes/_config.js b/test/runtime/samples/mutation-tracking-across-sibling-scopes/_config.js index 038db6dbbb..8d51c61394 100644 --- a/test/runtime/samples/mutation-tracking-across-sibling-scopes/_config.js +++ b/test/runtime/samples/mutation-tracking-across-sibling-scopes/_config.js @@ -9,4 +9,4 @@ export default { assert.htmlEqual(component.div.innerHTML, '-
-
');
}
-};
\ No newline at end of file
+};
diff --git a/test/runtime/samples/names-deconflicted/_config.js b/test/runtime/samples/names-deconflicted/_config.js
index 07b337a1e8..9ce1010690 100644
--- a/test/runtime/samples/names-deconflicted/_config.js
+++ b/test/runtime/samples/names-deconflicted/_config.js
@@ -1,5 +1,5 @@
export default {
- html: `1: foo
2: bar
3: baz
`, + html: '1: foo
2: bar
3: baz
', test({ assert, component, target }) { component.widgets = [ @@ -7,6 +7,6 @@ export default { { name: 'bosh' } ]; - assert.htmlEqual( target.innerHTML, `1: bish
2: bosh
` ); + assert.htmlEqual( target.innerHTML, '1: bish
2: bosh
' ); } }; diff --git a/test/runtime/samples/nbsp/_config.js b/test/runtime/samples/nbsp/_config.js index 6322725f98..5cfbc4ca35 100644 --- a/test/runtime/samples/nbsp/_config.js +++ b/test/runtime/samples/nbsp/_config.js @@ -1,8 +1,8 @@ export default { - html: ` `, + html: ' ', test({ assert, component, target }) { const text = target.querySelector( 'span' ).textContent; assert.equal( text.charCodeAt( 0 ), 160 ); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/nested-transition-detach-each/_config.js b/test/runtime/samples/nested-transition-detach-each/_config.js index e17fe1bc4d..41d32e597c 100644 --- a/test/runtime/samples/nested-transition-detach-each/_config.js +++ b/test/runtime/samples/nested-transition-detach-each/_config.js @@ -5,7 +5,7 @@ export default { cols: ['a', 'b', 'c'] }, - html: ``, + html: '', compileOptions: { dev: true @@ -34,6 +34,6 @@ export default { component.visible = false; raf.tick(0); raf.tick(100); - assert.htmlEqual(target.innerHTML, ``); - }, + assert.htmlEqual(target.innerHTML, ''); + } }; diff --git a/test/runtime/samples/nested-transition-detach-if-false/_config.js b/test/runtime/samples/nested-transition-detach-if-false/_config.js index d2ae78ffe3..1d42094192 100644 --- a/test/runtime/samples/nested-transition-detach-if-false/_config.js +++ b/test/runtime/samples/nested-transition-detach-if-false/_config.js @@ -20,5 +20,5 @@ export default { a `); - }, + } }; diff --git a/test/runtime/samples/nested-transition-if-block-not-remounted/_config.js b/test/runtime/samples/nested-transition-if-block-not-remounted/_config.js index 6696389e6e..1f2d5561fe 100644 --- a/test/runtime/samples/nested-transition-if-block-not-remounted/_config.js +++ b/test/runtime/samples/nested-transition-if-block-not-remounted/_config.js @@ -11,14 +11,13 @@ export default { `, - test({ assert, component, target, window, raf }) { + test({ component, target }) { const div = target.querySelector('div'); - const { appendChild, insertBefore } = div; div.appendChild = div.insertBefore = () => { throw new Error('DOM was mutated'); }; component.value = 'two'; - }, + } }; diff --git a/test/runtime/samples/noscript-removal/_config.js b/test/runtime/samples/noscript-removal/_config.js index 35bdcefd96..709792c14a 100644 --- a/test/runtime/samples/noscript-removal/_config.js +++ b/test/runtime/samples/noscript-removal/_config.js @@ -5,5 +5,5 @@ export default {foo
foo
-`,
+`
};
diff --git a/test/runtime/samples/numeric-seperator/_config.js b/test/runtime/samples/numeric-seperator/_config.js
new file mode 100644
index 0000000000..2b1b5168ee
--- /dev/null
+++ b/test/runtime/samples/numeric-seperator/_config.js
@@ -0,0 +1,3 @@
+export default {
+ html: '2048 2048'
+};
diff --git a/test/runtime/samples/numeric-seperator/main.svelte b/test/runtime/samples/numeric-seperator/main.svelte
new file mode 100644
index 0000000000..e491b8a107
--- /dev/null
+++ b/test/runtime/samples/numeric-seperator/main.svelte
@@ -0,0 +1,5 @@
+
+
+{num} {2_048}
\ No newline at end of file
diff --git a/test/runtime/samples/observable-auto-subscribe/_config.js b/test/runtime/samples/observable-auto-subscribe/_config.js
index 289a3b51c6..5570413395 100644
--- a/test/runtime/samples/observable-auto-subscribe/_config.js
+++ b/test/runtime/samples/observable-auto-subscribe/_config.js
@@ -23,7 +23,7 @@ export default {
visible: false
},
- html: ``,
+ html: '',
async test({ assert, component, target }) {
assert.equal(subscribers.length, 0);
@@ -46,4 +46,4 @@ export default {
assert.equal(subscribers.length, 0);
}
-};
\ No newline at end of file
+};
diff --git a/test/runtime/samples/ondestroy-before-cleanup/_config.js b/test/runtime/samples/ondestroy-before-cleanup/_config.js
index e9721f24b0..e33b154b64 100644
--- a/test/runtime/samples/ondestroy-before-cleanup/_config.js
+++ b/test/runtime/samples/ondestroy-before-cleanup/_config.js
@@ -4,10 +4,9 @@ export default {
test({ assert, component, target }) {
container.div = null;
- const top = component.top;
const div = target.querySelector('div');
component.visible = false;
assert.equal(container.div, div);
}
-};
\ No newline at end of file
+};
diff --git a/test/runtime/samples/ondestroy-before-cleanup/container.js b/test/runtime/samples/ondestroy-before-cleanup/container.js
index 7c645e42fb..ff8b4c5632 100644
--- a/test/runtime/samples/ondestroy-before-cleanup/container.js
+++ b/test/runtime/samples/ondestroy-before-cleanup/container.js
@@ -1 +1 @@
-export default {};
\ No newline at end of file
+export default {};
diff --git a/test/runtime/samples/ondestroy-deep/_config.js b/test/runtime/samples/ondestroy-deep/_config.js
index 4431a2e163..3f82e8b601 100644
--- a/test/runtime/samples/ondestroy-deep/_config.js
+++ b/test/runtime/samples/ondestroy-deep/_config.js
@@ -7,4 +7,4 @@ export default {
reset();
}
-};
\ No newline at end of file
+};
diff --git a/test/runtime/samples/ondestroy-deep/destroyed.js b/test/runtime/samples/ondestroy-deep/destroyed.js
index fe05c1d241..45845cbd83 100644
--- a/test/runtime/samples/ondestroy-deep/destroyed.js
+++ b/test/runtime/samples/ondestroy-deep/destroyed.js
@@ -1,3 +1,3 @@
export const destroyed = [];
-export const reset = () => destroyed.length = 0;
\ No newline at end of file
+export const reset = () => destroyed.length = 0;
diff --git a/test/runtime/samples/onmount-fires-when-ready-nested/_config.js b/test/runtime/samples/onmount-fires-when-ready-nested/_config.js
index b7446c1d72..4f7ec9b051 100644
--- a/test/runtime/samples/onmount-fires-when-ready-nested/_config.js
+++ b/test/runtime/samples/onmount-fires-when-ready-nested/_config.js
@@ -1,5 +1,5 @@
export default {
skip_if_ssr: true, // uses oncreate
- html: `foo
true
\ntrue
true
\ntrue
true
true
true
\ntrue
true
\ntrue
b: 2
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/prop-exports/_config.js b/test/runtime/samples/prop-exports/_config.js index e1620c015f..69a40c4fab 100644 --- a/test/runtime/samples/prop-exports/_config.js +++ b/test/runtime/samples/prop-exports/_config.js @@ -10,7 +10,7 @@ export default { a2: 4, a6: writable(29), for: 'loop', - continue: '...', + continue: '...' }, html: ` diff --git a/test/runtime/samples/prop-not-action/_config.js b/test/runtime/samples/prop-not-action/_config.js index 17ab47b584..1f4ffa4749 100644 --- a/test/runtime/samples/prop-not-action/_config.js +++ b/test/runtime/samples/prop-not-action/_config.js @@ -6,4 +6,4 @@ export default { html: `Hello world!
` -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/prop-quoted/_config.js b/test/runtime/samples/prop-quoted/_config.js index d982bc87cc..aa2f2ec329 100644 --- a/test/runtime/samples/prop-quoted/_config.js +++ b/test/runtime/samples/prop-quoted/_config.js @@ -3,10 +3,10 @@ export default { foo: 1 }, - html: `1`, + html: '1', async test({ assert, component, target }) { component.foo = 2; - assert.htmlEqual(target.innerHTML, `2`); + assert.htmlEqual(target.innerHTML, '2'); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/prop-subscribable/_config.js b/test/runtime/samples/prop-subscribable/_config.js index 84cde8c9af..fcd8fb8b07 100644 --- a/test/runtime/samples/prop-subscribable/_config.js +++ b/test/runtime/samples/prop-subscribable/_config.js @@ -8,4 +8,4 @@ export default { html: ` 42 ` -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/prop-without-semicolon-b/_config.js b/test/runtime/samples/prop-without-semicolon-b/_config.js index 7104dc2b2d..6cdc86c521 100644 --- a/test/runtime/samples/prop-without-semicolon-b/_config.js +++ b/test/runtime/samples/prop-without-semicolon-b/_config.js @@ -3,5 +3,5 @@ export default { name: 'world' }, - html: `Hello world!
` -}; \ No newline at end of file + html: 'Hello world!
' +}; diff --git a/test/runtime/samples/prop-without-semicolon/_config.js b/test/runtime/samples/prop-without-semicolon/_config.js index 328d6cc2eb..26b3554f9f 100644 --- a/test/runtime/samples/prop-without-semicolon/_config.js +++ b/test/runtime/samples/prop-without-semicolon/_config.js @@ -1,3 +1,3 @@ export default { - html: `Hello world!
` -}; \ No newline at end of file + html: 'Hello world!
' +}; diff --git a/test/runtime/samples/props-reactive-b/_config.js b/test/runtime/samples/props-reactive-b/_config.js index 43eaee23aa..541fd26e02 100644 --- a/test/runtime/samples/props-reactive-b/_config.js +++ b/test/runtime/samples/props-reactive-b/_config.js @@ -27,4 +27,4 @@ export default {c: 9
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/props-reactive-only-with-change/Comp.svelte b/test/runtime/samples/props-reactive-only-with-change/Comp.svelte new file mode 100644 index 0000000000..0eaf8a40d4 --- /dev/null +++ b/test/runtime/samples/props-reactive-only-with-change/Comp.svelte @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/test/runtime/samples/props-reactive-only-with-change/_config.js b/test/runtime/samples/props-reactive-only-with-change/_config.js new file mode 100644 index 0000000000..dcf12868f9 --- /dev/null +++ b/test/runtime/samples/props-reactive-only-with-change/_config.js @@ -0,0 +1,30 @@ +let callbacks = []; + +export default { + props: { + callback: (value) => callbacks.push(value), + val1: '1', + val2: '2' + }, + + before_test() { + callbacks = []; + }, + + async test({ assert, component, target }) { + assert.equal(callbacks.length, 2); + assert.equal(JSON.stringify(callbacks), '["1","2"]'); + + component.val1 = '3'; + assert.equal(callbacks.length, 3); + assert.equal(JSON.stringify(callbacks), '["1","2","1"]'); + + component.val1 = '4'; + assert.equal(callbacks.length, 4); + assert.equal(JSON.stringify(callbacks), '["1","2","1","1"]'); + + component.val2 = '5'; + assert.equal(callbacks.length, 5); + assert.equal(JSON.stringify(callbacks), '["1","2","1","1","2"]'); + } +}; diff --git a/test/runtime/samples/props-reactive-only-with-change/main.svelte b/test/runtime/samples/props-reactive-only-with-change/main.svelte new file mode 100644 index 0000000000..73ddd137f5 --- /dev/null +++ b/test/runtime/samples/props-reactive-only-with-change/main.svelte @@ -0,0 +1,8 @@ + + +hi
+ + `, + + async test({ assert, component, target, window }) { + const btn = target.querySelector('button'); + const clickEvent = new window.MouseEvent('click'); + + await btn.dispatchEvent(clickEvent); + + assert.htmlEqual( + target.innerHTML, + ` +changed
+ + ` + ); + } +}; diff --git a/test/runtime/samples/props-reactive-slot/main.svelte b/test/runtime/samples/props-reactive-slot/main.svelte new file mode 100644 index 0000000000..84777bf8ab --- /dev/null +++ b/test/runtime/samples/props-reactive-slot/main.svelte @@ -0,0 +1,13 @@ + + ++ {props.someprop} +
+5
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/props/_config.js b/test/runtime/samples/props/_config.js index fc3c71d6f0..64015cdc6b 100644 --- a/test/runtime/samples/props/_config.js +++ b/test/runtime/samples/props/_config.js @@ -14,4 +14,4 @@ export default {{"x":2}
`); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/raw-anchor-first-child/_config.js b/test/runtime/samples/raw-anchor-first-child/_config.js index 32f948bcbb..02297675c5 100644 --- a/test/runtime/samples/raw-anchor-first-child/_config.js +++ b/test/runtime/samples/raw-anchor-first-child/_config.js @@ -1,12 +1,12 @@ export default { props: { - raw: `foo` + raw: 'foo' }, test({ assert, component, target }) { const span = target.querySelector('span'); assert.ok(!span.previousSibling); - component.raw = `bar`; + component.raw = 'bar'; } }; diff --git a/test/runtime/samples/raw-anchor-first-last-child/_config.js b/test/runtime/samples/raw-anchor-first-last-child/_config.js index 31f8c343ed..30acfe4d0f 100644 --- a/test/runtime/samples/raw-anchor-first-last-child/_config.js +++ b/test/runtime/samples/raw-anchor-first-last-child/_config.js @@ -1,6 +1,6 @@ export default { props: { - raw: `foo` + raw: 'foo' }, test({ assert, component, target }) { @@ -8,6 +8,6 @@ export default { assert.ok(!span.previousSibling); assert.ok(!span.nextSibling); - component.raw = `bar`; + component.raw = 'bar'; } }; diff --git a/test/runtime/samples/raw-anchor-last-child/_config.js b/test/runtime/samples/raw-anchor-last-child/_config.js index ea2217b4c1..dcc8ac6db6 100644 --- a/test/runtime/samples/raw-anchor-last-child/_config.js +++ b/test/runtime/samples/raw-anchor-last-child/_config.js @@ -1,12 +1,12 @@ export default { props: { - raw: `foo` + raw: 'foo' }, test({ assert, component, target }) { const span = target.querySelector('span'); assert.ok(!span.nextSibling); - component.raw = `bar`; + component.raw = 'bar'; } }; diff --git a/test/runtime/samples/raw-anchor-next-previous-sibling/_config.js b/test/runtime/samples/raw-anchor-next-previous-sibling/_config.js index d28e84fc3b..c6d2b561c0 100644 --- a/test/runtime/samples/raw-anchor-next-previous-sibling/_config.js +++ b/test/runtime/samples/raw-anchor-next-previous-sibling/_config.js @@ -1,6 +1,6 @@ export default { props: { - raw: `foo` + raw: 'foo' }, test({ assert, component, target }) { @@ -8,6 +8,6 @@ export default { assert.equal(span.previousSibling.nodeName, 'BR'); assert.equal(span.nextSibling.nodeName, 'BR'); - component.raw = `bar`; + component.raw = 'bar'; } }; diff --git a/test/runtime/samples/raw-anchor-next-sibling/_config.js b/test/runtime/samples/raw-anchor-next-sibling/_config.js index dc6ad98e2e..1982f28da5 100644 --- a/test/runtime/samples/raw-anchor-next-sibling/_config.js +++ b/test/runtime/samples/raw-anchor-next-sibling/_config.js @@ -1,12 +1,12 @@ export default { props: { - raw: `foo` + raw: 'foo' }, test({ assert, component, target }) { const span = target.querySelector('span'); assert.equal(span.previousSibling.nodeName, 'BR'); - component.raw = `bar`; + component.raw = 'bar'; } }; diff --git a/test/runtime/samples/raw-anchor-previous-sibling/_config.js b/test/runtime/samples/raw-anchor-previous-sibling/_config.js index dc6ad98e2e..1982f28da5 100644 --- a/test/runtime/samples/raw-anchor-previous-sibling/_config.js +++ b/test/runtime/samples/raw-anchor-previous-sibling/_config.js @@ -1,12 +1,12 @@ export default { props: { - raw: `foo` + raw: 'foo' }, test({ assert, component, target }) { const span = target.querySelector('span'); assert.equal(span.previousSibling.nodeName, 'BR'); - component.raw = `bar`; + component.raw = 'bar'; } }; diff --git a/test/runtime/samples/raw-mustache-as-root/RawMustache.svelte b/test/runtime/samples/raw-mustache-as-root/RawMustache.svelte new file mode 100644 index 0000000000..d94954f49b --- /dev/null +++ b/test/runtime/samples/raw-mustache-as-root/RawMustache.svelte @@ -0,0 +1,5 @@ + + +{@html content} \ No newline at end of file diff --git a/test/runtime/samples/raw-mustache-as-root/_config.js b/test/runtime/samples/raw-mustache-as-root/_config.js new file mode 100644 index 0000000000..a38c0b1c81 --- /dev/null +++ b/test/runtime/samples/raw-mustache-as-root/_config.js @@ -0,0 +1,33 @@ +export default { + html: ` + +Another first line
+This line should be last.
+ `, + async test({ assert, target, window }) { + const btn = target.querySelector('button'); + const clickEvent = new window.MouseEvent('click'); + + await btn.dispatchEvent(clickEvent); + + assert.htmlEqual( + target.innerHTML, + ` + +First line
+This line should be last.
+ ` + ); + + await btn.dispatchEvent(clickEvent); + + assert.htmlEqual( + target.innerHTML, + ` + +Another first line
+This line should be last.
+ ` + ); + } +}; diff --git a/test/runtime/samples/raw-mustache-as-root/main.svelte b/test/runtime/samples/raw-mustache-as-root/main.svelte new file mode 100644 index 0000000000..7ccce0cd9b --- /dev/null +++ b/test/runtime/samples/raw-mustache-as-root/main.svelte @@ -0,0 +1,17 @@ + + + + +This line should be last.
\ No newline at end of file diff --git a/test/runtime/samples/raw-mustache-before-element/_config.js b/test/runtime/samples/raw-mustache-before-element/_config.js index 61288cbb52..e00ca11a20 100644 --- a/test/runtime/samples/raw-mustache-before-element/_config.js +++ b/test/runtime/samples/raw-mustache-before-element/_config.js @@ -1,3 +1,3 @@ export default { - html: `xbaz
` + html: 'xbaz
' }; diff --git a/test/runtime/samples/raw-mustache-inside-head/_config.js b/test/runtime/samples/raw-mustache-inside-head/_config.js new file mode 100644 index 0000000000..6d28a6e8c4 --- /dev/null +++ b/test/runtime/samples/raw-mustache-inside-head/_config.js @@ -0,0 +1,16 @@ +export default { + async test({ assert, target, window }) { + const btn = target.querySelector('button'); + const clickEvent = new window.MouseEvent('click'); + + assert.equal(window.document.head.innerHTML.includes(''), true); + + await btn.dispatchEvent(clickEvent); + + assert.equal(window.document.head.innerHTML.includes(''), true); + + await btn.dispatchEvent(clickEvent); + + assert.equal(window.document.head.innerHTML.includes(''), true); + } +}; diff --git a/test/runtime/samples/raw-mustache-inside-head/main.svelte b/test/runtime/samples/raw-mustache-inside-head/main.svelte new file mode 100644 index 0000000000..25b9fdeee9 --- /dev/null +++ b/test/runtime/samples/raw-mustache-inside-head/main.svelte @@ -0,0 +1,16 @@ + + + + +This line should be last.
\ No newline at end of file diff --git a/test/runtime/samples/raw-mustache-inside-slot/_config.js b/test/runtime/samples/raw-mustache-inside-slot/_config.js new file mode 100644 index 0000000000..a38c0b1c81 --- /dev/null +++ b/test/runtime/samples/raw-mustache-inside-slot/_config.js @@ -0,0 +1,33 @@ +export default { + html: ` + +Another first line
+This line should be last.
+ `, + async test({ assert, target, window }) { + const btn = target.querySelector('button'); + const clickEvent = new window.MouseEvent('click'); + + await btn.dispatchEvent(clickEvent); + + assert.htmlEqual( + target.innerHTML, + ` + +First line
+This line should be last.
+ ` + ); + + await btn.dispatchEvent(clickEvent); + + assert.htmlEqual( + target.innerHTML, + ` + +Another first line
+This line should be last.
+ ` + ); + } +}; diff --git a/test/runtime/samples/raw-mustache-inside-slot/main.svelte b/test/runtime/samples/raw-mustache-inside-slot/main.svelte new file mode 100644 index 0000000000..a022a68e95 --- /dev/null +++ b/test/runtime/samples/raw-mustache-inside-slot/main.svelte @@ -0,0 +1,17 @@ + + + + +does not change
' }, - html: `does not change
does not change
does not change
'; - assert.equal(target.innerHTML, `does not change
does not change
| 5 | 7 | +
| 1 | 2 | +
| 5 | 7 | +
1 1
` -}; \ No newline at end of file + html: '1 1
' +}; diff --git a/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store-2/_config.js b/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store-2/_config.js new file mode 100644 index 0000000000..a22aa878ff --- /dev/null +++ b/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store-2/_config.js @@ -0,0 +1,9 @@ +// destructure to store value +export default { + skip_if_ssr: true, // pending https://github.com/sveltejs/svelte/issues/3582 + html: '2 2 xxx 5 6 9 10 2
', + async test({ assert, target, component }) { + await component.update(); + assert.htmlEqual(target.innerHTML, '11 11 yyy 12 13 14 15 11
'); + } +}; diff --git a/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store-2/main.svelte b/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store-2/main.svelte new file mode 100644 index 0000000000..c1bf63d9cd --- /dev/null +++ b/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store-2/main.svelte @@ -0,0 +1,29 @@ + + +{foo} {$eid} {$u.name} {$v} {$w} {$x} {$y} {$z}
diff --git a/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store/_config.js b/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store/_config.js new file mode 100644 index 0000000000..6a613f73c4 --- /dev/null +++ b/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store/_config.js @@ -0,0 +1,9 @@ +// destructure to store +export default { + html: '2 2 xxx 5 6 9 10 2
', + skip_if_ssr: true, + async test({ assert, target, component }) { + await component.update(); + assert.htmlEqual(target.innerHTML, '11 11 yyy 12 13 14 15 11
'); + } +}; diff --git a/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store/main.svelte b/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store/main.svelte new file mode 100644 index 0000000000..cd49223535 --- /dev/null +++ b/test/runtime/samples/reactive-assignment-in-complex-declaration-with-store/main.svelte @@ -0,0 +1,29 @@ + + +{foo} {$eid} {u.name} {v} {$w} {$x} {$y} {$z}
diff --git a/test/runtime/samples/reactive-assignment-in-complex-declaration/_config.js b/test/runtime/samples/reactive-assignment-in-complex-declaration/_config.js index d17a81e052..0636620619 100644 --- a/test/runtime/samples/reactive-assignment-in-complex-declaration/_config.js +++ b/test/runtime/samples/reactive-assignment-in-complex-declaration/_config.js @@ -1,3 +1,3 @@ export default { - html: `2 2
` -}; \ No newline at end of file + html: '2 2
' +}; diff --git a/test/runtime/samples/reactive-assignment-in-declaration/_config.js b/test/runtime/samples/reactive-assignment-in-declaration/_config.js index f0bf2cdc70..0402f34a2f 100644 --- a/test/runtime/samples/reactive-assignment-in-declaration/_config.js +++ b/test/runtime/samples/reactive-assignment-in-declaration/_config.js @@ -1,3 +1,3 @@ export default { - html: `1 1
` -}; \ No newline at end of file + html: '1 1
' +}; diff --git a/test/runtime/samples/reactive-assignment-in-declaration/main.svelte b/test/runtime/samples/reactive-assignment-in-declaration/main.svelte index 8aa05964dd..edac4427bb 100644 --- a/test/runtime/samples/reactive-assignment-in-declaration/main.svelte +++ b/test/runtime/samples/reactive-assignment-in-declaration/main.svelte @@ -1,6 +1,9 @@{foo} {bar}
diff --git a/test/runtime/samples/reactive-assignment-in-for-loop-head/_config.js b/test/runtime/samples/reactive-assignment-in-for-loop-head/_config.js index df64f577df..8f57423d5c 100644 --- a/test/runtime/samples/reactive-assignment-in-for-loop-head/_config.js +++ b/test/runtime/samples/reactive-assignment-in-for-loop-head/_config.js @@ -1,3 +1,3 @@ export default { - html: `0 0
` -}; \ No newline at end of file + html: '0 0
' +}; diff --git a/test/runtime/samples/reactive-assignment-in-for-loop-head/main.svelte b/test/runtime/samples/reactive-assignment-in-for-loop-head/main.svelte index 1c24f364ac..b007f6fe8b 100644 --- a/test/runtime/samples/reactive-assignment-in-for-loop-head/main.svelte +++ b/test/runtime/samples/reactive-assignment-in-for-loop-head/main.svelte @@ -1,9 +1,14 @@{foo1} {foo2}
diff --git a/test/runtime/samples/reactive-block-break/_config.js b/test/runtime/samples/reactive-block-break/_config.js index f2d3e6a8f5..e00bb9f480 100644 --- a/test/runtime/samples/reactive-block-break/_config.js +++ b/test/runtime/samples/reactive-block-break/_config.js @@ -1,3 +1,3 @@ export default { - html: `1 2
` -}; \ No newline at end of file + html: '1 2
' +}; diff --git a/test/runtime/samples/reactive-function-called-reassigned/_config.js b/test/runtime/samples/reactive-function-called-reassigned/_config.js new file mode 100644 index 0000000000..7b2a8b72fe --- /dev/null +++ b/test/runtime/samples/reactive-function-called-reassigned/_config.js @@ -0,0 +1,27 @@ +let value; +let called = 0; +function callback(_value) { + called ++; + value = _value; +} + +export default { + props: { + callback + }, + async test({ assert, component, target, window }) { + assert.equal(called, 1); + + const input = target.querySelector('input'); + + const event = new window.Event('input'); + input.value = 'h'; + await input.dispatchEvent(event); + + assert.equal(called, 2); + assert.equal(value.length, 3); + assert.equal(value[0], 'h'); + assert.equal(value[1], '2'); + assert.equal(value[2], '3'); + } +}; diff --git a/test/runtime/samples/reactive-function-called-reassigned/main.svelte b/test/runtime/samples/reactive-function-called-reassigned/main.svelte new file mode 100644 index 0000000000..10a3c79d14 --- /dev/null +++ b/test/runtime/samples/reactive-function-called-reassigned/main.svelte @@ -0,0 +1,10 @@ + + +{#each refs as ref} + +{/each} \ No newline at end of file diff --git a/test/runtime/samples/reactive-import-statement-2/_config.js b/test/runtime/samples/reactive-import-statement-2/_config.js new file mode 100644 index 0000000000..fc6d8f008d --- /dev/null +++ b/test/runtime/samples/reactive-import-statement-2/_config.js @@ -0,0 +1,3 @@ +export default { + html: 'prop value
' +}; diff --git a/test/runtime/samples/reactive-import-statement-2/data.js b/test/runtime/samples/reactive-import-statement-2/data.js new file mode 100644 index 0000000000..56fb86982c --- /dev/null +++ b/test/runtime/samples/reactive-import-statement-2/data.js @@ -0,0 +1,3 @@ +export const obj = { + prop: 'prop value' +}; diff --git a/test/runtime/samples/reactive-import-statement-2/main.svelte b/test/runtime/samples/reactive-import-statement-2/main.svelte new file mode 100644 index 0000000000..2582974b71 --- /dev/null +++ b/test/runtime/samples/reactive-import-statement-2/main.svelte @@ -0,0 +1,8 @@ + + +{prop}
diff --git a/test/runtime/samples/reactive-import-statement/_config.js b/test/runtime/samples/reactive-import-statement/_config.js new file mode 100644 index 0000000000..45a844afa0 --- /dev/null +++ b/test/runtime/samples/reactive-import-statement/_config.js @@ -0,0 +1,38 @@ +import * as path from 'path'; + +export default { + html: ` + import +1 + 2 + 3 + 4 = 10
+ local +1 + 2 + 3 + 4 = 10
+ + `, + before_test() { + delete require.cache[path.resolve(__dirname, 'data.js')]; + }, + async test({ assert, target, window }) { + const btn = target.querySelector('button'); + const clickEvent = new window.MouseEvent('click'); + + await btn.dispatchEvent(clickEvent); + + assert.htmlEqual(target.innerHTML, ` + import +1 + 2 + 3 + 4 + 5 = 15
+ local +1 + 2 + 3 + 4 + 5 = 15
+ + `); + + await btn.dispatchEvent(clickEvent); + + assert.htmlEqual(target.innerHTML, ` + import +1 + 2 + 3 + 4 + 5 + 6 = 21
+ local +1 + 2 + 3 + 4 + 5 + 6 = 21
+ + `); + } +}; diff --git a/test/runtime/samples/reactive-import-statement/data.js b/test/runtime/samples/reactive-import-statement/data.js new file mode 100644 index 0000000000..22f2f374ab --- /dev/null +++ b/test/runtime/samples/reactive-import-statement/data.js @@ -0,0 +1 @@ +export const numbers = [1, 2, 3, 4]; diff --git a/test/runtime/samples/reactive-import-statement/main.svelte b/test/runtime/samples/reactive-import-statement/main.svelte new file mode 100644 index 0000000000..daded0494f --- /dev/null +++ b/test/runtime/samples/reactive-import-statement/main.svelte @@ -0,0 +1,19 @@ + + +import{numbers.join(' + ')} = {sum}
+local{local_numbers.join(' + ')} = {local_sum}
+ + \ No newline at end of file diff --git a/test/runtime/samples/reactive-value-assign-property/_config.js b/test/runtime/samples/reactive-value-assign-property/_config.js new file mode 100644 index 0000000000..b6d8bf51be --- /dev/null +++ b/test/runtime/samples/reactive-value-assign-property/_config.js @@ -0,0 +1,5 @@ +export default { + html: ` +Hello world!
+ ` +}; diff --git a/test/runtime/samples/reactive-value-assign-property/main.svelte b/test/runtime/samples/reactive-value-assign-property/main.svelte new file mode 100644 index 0000000000..58e0fdb03c --- /dev/null +++ b/test/runtime/samples/reactive-value-assign-property/main.svelte @@ -0,0 +1,6 @@ + + +Hello {user.name}!
\ No newline at end of file diff --git a/test/runtime/samples/reactive-value-coerce/_config.js b/test/runtime/samples/reactive-value-coerce/_config.js index 7d8bcb6b50..9cf9d7d8ee 100644 --- a/test/runtime/samples/reactive-value-coerce/_config.js +++ b/test/runtime/samples/reactive-value-coerce/_config.js @@ -1,10 +1,10 @@ export default { - html: `1-1`, + html: '1-1', test: ({ assert, component, target }) => { component.a.b[0] = 2; component.a = component.a; // eslint-disable-line no-self-assign - assert.htmlEqual(target.innerHTML, `2-2`); + assert.htmlEqual(target.innerHTML, '2-2'); } }; diff --git a/test/runtime/samples/reactive-value-function/_config.js b/test/runtime/samples/reactive-value-function/_config.js index c2de1af713..2a84953576 100644 --- a/test/runtime/samples/reactive-value-function/_config.js +++ b/test/runtime/samples/reactive-value-function/_config.js @@ -1,9 +1,9 @@ export default { - html: `1-2`, + html: '1-2', async test({ assert, component, target }) { await component.update(); - assert.htmlEqual(target.innerHTML, `3-4`); + assert.htmlEqual(target.innerHTML, '3-4'); } }; diff --git a/test/runtime/samples/reactive-value-mutate/_config.js b/test/runtime/samples/reactive-value-mutate/_config.js index e408816834..66979f1e31 100644 --- a/test/runtime/samples/reactive-value-mutate/_config.js +++ b/test/runtime/samples/reactive-value-mutate/_config.js @@ -1,3 +1,3 @@ export default { - html: `{"bar":42}` + html: '{"bar":42}' }; diff --git a/test/runtime/samples/script-style-non-top-level/_config.js b/test/runtime/samples/script-style-non-top-level/_config.js index 86eddf4611..22186b345d 100644 --- a/test/runtime/samples/script-style-non-top-level/_config.js +++ b/test/runtime/samples/script-style-non-top-level/_config.js @@ -5,4 +5,4 @@ export default { ` -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/select-no-whitespace/_config.js b/test/runtime/samples/select-no-whitespace/_config.js index 7388527849..fbd4990317 100644 --- a/test/runtime/samples/select-no-whitespace/_config.js +++ b/test/runtime/samples/select-no-whitespace/_config.js @@ -3,4 +3,4 @@ export default { const select = target.querySelector( 'select' ); assert.equal( select.childNodes.length, 3 ); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/self-reference-component/_config.js b/test/runtime/samples/self-reference-component/_config.js index e3e0ad3a4f..c3456b59c2 100644 --- a/test/runtime/samples/self-reference-component/_config.js +++ b/test/runtime/samples/self-reference-component/_config.js @@ -1,3 +1,3 @@ export default { - html: '5 4 3 2 1 0', -}; \ No newline at end of file + html: '5 4 3 2 1 0' +}; diff --git a/test/runtime/samples/self-reference-tree/_config.js b/test/runtime/samples/self-reference-tree/_config.js index 581f03eade..cfa7528d31 100644 --- a/test/runtime/samples/self-reference-tree/_config.js +++ b/test/runtime/samples/self-reference-tree/_config.js @@ -62,4 +62,4 @@ export default { ` -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/self-reference/_config.js b/test/runtime/samples/self-reference/_config.js index 69be606bbe..1bcb660621 100644 --- a/test/runtime/samples/self-reference/_config.js +++ b/test/runtime/samples/self-reference/_config.js @@ -11,4 +11,4 @@ export default { 1 0 ` -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/semicolon-hoisting/_config.js b/test/runtime/samples/semicolon-hoisting/_config.js index 88d81cdc9e..22dc25b41e 100644 --- a/test/runtime/samples/semicolon-hoisting/_config.js +++ b/test/runtime/samples/semicolon-hoisting/_config.js @@ -1,3 +1,3 @@ export default { - html: `` -}; \ No newline at end of file + html: '' +}; diff --git a/test/runtime/samples/set-after-destroy/_config.js b/test/runtime/samples/set-after-destroy/_config.js index 9d79329546..063c133b87 100644 --- a/test/runtime/samples/set-after-destroy/_config.js +++ b/test/runtime/samples/set-after-destroy/_config.js @@ -7,4 +7,4 @@ export default { component.$destroy(); component.x = 2; } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/set-null-text-node/_config.js b/test/runtime/samples/set-null-text-node/_config.js index 6bc775f3b7..a106ee9069 100644 --- a/test/runtime/samples/set-null-text-node/_config.js +++ b/test/runtime/samples/set-null-text-node/_config.js @@ -10,4 +10,4 @@ export default { component.foo = null; assert.htmlEqual(target.innerHTML, 'foo is null'); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/set-undefined-attr/_config.js b/test/runtime/samples/set-undefined-attr/_config.js index b23f51dfc9..49c4216e57 100644 --- a/test/runtime/samples/set-undefined-attr/_config.js +++ b/test/runtime/samples/set-undefined-attr/_config.js @@ -1,5 +1,5 @@ export default { - html: ``, + html: "", - ssrHtml: ``, + ssrHtml: "" }; diff --git a/test/runtime/samples/shorthand-method-in-template/_config.js b/test/runtime/samples/shorthand-method-in-template/_config.js index ddd282644d..b097a46716 100644 --- a/test/runtime/samples/shorthand-method-in-template/_config.js +++ b/test/runtime/samples/shorthand-method-in-template/_config.js @@ -1,3 +1,3 @@ export default { html: '42' -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/sigil-component-prop/_config.js b/test/runtime/samples/sigil-component-prop/_config.js index 2f467bb9d4..105f8b468c 100644 --- a/test/runtime/samples/sigil-component-prop/_config.js +++ b/test/runtime/samples/sigil-component-prop/_config.js @@ -3,5 +3,5 @@ export default { dev: true }, props: { foo: 'foo' }, - html: `foo @ foo # foo
`,
+ html: 'foo @ foo # foo
'
};
diff --git a/test/runtime/samples/sigil-expression-function-body/_config.js b/test/runtime/samples/sigil-expression-function-body/_config.js
index fccd0db2d0..8d88d1fd08 100644
--- a/test/runtime/samples/sigil-expression-function-body/_config.js
+++ b/test/runtime/samples/sigil-expression-function-body/_config.js
@@ -1,3 +1,3 @@
export default {
- html: `@foo`
+ html: '@foo'
};
diff --git a/test/runtime/samples/sigil-static-#/_config.js b/test/runtime/samples/sigil-static-#/_config.js
index 747ddc2a94..3bf2601f70 100644
--- a/test/runtime/samples/sigil-static-#/_config.js
+++ b/test/runtime/samples/sigil-static-#/_config.js
@@ -1,3 +1,3 @@
export default {
- html: `#foo`
-};
\ No newline at end of file
+ html: '#foo'
+};
diff --git a/test/runtime/samples/sigil-static-@/_config.js b/test/runtime/samples/sigil-static-@/_config.js
index ada3a602ab..8d88d1fd08 100644
--- a/test/runtime/samples/sigil-static-@/_config.js
+++ b/test/runtime/samples/sigil-static-@/_config.js
@@ -1,3 +1,3 @@
export default {
- html: `@foo`
-};
\ No newline at end of file
+ html: '@foo'
+};
diff --git a/test/runtime/samples/slot-if-block-update-no-anchor/_config.js b/test/runtime/samples/slot-if-block-update-no-anchor/_config.js
new file mode 100644
index 0000000000..f05d79c265
--- /dev/null
+++ b/test/runtime/samples/slot-if-block-update-no-anchor/_config.js
@@ -0,0 +1,7 @@
+export default {
+ test({ assert, target, component }) {
+ assert.htmlEqual(target.innerHTML, '');
+ component.enabled = true;
+ assert.htmlEqual(target.innerHTML, 'enabled');
+ }
+};
diff --git a/test/runtime/samples/slot-if-block-update-no-anchor/main.svelte b/test/runtime/samples/slot-if-block-update-no-anchor/main.svelte
new file mode 100644
index 0000000000..7960f35bc9
--- /dev/null
+++ b/test/runtime/samples/slot-if-block-update-no-anchor/main.svelte
@@ -0,0 +1,9 @@
+
+
+
+ a: 2
`); - }, + assert.htmlEqual(target.innerHTML, 'a: 2
'); + } }; diff --git a/test/runtime/samples/spread-component-multiple-dependencies/_config.js b/test/runtime/samples/spread-component-multiple-dependencies/_config.js index bc05f31130..ee2c0feda8 100644 --- a/test/runtime/samples/spread-component-multiple-dependencies/_config.js +++ b/test/runtime/samples/spread-component-multiple-dependencies/_config.js @@ -1,10 +1,10 @@ export default { - html: `b baz`, + html: 'b baz', test({ assert, component, target }) { component.foo = true; assert.htmlEqual( target.innerHTML, - `a baz` + 'a baz' ); - }, + } }; diff --git a/test/runtime/samples/spread-each-component/_config.js b/test/runtime/samples/spread-each-component/_config.js index bc4d8ee7a4..66d2381875 100644 --- a/test/runtime/samples/spread-each-component/_config.js +++ b/test/runtime/samples/spread-each-component/_config.js @@ -20,5 +20,5 @@ export default { `); - }, + } }; diff --git a/test/runtime/samples/spread-each-element/_config.js b/test/runtime/samples/spread-each-element/_config.js index 5dbd82a892..579f840099 100644 --- a/test/runtime/samples/spread-each-element/_config.js +++ b/test/runtime/samples/spread-each-element/_config.js @@ -20,5 +20,5 @@ export default { `); - }, + } }; diff --git a/test/runtime/samples/spread-element-boolean/_config.js b/test/runtime/samples/spread-element-boolean/_config.js index 3ee277eec4..3ceeb3f677 100644 --- a/test/runtime/samples/spread-element-boolean/_config.js +++ b/test/runtime/samples/spread-element-boolean/_config.js @@ -18,8 +18,8 @@ export default { assert.htmlEqual( target.innerHTML, - `` + '' ); assert.ok(!button.disabled); - }, + } }; diff --git a/test/runtime/samples/spread-element-class/_config.js b/test/runtime/samples/spread-element-class/_config.js index 7fc3d49012..b699848210 100644 --- a/test/runtime/samples/spread-element-class/_config.js +++ b/test/runtime/samples/spread-element-class/_config.js @@ -1,7 +1,7 @@ export default { - html: ``, + html: "", test({ assert, component, target }) { component.blah = 'goodbye'; - assert.htmlEqual(target.innerHTML, ``); + assert.htmlEqual(target.innerHTML, ""); } }; diff --git a/test/runtime/samples/spread-element-input-bind-group-with-value-attr/_config.js b/test/runtime/samples/spread-element-input-bind-group-with-value-attr/_config.js new file mode 100644 index 0000000000..4bbc9d278c --- /dev/null +++ b/test/runtime/samples/spread-element-input-bind-group-with-value-attr/_config.js @@ -0,0 +1,15 @@ +export default { + props: { + props: { + 'data-foo': 'bar' + } + }, + + html: '', + + async test({ assert, component, target, window }) { + const input = target.querySelector('input'); + assert.equal(input.value, 'abc'); + assert.equal(input.__value, 'abc'); + } +}; diff --git a/test/runtime/samples/spread-element-input-bind-group-with-value-attr/main.svelte b/test/runtime/samples/spread-element-input-bind-group-with-value-attr/main.svelte new file mode 100644 index 0000000000..ce6b76f093 --- /dev/null +++ b/test/runtime/samples/spread-element-input-bind-group-with-value-attr/main.svelte @@ -0,0 +1,6 @@ + + + diff --git a/test/runtime/samples/spread-element-input-select-multiple/_config.js b/test/runtime/samples/spread-element-input-select-multiple/_config.js new file mode 100644 index 0000000000..1ddcd9eb6d --- /dev/null +++ b/test/runtime/samples/spread-element-input-select-multiple/_config.js @@ -0,0 +1,39 @@ +export default { + async test({ assert, component, target, window }) { + const [input1, input2] = target.querySelectorAll('input'); + const select = target.querySelector('select'); + const [option1, option2] = select.childNodes; + + let selections = Array.from(select.selectedOptions); + assert.equal(selections.length, 2); + assert.ok(selections.includes(option1)); + assert.ok(selections.includes(option2)); + + const event = new window.Event('change'); + + input1.checked = false; + await input1.dispatchEvent(event); + + selections = Array.from(select.selectedOptions); + assert.equal(selections.length, 1); + assert.ok(!selections.includes(option1)); + assert.ok(selections.includes(option2)); + + input2.checked = false; + await input2.dispatchEvent(event); + input1.checked = true; + await input1.dispatchEvent(event); + + selections = Array.from(select.selectedOptions); + assert.equal(selections.length, 1); + assert.ok(selections.includes(option1)); + assert.ok(!selections.includes(option2)); + + component.spread = { value: ['Hello', 'World'] }; + + selections = Array.from(select.selectedOptions); + assert.equal(selections.length, 2); + assert.ok(selections.includes(option1)); + assert.ok(selections.includes(option2)); + } +}; diff --git a/test/runtime/samples/spread-element-input-select-multiple/main.svelte b/test/runtime/samples/spread-element-input-select-multiple/main.svelte new file mode 100644 index 0000000000..d2fb12dd20 --- /dev/null +++ b/test/runtime/samples/spread-element-input-select-multiple/main.svelte @@ -0,0 +1,12 @@ + + + + + + \ No newline at end of file diff --git a/test/runtime/samples/spread-element-input-value-undefined/_config.js b/test/runtime/samples/spread-element-input-value-undefined/_config.js new file mode 100644 index 0000000000..9a83dccd80 --- /dev/null +++ b/test/runtime/samples/spread-element-input-value-undefined/_config.js @@ -0,0 +1,12 @@ +export default { + async test({ assert, component, target, window }) { + const input = target.querySelector('input'); + component.value = undefined; + + assert.equal(input.value, 'undefined'); + + component.value = 'foobar'; + + assert.equal(input.value, 'foobar'); + } +}; diff --git a/test/runtime/samples/spread-element-input-value-undefined/main.svelte b/test/runtime/samples/spread-element-input-value-undefined/main.svelte new file mode 100644 index 0000000000..5c9121dc03 --- /dev/null +++ b/test/runtime/samples/spread-element-input-value-undefined/main.svelte @@ -0,0 +1,5 @@ + + + \ No newline at end of file diff --git a/test/runtime/samples/spread-element-input-value/InputOne.svelte b/test/runtime/samples/spread-element-input-value/InputOne.svelte new file mode 100644 index 0000000000..92ecb7b9a9 --- /dev/null +++ b/test/runtime/samples/spread-element-input-value/InputOne.svelte @@ -0,0 +1,18 @@ + + + diff --git a/test/runtime/samples/spread-element-input-value/InputTwo.svelte b/test/runtime/samples/spread-element-input-value/InputTwo.svelte new file mode 100644 index 0000000000..33ec0622a4 --- /dev/null +++ b/test/runtime/samples/spread-element-input-value/InputTwo.svelte @@ -0,0 +1,19 @@ + + + diff --git a/test/runtime/samples/spread-element-input-value/_config.js b/test/runtime/samples/spread-element-input-value/_config.js new file mode 100644 index 0000000000..0df088159a --- /dev/null +++ b/test/runtime/samples/spread-element-input-value/_config.js @@ -0,0 +1,62 @@ +export default { + async test({ assert, component, target, window }) { + const [input1, input2] = target.querySelectorAll('input'); + + // we are not able emulate user interaction in jsdom, + // therefore, jsdom could not validate minlength / maxlength + + // we simulate user input with + // setting input.value + dispathEvent + + // and we determine if svelte does not set the `input.value` again by + // spying on the setter of `input.value` + + const spy1 = spyOnValueSetter(input1, input1.value); + const spy2 = spyOnValueSetter(input2, input2.value); + + const event = new window.Event('input'); + + input1.value = '12345'; + spy1.reset(); + await input1.dispatchEvent(event); + + assert.ok(!spy1.isSetCalled()); + + input2.value = '12345'; + spy2.reset(); + await input2.dispatchEvent(event); + + assert.ok(!spy2.isSetCalled()); + + spy1.reset(); + component.val1 = '56789'; + assert.ok(spy1.isSetCalled()); + + spy2.reset(); + component.val2 = '56789'; + assert.ok(spy2.isSetCalled()); + } +}; + +function spyOnValueSetter(input, initialValue) { + let value = initialValue; + let isSet = false; + Object.defineProperty(input, 'value', { + get() { + return value; + }, + set(_value) { + value = _value; + isSet = true; + } + }); + + return { + isSetCalled() { + return isSet; + }, + reset() { + isSet = false; + } + }; +} diff --git a/test/runtime/samples/spread-element-input-value/main.svelte b/test/runtime/samples/spread-element-input-value/main.svelte new file mode 100644 index 0000000000..bb5f0e00bf --- /dev/null +++ b/test/runtime/samples/spread-element-input-value/main.svelte @@ -0,0 +1,9 @@ + + +test
`
+ 'test
'
);
- },
+ }
};
diff --git a/test/runtime/samples/spread-element-readonly/_config.js b/test/runtime/samples/spread-element-readonly/_config.js
index 1d349fd76f..5e33acb0aa 100644
--- a/test/runtime/samples/spread-element-readonly/_config.js
+++ b/test/runtime/samples/spread-element-readonly/_config.js
@@ -1,6 +1,6 @@
export default {
skip_if_ssr: true, // DOM and SSR output is different, a separate SSR test exists
- html: ``,
+ html: '',
test({ assert, target }) {
const div = target.querySelector('input');
diff --git a/test/runtime/samples/spread-element-removal/_config.js b/test/runtime/samples/spread-element-removal/_config.js
index 270804170d..1fd2443369 100644
--- a/test/runtime/samples/spread-element-removal/_config.js
+++ b/test/runtime/samples/spread-element-removal/_config.js
@@ -1,3 +1,3 @@
export default {
- html: ``
+ html: ''
};
diff --git a/test/runtime/samples/spread-element/_config.js b/test/runtime/samples/spread-element/_config.js
index 0763634b0f..2332891b67 100644
--- a/test/runtime/samples/spread-element/_config.js
+++ b/test/runtime/samples/spread-element/_config.js
@@ -1,5 +1,5 @@
export default {
- html: `red
`,
+ html: 'red
',
test({ assert, component, target }) {
const div = target.querySelector( 'div' );
@@ -9,13 +9,13 @@ export default {
component.color = 'blue';
component.props = { 'data-foo': 'baz', 'data-named': 'qux' };
- assert.htmlEqual( target.innerHTML, `blue
` );
+ assert.htmlEqual( target.innerHTML, 'blue
' );
assert.equal( div.dataset.foo, 'baz' );
assert.equal( div.dataset.named, 'value' );
component.color = 'blue';
component.props = {};
- assert.htmlEqual( target.innerHTML, `blue
` );
+ assert.htmlEqual( target.innerHTML, 'blue
' );
assert.equal( div.dataset.foo, undefined );
}
};
diff --git a/test/runtime/samples/spring/_config.js b/test/runtime/samples/spring/_config.js
index 49367ce08b..5fd33b2e51 100644
--- a/test/runtime/samples/spring/_config.js
+++ b/test/runtime/samples/spring/_config.js
@@ -1,3 +1,3 @@
export default {
- html: `0
` + html: '0
' }; diff --git a/test/runtime/samples/state-deconflicted/_config.js b/test/runtime/samples/state-deconflicted/_config.js index 3258754400..ff1b10b481 100644 --- a/test/runtime/samples/state-deconflicted/_config.js +++ b/test/runtime/samples/state-deconflicted/_config.js @@ -49,4 +49,4 @@ export default { ` ); } -}; \ No newline at end of file +}; diff --git a/test/runtime/samples/store-assignment-updates-property/_config.js b/test/runtime/samples/store-assignment-updates-property/_config.js new file mode 100644 index 0000000000..168f7d27a0 --- /dev/null +++ b/test/runtime/samples/store-assignment-updates-property/_config.js @@ -0,0 +1,32 @@ +export default { + html: ` +a: {"foo":3,"bar":2}
+b: {"foo":3}
+ + + `, + skip_if_ssr: true, + + async test({ assert, component, target, window }) { + const [btn1, btn2] = target.querySelectorAll('button'); + const click = new window.MouseEvent('click'); + + await btn1.dispatchEvent(click); + + assert.htmlEqual(target.innerHTML, ` +a: {"foo":4,"bar":2}
+b: {"foo":4,"baz":0}
+ + + `); + + await btn2.dispatchEvent(click); + + assert.htmlEqual(target.innerHTML, ` +a: {"foo":5,"bar":2}
+b: {"foo":5,"qux":0}
+ + + `); + } +}; diff --git a/test/runtime/samples/store-assignment-updates-property/main.svelte b/test/runtime/samples/store-assignment-updates-property/main.svelte new file mode 100644 index 0000000000..c3196a278c --- /dev/null +++ b/test/runtime/samples/store-assignment-updates-property/main.svelte @@ -0,0 +1,24 @@ + + +a: {JSON.stringify($a)}
+b: {JSON.stringify($b)}
+ +