element
+ const inner_div = window.document.createElement('div');
+ div.insertBefore(inner_div, null);
+ event = new window.InputEvent('input');
+ await div.dispatchEvent(event);
+ assert.equal(div.textContent, 'a');
+
+ text = window.document.createTextNode('b');
+ inner_div.insertBefore(text, null);
+ event = new window.InputEvent('input');
+ await div.dispatchEvent(event);
+ assert.equal(div.textContent, 'ab');
+ }
+};
diff --git a/test/runtime/samples/component-event-handler-contenteditable/main.svelte b/test/runtime-puppeteer/samples/component-event-handler-contenteditable/main.svelte
similarity index 100%
rename from test/runtime/samples/component-event-handler-contenteditable/main.svelte
rename to test/runtime-puppeteer/samples/component-event-handler-contenteditable/main.svelte
diff --git a/test/runtime-puppeteer/samples/dynamic-element-custom-element/_config.js b/test/runtime-puppeteer/samples/dynamic-element-custom-element/_config.js
new file mode 100644
index 0000000000..64b362a702
--- /dev/null
+++ b/test/runtime-puppeteer/samples/dynamic-element-custom-element/_config.js
@@ -0,0 +1,47 @@
+export default {
+ skip_if_ssr: true,
+ props: {
+ tag: 'my-custom-element',
+ name: null
+ },
+ html: `
+
Hello null!
+
Hello null!
+ `,
+
+ test({ assert, component, target }) {
+ component.name = undefined;
+ assert.htmlEqual(
+ target.innerHTML,
+ `
Hello undefined!
+
Hello undefined! `
+ );
+
+ component.name = 'foo';
+ assert.htmlEqual(
+ target.innerHTML,
+ `
Hello foo!
+
Hello foo! `
+ );
+
+ component.tag = null;
+ assert.htmlEqual(
+ target.innerHTML,
+ '
Hello foo! '
+ );
+
+ component.tag = 'div';
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
Hello foo! `
+ );
+
+ component.tag = 'my-custom-element';
+ assert.htmlEqual(
+ target.innerHTML,
+ `
Hello foo!
+
Hello foo! `
+ );
+ }
+};
diff --git a/test/runtime-puppeteer/samples/dynamic-element-custom-element/main.svelte b/test/runtime-puppeteer/samples/dynamic-element-custom-element/main.svelte
new file mode 100644
index 0000000000..81e29895d7
--- /dev/null
+++ b/test/runtime-puppeteer/samples/dynamic-element-custom-element/main.svelte
@@ -0,0 +1,32 @@
+
+
+
+
diff --git a/test/runtime-puppeteer/samples/inline-style-directive-important/_config.js b/test/runtime-puppeteer/samples/inline-style-directive-important/_config.js
new file mode 100644
index 0000000000..d6323b82e3
--- /dev/null
+++ b/test/runtime-puppeteer/samples/inline-style-directive-important/_config.js
@@ -0,0 +1,22 @@
+export default {
+ html: `
+
hello
+
hello
+ `,
+
+ ssrHtml: `
+
hello
+
hello
+ `,
+
+ test({ assert, target, window, component }) {
+ const h1s = target.querySelectorAll('h1');
+
+ assert.equal(window.getComputedStyle(h1s[0])['backgroundColor'], 'rgb(0, 0, 255)');
+ assert.equal(window.getComputedStyle(h1s[1])['backgroundColor'], 'rgb(255, 0, 0)');
+
+ component.color = 'yellow';
+ assert.equal(window.getComputedStyle(h1s[0])['backgroundColor'], 'rgb(0, 0, 255)');
+ assert.equal(window.getComputedStyle(h1s[1])['backgroundColor'], 'rgb(255, 255, 0)');
+ }
+};
diff --git a/test/runtime-puppeteer/samples/inline-style-directive-important/main.svelte b/test/runtime-puppeteer/samples/inline-style-directive-important/main.svelte
new file mode 100644
index 0000000000..e869a9a473
--- /dev/null
+++ b/test/runtime-puppeteer/samples/inline-style-directive-important/main.svelte
@@ -0,0 +1,12 @@
+
+
+
hello
+
hello
+
+
\ No newline at end of file
diff --git a/test/runtime-puppeteer/samples/inline-style-directive-precedence/_config.js b/test/runtime-puppeteer/samples/inline-style-directive-precedence/_config.js
new file mode 100644
index 0000000000..a684f3e0d7
--- /dev/null
+++ b/test/runtime-puppeteer/samples/inline-style-directive-precedence/_config.js
@@ -0,0 +1,24 @@
+export default {
+ html: `
+
+ `,
+
+ test({ assert, target, window, component }) {
+ const p = target.querySelector('p');
+ const styles = window.getComputedStyle(p);
+ assert.equal(styles.color, 'rgb(255, 0, 0)');
+ assert.equal(styles.fontSize, '32px');
+ assert.equal(styles.backgroundColor, 'rgb(0, 128, 0)');
+ assert.equal(styles.borderColor, 'rgb(0, 128, 0)');
+
+ component.foo = 'font-size: 50px; color: green;'; // Update style attribute
+ {
+ const p = target.querySelector('p');
+ const styles = window.getComputedStyle(p);
+ assert.equal(styles.color, 'rgb(255, 0, 0)');
+ assert.equal(styles.fontSize, '32px');
+ assert.equal(styles.backgroundColor, 'rgb(0, 128, 0)');
+ assert.equal(styles.borderColor, 'rgb(0, 128, 0)');
+ }
+ }
+};
diff --git a/test/runtime-puppeteer/samples/inline-style-directive-precedence/main.svelte b/test/runtime-puppeteer/samples/inline-style-directive-precedence/main.svelte
new file mode 100644
index 0000000000..3e8b721a42
--- /dev/null
+++ b/test/runtime-puppeteer/samples/inline-style-directive-precedence/main.svelte
@@ -0,0 +1,15 @@
+
+
+
diff --git a/test/runtime-puppeteer/samples/style_manager-cleanup/_config.js b/test/runtime-puppeteer/samples/style_manager-cleanup/_config.js
new file mode 100644
index 0000000000..b3a5a97e45
--- /dev/null
+++ b/test/runtime-puppeteer/samples/style_manager-cleanup/_config.js
@@ -0,0 +1,17 @@
+export default {
+ skip_if_ssr: true,
+ skip_if_hydrate: true,
+ skip_if_hydrate_from_ssr: true,
+ test: async ({ component, assert, window, waitUntil }) => {
+ assert.htmlEqual(window.document.head.innerHTML, '');
+ component.visible = true;
+ assert.htmlEqual(window.document.head.innerHTML, '');
+ await waitUntil(() => window.document.head.innerHTML === '');
+ assert.htmlEqual(window.document.head.innerHTML, '');
+
+ component.visible = false;
+ assert.htmlEqual(window.document.head.innerHTML, '');
+ await waitUntil(() => window.document.head.innerHTML === '');
+ assert.htmlEqual(window.document.head.innerHTML, '');
+ }
+};
diff --git a/test/runtime-puppeteer/samples/style_manager-cleanup/main.svelte b/test/runtime-puppeteer/samples/style_manager-cleanup/main.svelte
new file mode 100644
index 0000000000..ab13073b1e
--- /dev/null
+++ b/test/runtime-puppeteer/samples/style_manager-cleanup/main.svelte
@@ -0,0 +1,16 @@
+
+
+{#if visible}
+
+{/if}
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/Slider.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/Slider.svelte
new file mode 100644
index 0000000000..4863966f85
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/Slider.svelte
@@ -0,0 +1,17 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/_config.js b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/_config.js
new file mode 100644
index 0000000000..96965c223b
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/_config.js
@@ -0,0 +1,41 @@
+export default {
+ props: {
+ railColor1: 'black',
+ trackColor1: 'red',
+ railColor2: 'green',
+ trackColor2: 'blue'
+ },
+ html: `
+
+
+ `,
+ test({ component, assert, target }) {
+ component.railColor1 = 'yellow';
+ component.trackColor2 = 'orange';
+
+ assert.htmlEqual(target.innerHTML, `
+
+
+ `);
+ }
+};
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/main.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/main.svelte
new file mode 100644
index 0000000000..00be45a8a4
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties-dynamic/main.svelte
@@ -0,0 +1,25 @@
+
+
+
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider1.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider1.svelte
new file mode 100644
index 0000000000..f9c9048fee
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider1.svelte
@@ -0,0 +1,17 @@
+
+
+
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider2.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider2.svelte
new file mode 100644
index 0000000000..eb5c286464
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/Slider2.svelte
@@ -0,0 +1,17 @@
+
+
+
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/_config.js b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/_config.js
new file mode 100644
index 0000000000..efbf225f25
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/_config.js
@@ -0,0 +1,57 @@
+export default {
+ props: {
+ componentName: 'Slider1'
+ },
+ html: `
+
+
+ `,
+ test({ target, window, assert, component }) {
+
+ function assert_slider_1() {
+ const railColor1 = target.querySelector('#component1 p');
+ const trackColor1 = target.querySelector('#component1 span');
+ const railColor2 = target.querySelector('#component2 p');
+ const trackColor2 = target.querySelector('#component2 span');
+
+ assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+ assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+ assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+ assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+ assert.equal(railColor1.textContent, 'Slider1');
+ assert.equal(railColor2.textContent, 'Slider1');
+ }
+
+ function assert_slider_2() {
+ const railColor1 = target.querySelector('#component1 p');
+ const trackColor1 = target.querySelector('#component1 span');
+ const railColor2 = target.querySelector('#component2 p');
+ const trackColor2 = target.querySelector('#component2 span');
+
+ assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+ assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+ assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+ assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+ assert.equal(railColor1.textContent, 'Slider2');
+ assert.equal(railColor2.textContent, 'Slider2');
+ }
+
+ assert_slider_1();
+ component.componentName = 'Slider2';
+ assert_slider_2();
+ component.componentName = undefined;
+ assert.equal(window.document.querySelector('div'), null);
+ component.componentName = 'Slider1';
+ assert_slider_1();
+ }
+};
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/main.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/main.svelte
new file mode 100644
index 0000000000..2c6d05dc25
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties/main.svelte
@@ -0,0 +1,20 @@
+
+
+
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider1.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider1.svelte
new file mode 100644
index 0000000000..f9c9048fee
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider1.svelte
@@ -0,0 +1,17 @@
+
+
+
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider2.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider2.svelte
new file mode 100644
index 0000000000..eb5c286464
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/Slider2.svelte
@@ -0,0 +1,17 @@
+
+
+
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/_config.js b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/_config.js
new file mode 100644
index 0000000000..5aa30c7aa4
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/_config.js
@@ -0,0 +1,59 @@
+export default {
+ props: {
+ componentName: 'Slider1'
+ },
+ html: `
+
+ `,
+ test({ target, window, assert, component }) {
+
+ function assert_slider_1() {
+ const railColor1 = target.querySelector('#component1 p');
+ const trackColor1 = target.querySelector('#component1 span');
+ const railColor2 = target.querySelector('#component2 p');
+ const trackColor2 = target.querySelector('#component2 span');
+
+ assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+ assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+ assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+ assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+ assert.equal(railColor1.textContent, 'Slider1');
+ assert.equal(railColor2.textContent, 'Slider1');
+ }
+
+ function assert_slider_2() {
+ const railColor1 = target.querySelector('#component1 p');
+ const trackColor1 = target.querySelector('#component1 span');
+ const railColor2 = target.querySelector('#component2 p');
+ const trackColor2 = target.querySelector('#component2 span');
+
+ assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+ assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+ assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+ assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+ assert.equal(railColor1.textContent, 'Slider2');
+ assert.equal(railColor2.textContent, 'Slider2');
+ }
+
+ assert_slider_1();
+ component.componentName = 'Slider2';
+ assert_slider_2();
+ component.componentName = undefined;
+ assert.equal(window.document.querySelector('div'), null);
+ component.componentName = 'Slider1';
+ assert_slider_1();
+ }
+};
diff --git a/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/main.svelte b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/main.svelte
new file mode 100644
index 0000000000..dded9b8f5c
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-component-css-custom-properties2/main.svelte
@@ -0,0 +1,22 @@
+
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/Slider.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/Slider.svelte
new file mode 100644
index 0000000000..210e34cbe9
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/Slider.svelte
@@ -0,0 +1,29 @@
+
+
+
+
+{#if count === 0}
+
+{/if}
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/_config.js b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/_config.js
new file mode 100644
index 0000000000..c7d1369edc
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/_config.js
@@ -0,0 +1,71 @@
+export default {
+ props: {
+ railColor1: 'black',
+ trackColor1: 'red',
+ railColor2: 'green',
+ trackColor2: 'blue',
+ nestRailColor1: 'white',
+ nestTrackColor1: 'gray',
+ nestRailColor2: 'aqua',
+ nestTrackColor2: 'pink'
+ },
+ html: `
+
+
+ `,
+ test({ component, assert, target }) {
+ component.railColor1 = 'yellow';
+ component.trackColor2 = 'orange';
+ component.nestRailColor1 = 'lime';
+ component.nestTrackColor2 = 'gold';
+
+ assert.htmlEqual(target.innerHTML, `
+
+
+ `);
+ }
+};
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/main.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/main.svelte
new file mode 100644
index 0000000000..69c31fff35
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties-dynamic/main.svelte
@@ -0,0 +1,32 @@
+
+
+
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider1.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider1.svelte
new file mode 100644
index 0000000000..20699ca853
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider1.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+{#if count === 0}
+
+{/if}
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider2.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider2.svelte
new file mode 100644
index 0000000000..ce799c4dc0
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/Slider2.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+{#if count === 0}
+
+{/if}
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/_config.js b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/_config.js
new file mode 100644
index 0000000000..f3023db3c4
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/_config.js
@@ -0,0 +1,47 @@
+export default {
+ props: {},
+ html: `
+
+
+ `,
+ test({ target, window, assert }) {
+ const railColor1 = target.querySelector('#component1 p');
+ const trackColor1 = target.querySelector('#component1 span');
+ const railColor2 = target.querySelector('#component2 p');
+ const trackColor2 = target.querySelector('#component2 span');
+ const nestRailColor1 = target.querySelector('#nest-component1 p');
+ const nestTrackColor1 = target.querySelector('#nest-component1 span');
+ const nestRailColor2 = target.querySelector('#nest-component2 p');
+ const nestTrackColor2 = target.querySelector('#nest-component2 span');
+
+ assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+ assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+ assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+ assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+ assert.equal(window.getComputedStyle(nestRailColor1).color, 'rgb(255, 255, 0)');
+ assert.equal(window.getComputedStyle(nestTrackColor1).color, 'rgb(255, 0, 255)');
+ assert.equal(window.getComputedStyle(nestRailColor2).color, 'rgb(0, 255, 255)');
+ assert.equal(window.getComputedStyle(nestTrackColor2).color, 'rgb(255, 255, 255)');
+ assert.equal(railColor1.textContent, 'Slider1');
+ assert.equal(railColor2.textContent, 'Slider2');
+ assert.equal(nestRailColor1.textContent, 'Slider1');
+ assert.equal(nestRailColor2.textContent, 'Slider2');
+ }
+};
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/main.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/main.svelte
new file mode 100644
index 0000000000..1a4ed02959
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties/main.svelte
@@ -0,0 +1,16 @@
+
+
+
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider1.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider1.svelte
new file mode 100644
index 0000000000..20699ca853
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider1.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+{#if count === 0}
+
+{/if}
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider2.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider2.svelte
new file mode 100644
index 0000000000..ce799c4dc0
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/Slider2.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+{#if count === 0}
+
+{/if}
+
+
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/_config.js b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/_config.js
new file mode 100644
index 0000000000..5efc8f0c70
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/_config.js
@@ -0,0 +1,84 @@
+export default {
+ props: {
+ componentName: 'Slider1'
+ },
+ html: `
+
+
+ `,
+ test({ target, window, assert, component }) {
+
+ function assert_slider_1() {
+ const railColor1 = target.querySelector('#component1 p');
+ const trackColor1 = target.querySelector('#component1 span');
+ const railColor2 = target.querySelector('#component2 p');
+ const trackColor2 = target.querySelector('#component2 span');
+ const nestRailColor1 = target.querySelector('#nest-component1 p');
+ const nestTrackColor1 = target.querySelector('#nest-component1 span');
+ const nestRailColor2 = target.querySelector('#nest-component2 p');
+ const nestTrackColor2 = target.querySelector('#nest-component2 span');
+
+ assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+ assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+ assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+ assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+ assert.equal(window.getComputedStyle(nestRailColor1).color, 'rgb(255, 255, 0)');
+ assert.equal(window.getComputedStyle(nestTrackColor1).color, 'rgb(255, 0, 255)');
+ assert.equal(window.getComputedStyle(nestRailColor2).color, 'rgb(255, 255, 0)');
+ assert.equal(window.getComputedStyle(nestTrackColor2).color, 'rgb(255, 0, 255)');
+ assert.equal(railColor1.textContent, 'Slider1');
+ assert.equal(railColor2.textContent, 'Slider1');
+ assert.equal(nestRailColor1.textContent, 'Slider1');
+ assert.equal(nestRailColor2.textContent, 'Slider1');
+ }
+
+ function assert_slider_2() {
+ const railColor1 = target.querySelector('#component1 p');
+ const trackColor1 = target.querySelector('#component1 span');
+ const railColor2 = target.querySelector('#component2 p');
+ const trackColor2 = target.querySelector('#component2 span');
+ const nestRailColor1 = target.querySelector('#nest-component1 p');
+ const nestTrackColor1 = target.querySelector('#nest-component1 span');
+ const nestRailColor2 = target.querySelector('#nest-component2 p');
+ const nestTrackColor2 = target.querySelector('#nest-component2 span');
+
+ assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
+ assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
+ assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
+ assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+ assert.equal(window.getComputedStyle(nestRailColor1).color, 'rgb(0, 255, 255)');
+ assert.equal(window.getComputedStyle(nestTrackColor1).color, 'rgb(255, 255, 255)');
+ assert.equal(window.getComputedStyle(nestRailColor2).color, 'rgb(0, 255, 255)');
+ assert.equal(window.getComputedStyle(nestTrackColor2).color, 'rgb(255, 255, 255)');
+ assert.equal(railColor1.textContent, 'Slider2');
+ assert.equal(railColor2.textContent, 'Slider2');
+ assert.equal(nestRailColor1.textContent, 'Slider2');
+ assert.equal(nestRailColor2.textContent, 'Slider2');
+ }
+
+ assert_slider_1();
+ component.componentName = 'Slider2';
+ assert_slider_2();
+ component.componentName = undefined;
+ assert.equal(window.document.querySelector('div'), null);
+ component.componentName = 'Slider1';
+ assert_slider_1();
+ }
+};
diff --git a/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/main.svelte b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/main.svelte
new file mode 100644
index 0000000000..2c6d05dc25
--- /dev/null
+++ b/test/runtime-puppeteer/samples/svelte-self-css-custom-properties2/main.svelte
@@ -0,0 +1,20 @@
+
+
+
+
+
diff --git a/test/runtime-puppeteer/samples/transition-css-out-in/_config.js b/test/runtime-puppeteer/samples/transition-css-out-in/_config.js
new file mode 100644
index 0000000000..a50d28b257
--- /dev/null
+++ b/test/runtime-puppeteer/samples/transition-css-out-in/_config.js
@@ -0,0 +1,14 @@
+export default {
+ test: async ({ assert, component, window, waitUntil }) => {
+ component.visible = true;
+ await waitUntil(() => window.document.head.querySelector('style').sheet.rules.length === 2);
+ assert.equal(window.document.head.querySelector('style').sheet.rules.length, 2);
+ await waitUntil(() => window.document.head.querySelector('style') === null);
+ assert.equal(window.document.head.querySelector('style'), null);
+ component.visible = false;
+ await waitUntil(() => window.document.head.querySelector('style').sheet.rules.length === 2);
+ assert.equal(window.document.head.querySelector('style').sheet.rules.length, 2);
+ await waitUntil(() => window.document.head.querySelector('style') === null);
+ assert.equal(window.document.head.querySelector('style'), null);
+ }
+};
diff --git a/test/runtime-puppeteer/samples/transition-css-out-in/main.svelte b/test/runtime-puppeteer/samples/transition-css-out-in/main.svelte
new file mode 100644
index 0000000000..3ee93f0b55
--- /dev/null
+++ b/test/runtime-puppeteer/samples/transition-css-out-in/main.svelte
@@ -0,0 +1,20 @@
+
+
+{#if visible}
+
+{/if}
+
+{#if !visible}
+
+{/if}
diff --git a/test/runtime/index.ts b/test/runtime/index.js
similarity index 90%
rename from test/runtime/index.ts
rename to test/runtime/index.js
index ff6d1039d3..3b39fe54e0 100644
--- a/test/runtime/index.ts
+++ b/test/runtime/index.js
@@ -25,12 +25,13 @@ let compile = null;
const sveltePath = process.cwd().split('\\').join('/');
let unhandled_rejection = false;
-process.on('unhandledRejection', err => {
+function unhandledRejection_handler(err) {
unhandled_rejection = err;
-});
+}
describe('runtime', () => {
before(() => {
+ process.on('unhandledRejection', unhandledRejection_handler);
svelte = loadSvelte(false);
svelte$ = loadSvelte(true);
@@ -44,8 +45,9 @@ describe('runtime', () => {
return module._compile(code, filename);
};
- return setupHtmlEqual();
+ return setupHtmlEqual({ removeDataSvelte: true });
});
+ after(() => process.removeListener('unhandledRejection', unhandledRejection_handler));
const failed = new Set();
@@ -63,7 +65,7 @@ describe('runtime', () => {
}
const testName = `${dir} ${hydrate ? `(with hydration${from_ssr_html ? ' from ssr rendered html' : ''})` : ''}`;
- (config.skip ? it.skip : solo ? it.only : it)(testName, () => {
+ (config.skip ? it.skip : solo ? it.only : it)(testName, (done) => {
if (failed.has(dir)) {
// this makes debugging easier, by only printing compiled output once
throw new Error('skipping test, already failed');
@@ -94,7 +96,7 @@ describe('runtime', () => {
glob('**/*.svelte', { cwd }).forEach(file => {
if (file[0] === '_') return;
- const dir = `${cwd}/_output/${hydrate ? 'hydratable' : 'normal'}`;
+ const dir = `${cwd}/_output/${hydrate ? 'hydratable' : 'normal'}`;
const out = `${dir}/${file.replace(/\.svelte$/, '.js')}`;
if (fs.existsSync(out)) {
@@ -118,7 +120,7 @@ describe('runtime', () => {
}
});
- return Promise.resolve()
+ Promise.resolve()
.then(() => {
// hack to support transition tests
clear_loops();
@@ -152,15 +154,23 @@ describe('runtime', () => {
window.SvelteComponent = SvelteComponent;
const target = window.document.querySelector('main');
+ let snapshot = undefined;
if (hydrate && from_ssr_html) {
// ssr into target
compileOptions.generate = 'ssr';
cleanRequireCache();
+ if (config.before_test) config.before_test();
const SsrSvelteComponent = require(`./samples/${dir}/main.svelte`).default;
const { html } = SsrSvelteComponent.render(config.props);
target.innerHTML = html;
+
+ if (config.snapshot) {
+ snapshot = config.snapshot(target);
+ }
+
delete compileOptions.generate;
+ if (config.after_test) config.after_test();
} else {
target.innerHTML = '';
}
@@ -197,7 +207,9 @@ describe('runtime', () => {
}
if (config.html) {
- assert.htmlEqual(target.innerHTML, config.html);
+ assert.htmlEqualWithOptions(target.innerHTML, config.html, {
+ withoutNormalizeHtml: config.withoutNormalizeHtml
+ });
}
if (config.test) {
@@ -206,6 +218,7 @@ describe('runtime', () => {
component,
mod,
target,
+ snapshot,
window,
raf,
compileOptions
@@ -243,6 +256,7 @@ describe('runtime', () => {
.catch(err => {
// print a clickable link to open the directory
err.stack += `\n\ncmd-click: ${path.relative(process.cwd(), cwd)}/main.svelte`;
+ done(err);
throw err;
})
.then(() => {
@@ -253,6 +267,7 @@ describe('runtime', () => {
flush();
if (config.after_test) config.after_test();
+ done();
});
});
}
diff --git a/test/runtime/samples/$$slot/_config.js b/test/runtime/samples/$$slot/_config.js
index 13b2137cdb..46e435ae97 100644
--- a/test/runtime/samples/$$slot/_config.js
+++ b/test/runtime/samples/$$slot/_config.js
@@ -11,7 +11,7 @@ export default {
hello world
`,
- async test({ assert, target, component }) {
+ async test({ assert, component }) {
assert.equal(component.getA(), '');
assert.equal(component.getB(), 'foo');
}
diff --git a/test/runtime/samples/action-custom-event-handler-node-context/_config.js b/test/runtime/samples/action-custom-event-handler-node-context/_config.js
index ea94abe9b3..9a5d0d5f82 100644
--- a/test/runtime/samples/action-custom-event-handler-node-context/_config.js
+++ b/test/runtime/samples/action-custom-event-handler-node-context/_config.js
@@ -3,7 +3,7 @@ export default {
html: '
10 ',
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const event = new window.MouseEvent('click');
const button = target.querySelector('button');
diff --git a/test/runtime/samples/action-custom-event-handler-this/_config.js b/test/runtime/samples/action-custom-event-handler-this/_config.js
index ec3fa373eb..29c2059d9f 100644
--- a/test/runtime/samples/action-custom-event-handler-this/_config.js
+++ b/test/runtime/samples/action-custom-event-handler-this/_config.js
@@ -1,7 +1,7 @@
export default {
html: '
',
- test({ assert, component, target, window }) {
+ test({ assert, target, window }) {
const input = target.querySelector('input');
const event = new window.KeyboardEvent('keydown', {
key: 'Enter'
diff --git a/test/runtime/samples/action-custom-event-handler-with-context/_config.js b/test/runtime/samples/action-custom-event-handler-with-context/_config.js
index 104ec27503..41ea15151a 100644
--- a/test/runtime/samples/action-custom-event-handler-with-context/_config.js
+++ b/test/runtime/samples/action-custom-event-handler-with-context/_config.js
@@ -1,7 +1,7 @@
export default {
html: '
??? ',
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const event = new window.MouseEvent('click', {
clientX: 42,
clientY: 42
diff --git a/test/runtime/samples/action-document/_config.js b/test/runtime/samples/action-document/_config.js
new file mode 100644
index 0000000000..d33cdb3fa4
--- /dev/null
+++ b/test/runtime/samples/action-document/_config.js
@@ -0,0 +1,14 @@
+export default {
+ html: '
',
+
+ async test({ assert, target, window }) {
+ const visibility = new window.Event('visibilitychange');
+
+ await window.document.dispatchEvent(visibility);
+ assert.htmlEqual(target.innerHTML, `
+
+ `);
+ }
+};
diff --git a/test/runtime/samples/action-document/main.svelte b/test/runtime/samples/action-document/main.svelte
new file mode 100644
index 0000000000..eec4b3fecd
--- /dev/null
+++ b/test/runtime/samples/action-document/main.svelte
@@ -0,0 +1,24 @@
+
+
+
+
diff --git a/test/runtime/samples/action-function/_config.js b/test/runtime/samples/action-function/_config.js
index 07b4087dcc..6aa972f1a8 100644
--- a/test/runtime/samples/action-function/_config.js
+++ b/test/runtime/samples/action-function/_config.js
@@ -3,7 +3,7 @@ export default {
action
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const button = target.querySelector('button');
const eventEnter = new window.MouseEvent('mouseenter');
const eventLeave = new window.MouseEvent('mouseleave');
diff --git a/test/runtime/samples/action-object-deep/_config.js b/test/runtime/samples/action-object-deep/_config.js
index 7fdc11af2b..ce4981c568 100644
--- a/test/runtime/samples/action-object-deep/_config.js
+++ b/test/runtime/samples/action-object-deep/_config.js
@@ -2,7 +2,7 @@ export default {
html: `
action
`,
- async test({ assert, target, window }) {
+ async test({ assert, target }) {
assert.equal(target.querySelector('button').foo, 'bar1337');
}
};
diff --git a/test/runtime/samples/action-object/_config.js b/test/runtime/samples/action-object/_config.js
index 7fdc11af2b..ce4981c568 100644
--- a/test/runtime/samples/action-object/_config.js
+++ b/test/runtime/samples/action-object/_config.js
@@ -2,7 +2,7 @@ export default {
html: `
action
`,
- async test({ assert, target, window }) {
+ async test({ assert, target }) {
assert.equal(target.querySelector('button').foo, 'bar1337');
}
};
diff --git a/test/runtime/samples/action-receives-element-mounted/_config.js b/test/runtime/samples/action-receives-element-mounted/_config.js
index 0806d0fa90..c6f3fcd89f 100644
--- a/test/runtime/samples/action-receives-element-mounted/_config.js
+++ b/test/runtime/samples/action-receives-element-mounted/_config.js
@@ -2,7 +2,7 @@ const result = {};
export default {
props: { result },
- async test({ assert, component, target, window }) {
+ async test({ assert }) {
assert.notEqual(result.parentElement, null);
}
};
diff --git a/test/runtime/samples/action-ternary-template/_config.js b/test/runtime/samples/action-ternary-template/_config.js
index ecb18dceec..8e5e8e2236 100644
--- a/test/runtime/samples/action-ternary-template/_config.js
+++ b/test/runtime/samples/action-ternary-template/_config.js
@@ -8,7 +8,7 @@ export default {
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const header = target.querySelector('h1');
const click = new window.MouseEvent('click');
diff --git a/test/runtime/samples/action-this/_config.js b/test/runtime/samples/action-this/_config.js
index 933ce993b9..85cb917d96 100644
--- a/test/runtime/samples/action-this/_config.js
+++ b/test/runtime/samples/action-this/_config.js
@@ -1,5 +1,5 @@
export default {
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const button = target.querySelector('button');
const click = new window.MouseEvent('click');
diff --git a/test/runtime/samples/action-update-before-destroy/Component.svelte b/test/runtime/samples/action-update-before-destroy/Component.svelte
new file mode 100644
index 0000000000..e38a0fff64
--- /dev/null
+++ b/test/runtime/samples/action-update-before-destroy/Component.svelte
@@ -0,0 +1,27 @@
+
+
+
Click Me
+{#if selected}
+
{item.id}
+{/if}
diff --git a/test/runtime/samples/action-update-before-destroy/_config.js b/test/runtime/samples/action-update-before-destroy/_config.js
new file mode 100644
index 0000000000..a822c4d8a5
--- /dev/null
+++ b/test/runtime/samples/action-update-before-destroy/_config.js
@@ -0,0 +1,16 @@
+export default {
+ html: `
+
Click Me
+
1
+ `,
+ async test({ assert, target, window }) {
+ const button = target.querySelector('button');
+ const event = new window.MouseEvent('click');
+ const messages = [];
+ const log = console.log;
+ console.log = msg => messages.push(msg);
+ await button.dispatchEvent(event);
+ console.log = log;
+ assert.deepEqual(messages, ['afterUpdate', 'onDestroy']);
+ }
+};
diff --git a/test/runtime/samples/action-update-before-destroy/main.svelte b/test/runtime/samples/action-update-before-destroy/main.svelte
new file mode 100644
index 0000000000..7f99ce0f38
--- /dev/null
+++ b/test/runtime/samples/action-update-before-destroy/main.svelte
@@ -0,0 +1,10 @@
+
+
+{#each Object.values($items) as item (item.id)}
+
+{/each}
diff --git a/test/runtime/samples/animation-js-delay/_config.js b/test/runtime/samples/animation-js-delay/_config.js
index 2cee51121f..d7eba13bd4 100644
--- a/test/runtime/samples/animation-js-delay/_config.js
+++ b/test/runtime/samples/animation-js-delay/_config.js
@@ -17,7 +17,7 @@ export default {
e
`,
- test({ assert, component, target, window, raf }) {
+ test({ assert, component, window, raf }) {
let divs = window.document.querySelectorAll('div');
divs.forEach(div => {
div.getBoundingClientRect = function() {
diff --git a/test/runtime/samples/animation-js-easing/_config.js b/test/runtime/samples/animation-js-easing/_config.js
index e466309f57..9cbb77275a 100644
--- a/test/runtime/samples/animation-js-easing/_config.js
+++ b/test/runtime/samples/animation-js-easing/_config.js
@@ -17,7 +17,7 @@ export default {
e
`,
- test({ assert, component, target, window, raf }) {
+ test({ assert, component, raf }) {
let divs = document.querySelectorAll('div');
divs.forEach(div => {
div.getBoundingClientRect = function() {
diff --git a/test/runtime/samples/animation-js/_config.js b/test/runtime/samples/animation-js/_config.js
index 5c5e874b3e..64373d08a3 100644
--- a/test/runtime/samples/animation-js/_config.js
+++ b/test/runtime/samples/animation-js/_config.js
@@ -17,7 +17,7 @@ export default {
e
`,
- test({ assert, component, target, window, raf }) {
+ test({ assert, component, raf }) {
let divs = document.querySelectorAll('div');
divs.forEach(div => {
div.getBoundingClientRect = function() {
diff --git a/test/runtime/samples/apply-directives-in-order-2/_config.js b/test/runtime/samples/apply-directives-in-order-2/_config.js
index caff97a5b9..6072a18b27 100644
--- a/test/runtime/samples/apply-directives-in-order-2/_config.js
+++ b/test/runtime/samples/apply-directives-in-order-2/_config.js
@@ -4,7 +4,7 @@ export default {
value
},
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const inputs = target.querySelectorAll('input');
const event = new window.Event('input');
diff --git a/test/runtime/samples/apply-directives-in-order/_config.js b/test/runtime/samples/apply-directives-in-order/_config.js
index 0c85c97f8b..2e057118b4 100644
--- a/test/runtime/samples/apply-directives-in-order/_config.js
+++ b/test/runtime/samples/apply-directives-in-order/_config.js
@@ -13,7 +13,7 @@ export default {
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const input = target.querySelector('input');
const event = new window.Event('input');
diff --git a/test/runtime/samples/assignment-to-const1/_config.js b/test/runtime/samples/assignment-to-const1/_config.js
new file mode 100644
index 0000000000..2fd0447458
--- /dev/null
+++ b/test/runtime/samples/assignment-to-const1/_config.js
@@ -0,0 +1,3 @@
+export default {
+ html: '
2, 1
'
+};
diff --git a/test/runtime/samples/assignment-to-const1/main.svelte b/test/runtime/samples/assignment-to-const1/main.svelte
new file mode 100644
index 0000000000..f221249193
--- /dev/null
+++ b/test/runtime/samples/assignment-to-const1/main.svelte
@@ -0,0 +1,6 @@
+
+
+
{arr[0]}, {arr[1]}
diff --git a/test/runtime/samples/assignment-to-const2/_config.js b/test/runtime/samples/assignment-to-const2/_config.js
new file mode 100644
index 0000000000..9802ca2c44
--- /dev/null
+++ b/test/runtime/samples/assignment-to-const2/_config.js
@@ -0,0 +1,3 @@
+export default {
+ html: '
[{"a":2},100]
'
+};
diff --git a/test/runtime/samples/assignment-to-const2/main.svelte b/test/runtime/samples/assignment-to-const2/main.svelte
new file mode 100644
index 0000000000..c805e4b589
--- /dev/null
+++ b/test/runtime/samples/assignment-to-const2/main.svelte
@@ -0,0 +1,7 @@
+
+
+
{JSON.stringify(arr)}
diff --git a/test/runtime/samples/attribute-boolean-false/_config.js b/test/runtime/samples/attribute-boolean-false/_config.js
index 935b709fab..e4aaabecaf 100644
--- a/test/runtime/samples/attribute-boolean-false/_config.js
+++ b/test/runtime/samples/attribute-boolean-false/_config.js
@@ -1,6 +1,6 @@
export default {
html: '
',
- test({ assert, component, target }) {
+ test({ assert, target }) {
const textarea = target.querySelector('textarea');
assert.ok(textarea.readOnly === false);
}
diff --git a/test/runtime/samples/attribute-boolean-hidden/_config.js b/test/runtime/samples/attribute-boolean-hidden/_config.js
new file mode 100644
index 0000000000..cb38feb93d
--- /dev/null
+++ b/test/runtime/samples/attribute-boolean-hidden/_config.js
@@ -0,0 +1,10 @@
+export default {
+ props: {
+ hidden: true
+ },
+ html: '
',
+ test({ assert, component, target }) {
+ component.hidden = false;
+ assert.htmlEqual(target.innerHTML, '
');
+ }
+};
diff --git a/test/runtime/samples/attribute-boolean-hidden/main.svelte b/test/runtime/samples/attribute-boolean-hidden/main.svelte
new file mode 100644
index 0000000000..f8d7a26910
--- /dev/null
+++ b/test/runtime/samples/attribute-boolean-hidden/main.svelte
@@ -0,0 +1,5 @@
+
+
+
diff --git a/test/runtime/samples/attribute-boolean-indeterminate/_config.js b/test/runtime/samples/attribute-boolean-indeterminate/_config.js
index d6e97ffc0e..5853e76922 100644
--- a/test/runtime/samples/attribute-boolean-indeterminate/_config.js
+++ b/test/runtime/samples/attribute-boolean-indeterminate/_config.js
@@ -9,10 +9,6 @@ export default {
html: "
",
- // somehow ssr will render indeterminate=""
- // the hydrated html will still contain that attribute
- ssrHtml: "
",
-
test({ assert, component, target }) {
const input = target.querySelector('input');
diff --git a/test/runtime/samples/attribute-boolean-inert/_config.js b/test/runtime/samples/attribute-boolean-inert/_config.js
new file mode 100644
index 0000000000..8f99b4ebd8
--- /dev/null
+++ b/test/runtime/samples/attribute-boolean-inert/_config.js
@@ -0,0 +1,11 @@
+export default {
+ props: {
+ inert: true
+ },
+ test({ assert, target, component }) {
+ const div = target.querySelector('div');
+ assert.ok(div.inert);
+ component.inert = false;
+ assert.ok(!div.inert);
+ }
+};
diff --git a/test/runtime/samples/attribute-boolean-inert/main.svelte b/test/runtime/samples/attribute-boolean-inert/main.svelte
new file mode 100644
index 0000000000..6c3df7e31e
--- /dev/null
+++ b/test/runtime/samples/attribute-boolean-inert/main.svelte
@@ -0,0 +1,5 @@
+
+
+
some div click
diff --git a/test/runtime/samples/attribute-boolean-true/_config.js b/test/runtime/samples/attribute-boolean-true/_config.js
index ccc0814296..89b2fc7c21 100644
--- a/test/runtime/samples/attribute-boolean-true/_config.js
+++ b/test/runtime/samples/attribute-boolean-true/_config.js
@@ -1,7 +1,8 @@
export default {
- html: '
',
- test({ assert, component, target }) {
+ html: '
',
+ test({ assert, target }) {
const textarea = target.querySelector('textarea');
+ assert.equal(textarea.dataset.attr, 'true');
assert.ok(textarea.readOnly);
}
};
diff --git a/test/runtime/samples/attribute-boolean-true/main.svelte b/test/runtime/samples/attribute-boolean-true/main.svelte
index 04d5cab8f9..6474644749 100644
--- a/test/runtime/samples/attribute-boolean-true/main.svelte
+++ b/test/runtime/samples/attribute-boolean-true/main.svelte
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/test/runtime/samples/attribute-escape/_config.js b/test/runtime/samples/attribute-escape/_config.js
new file mode 100644
index 0000000000..25313f01dc
--- /dev/null
+++ b/test/runtime/samples/attribute-escape/_config.js
@@ -0,0 +1,4 @@
+export default {
+ html: '
',
+ ssrHtml: '
'
+};
diff --git a/test/runtime/samples/attribute-escape/main.svelte b/test/runtime/samples/attribute-escape/main.svelte
new file mode 100644
index 0000000000..1b1fdf62a0
--- /dev/null
+++ b/test/runtime/samples/attribute-escape/main.svelte
@@ -0,0 +1 @@
+
`} />
diff --git a/test/runtime/samples/attribute-microdata/_config.js b/test/runtime/samples/attribute-microdata/_config.js
new file mode 100644
index 0000000000..8c6a7765ea
--- /dev/null
+++ b/test/runtime/samples/attribute-microdata/_config.js
@@ -0,0 +1,25 @@
+// There is no relationship between the attribute and the dom node with regards to microdata attributes https://developer.mozilla.org/en-US/docs/Web/HTML/Microdata
+export default {
+ html: `
+
Game - REQUIRES
+
OS
+
+
+
RATING:
+ 4.6 (
+ 8864 ratings )
+
+
+
+
+ Price: $1.00
+
+ `
+};
diff --git a/test/runtime/samples/attribute-microdata/main.svelte b/test/runtime/samples/attribute-microdata/main.svelte
new file mode 100644
index 0000000000..f03a6943d9
--- /dev/null
+++ b/test/runtime/samples/attribute-microdata/main.svelte
@@ -0,0 +1,31 @@
+
+
+
Game - REQUIRES
+
OS
+
+
+
+ RATING:
+ 4.6 (
+ 8864 ratings )
+
+
+
+
+
+ Price: $1.00
+
diff --git a/test/runtime/samples/attribute-namespaced/_config.js b/test/runtime/samples/attribute-namespaced/_config.js
index 275a198219..f3a7f28a93 100644
--- a/test/runtime/samples/attribute-namespaced/_config.js
+++ b/test/runtime/samples/attribute-namespaced/_config.js
@@ -7,7 +7,7 @@ export default {
`,
- test({ assert, component, target }) {
+ test({ assert, target }) {
const use = target.querySelector( 'use' );
assert.equal( use.getAttributeNS( 'http://www.w3.org/1999/xlink', 'href' ), '#bar' );
}
diff --git a/test/runtime/samples/attribute-static-boolean/_config.js b/test/runtime/samples/attribute-static-boolean/_config.js
index 3dba036319..2d31b26747 100644
--- a/test/runtime/samples/attribute-static-boolean/_config.js
+++ b/test/runtime/samples/attribute-static-boolean/_config.js
@@ -1,6 +1,6 @@
export default {
html: '
',
- test({ assert, component, target }) {
+ test({ assert, target }) {
const textarea = target.querySelector( 'textarea' );
assert.ok( textarea.readOnly );
}
diff --git a/test/runtime/samples/await-conservative-update/_config.js b/test/runtime/samples/await-conservative-update/_config.js
index 20a9448ebd..c548a400af 100644
--- a/test/runtime/samples/await-conservative-update/_config.js
+++ b/test/runtime/samples/await-conservative-update/_config.js
@@ -5,7 +5,7 @@ export default {
loading...
`,
- test({ assert, component, target }) {
+ test({ assert, target }) {
return sleep(50).then(() => {
assert.htmlEqual(target.innerHTML, `
the answer is 42
diff --git a/test/runtime/samples/await-function-promise/_config.js b/test/runtime/samples/await-function-promise/_config.js
new file mode 100644
index 0000000000..b6a9de6856
--- /dev/null
+++ b/test/runtime/samples/await-function-promise/_config.js
@@ -0,0 +1,19 @@
+const realPromise = Promise.resolve(42);
+
+const promise = () => {};
+promise.then = realPromise.then.bind(realPromise);
+promise.catch = realPromise.catch.bind(realPromise);
+
+export default {
+ props: {
+ promise
+ },
+
+ test({ assert, target }) {
+ return promise.then(() => {
+ assert.htmlEqual(target.innerHTML, `
+
42
+ `);
+ });
+ }
+};
diff --git a/test/runtime/samples/await-function-promise/main.svelte b/test/runtime/samples/await-function-promise/main.svelte
new file mode 100644
index 0000000000..aaefc6b782
--- /dev/null
+++ b/test/runtime/samples/await-function-promise/main.svelte
@@ -0,0 +1,7 @@
+
+
+{#await promise then value}
+
{JSON.stringify(value)}
+{/await}
diff --git a/test/runtime/samples/await-in-each/_config.js b/test/runtime/samples/await-in-each/_config.js
index a648bbe38a..617194a95c 100644
--- a/test/runtime/samples/await-in-each/_config.js
+++ b/test/runtime/samples/await-in-each/_config.js
@@ -18,7 +18,7 @@ export default {
a title: loading...
`,
- test({ assert, component, target }) {
+ test({ assert, target }) {
fulfil(42);
return thePromise
diff --git a/test/runtime/samples/await-mount-and-unmount-immediately/Component.svelte b/test/runtime/samples/await-mount-and-unmount-immediately/Component.svelte
new file mode 100644
index 0000000000..be0c7e36b0
--- /dev/null
+++ b/test/runtime/samples/await-mount-and-unmount-immediately/Component.svelte
@@ -0,0 +1,13 @@
+
+
+{state}
diff --git a/test/runtime/samples/await-mount-and-unmount-immediately/_config.js b/test/runtime/samples/await-mount-and-unmount-immediately/_config.js
new file mode 100644
index 0000000000..b944091319
--- /dev/null
+++ b/test/runtime/samples/await-mount-and-unmount-immediately/_config.js
@@ -0,0 +1,9 @@
+export default {
+ html: 'Loading...',
+ async test({ assert, component, target }) {
+ await component.test();
+
+ assert.htmlEqual(target.innerHTML, '1');
+ assert.deepEqual(component.logs, ['mount 0', 'unmount 0', 'mount 1']);
+ }
+};
diff --git a/test/runtime/samples/await-mount-and-unmount-immediately/main.svelte b/test/runtime/samples/await-mount-and-unmount-immediately/main.svelte
new file mode 100644
index 0000000000..245304be83
--- /dev/null
+++ b/test/runtime/samples/await-mount-and-unmount-immediately/main.svelte
@@ -0,0 +1,36 @@
+
+
+{#await promise}
+ Loading...
+{:then state}
+
+{/await}
\ No newline at end of file
diff --git a/test/runtime/samples/await-then-catch-order/_config.js b/test/runtime/samples/await-then-catch-order/_config.js
index f972520904..29fc074162 100644
--- a/test/runtime/samples/await-then-catch-order/_config.js
+++ b/test/runtime/samples/await-then-catch-order/_config.js
@@ -13,7 +13,7 @@ export default {
loading...
true!
`,
- test({ assert, component, target }) {
+ test({ assert, target }) {
fulfil(42);
return thePromise
diff --git a/test/runtime/samples/await-then-catch-static/_config.js b/test/runtime/samples/await-then-catch-static/_config.js
index 35fc865d44..6918986950 100644
--- a/test/runtime/samples/await-then-catch-static/_config.js
+++ b/test/runtime/samples/await-then-catch-static/_config.js
@@ -22,7 +22,7 @@ export default {
loaded
`);
- promise = new Promise((f, r) => {
+ promise = new Promise((f, _) => {
fulfil = f;
});
diff --git a/test/runtime/samples/await-then-destruct-array/_config.js b/test/runtime/samples/await-then-destruct-array/_config.js
index 55c48481e0..58a66a698d 100644
--- a/test/runtime/samples/await-then-destruct-array/_config.js
+++ b/test/runtime/samples/await-then-destruct-array/_config.js
@@ -1,6 +1,6 @@
export default {
props: {
- thePromise: new Promise(resolve => {})
+ thePromise: new Promise(_ => {})
},
html: `
diff --git a/test/runtime/samples/await-then-destruct-computed-props/_config.js b/test/runtime/samples/await-then-destruct-computed-props/_config.js
new file mode 100644
index 0000000000..6d147535e3
--- /dev/null
+++ b/test/runtime/samples/await-then-destruct-computed-props/_config.js
@@ -0,0 +1,32 @@
+export default {
+ async test({ assert, component, target }) {
+ await Promise.resolve();
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
propA: 3
+
propB: 7
+
num: 3
+
rest: {"prop3":{"prop9":9,"prop10":10}}
+
propZ: 5
+
propY: 6
+
rest: {"propX":7,"propW":8}
+ `
+ );
+
+ await (component.object = Promise.resolve({ prop1: 'one', prop2: 'two', prop3: { prop7: 'seven' }, prop4: { prop10: 'ten' }}));
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
propA: seven
+
propB: ten
+
num: 5
+
rest: {"prop1":"one","prop2":"two"}
+
propZ: 5
+
propY: 6
+
rest: {"propX":7,"propW":8}
+ `
+ );
+ }
+};
diff --git a/test/runtime/samples/await-then-destruct-computed-props/main.svelte b/test/runtime/samples/await-then-destruct-computed-props/main.svelte
new file mode 100644
index 0000000000..71756d6cf3
--- /dev/null
+++ b/test/runtime/samples/await-then-destruct-computed-props/main.svelte
@@ -0,0 +1,23 @@
+
+
+{#await object then { [`prop${num++}`]: { [`prop${num + 3}`]: propA }, [`prop${num++}`]: { [`prop${num + 5}`]: propB }, ...rest }}
+
propA: {propA}
+
propB: {propB}
+
num: {num}
+
rest: {JSON.stringify(rest)}
+{/await}
+
+{#await objectReject then value}
+ resolved
+{:catch { [`${prop}Z`]: propZ, [`${prop}Y`]: propY, ...rest }}
+
propZ: {propZ}
+
propY: {propY}
+
rest: {JSON.stringify(rest)}
+{/await}
+
diff --git a/test/runtime/samples/await-then-destruct-default/_config.js b/test/runtime/samples/await-then-destruct-default/_config.js
index d0e5a49f28..151f2c91f7 100644
--- a/test/runtime/samples/await-then-destruct-default/_config.js
+++ b/test/runtime/samples/await-then-destruct-default/_config.js
@@ -1,5 +1,5 @@
export default {
- async test({ assert, component, target }) {
+ async test({ assert, target }) {
await Promise.resolve();
assert.htmlEqual(
diff --git a/test/runtime/samples/await-then-destruct-number-props/_config.js b/test/runtime/samples/await-then-destruct-number-props/_config.js
new file mode 100644
index 0000000000..6ef5e978d1
--- /dev/null
+++ b/test/runtime/samples/await-then-destruct-number-props/_config.js
@@ -0,0 +1,63 @@
+export default {
+ props: {
+ thePromise: new Promise(_ => {})
+ },
+
+ html: `
+ loading...
+ `,
+
+ async test({ assert, component, target }) {
+ await (component.thePromise = Promise.resolve([10, 11, 12, 13, 14, 15]));
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
[1] 11
+
[3] 13
+
[4] 14
+ `
+ );
+
+ await (component.thePromise = Promise.resolve({ 1: 21, 3: 23, 4: 24 }));
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
[1] 21
+
[3] 23
+
[4] 24
+ `
+ );
+
+ try {
+ await (component.thePromise = Promise.reject([30, 31, 32, 33, 34, 35]));
+ } catch (e) {
+ // do nothing
+ }
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
[0] 30
+
[2] 32
+
[5] 35
+ `
+ );
+
+ try {
+ await (component.thePromise = Promise.reject({ 0: 40, 2: 42, 5: 45 }));
+ } catch (e) {
+ // do nothing
+ }
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
[0] 40
+
[2] 42
+
[5] 45
+ `
+ );
+ }
+};
diff --git a/test/runtime/samples/await-then-destruct-number-props/main.svelte b/test/runtime/samples/await-then-destruct-number-props/main.svelte
new file mode 100644
index 0000000000..aaeee9b353
--- /dev/null
+++ b/test/runtime/samples/await-then-destruct-number-props/main.svelte
@@ -0,0 +1,15 @@
+
+
+{#await thePromise}
+ loading...
+{:then { 1: a, 3: b, 4: c }}
+
[1] {a}
+
[3] {b}
+
[4] {c}
+{:catch { 0: d, 2: e, 5: f }}
+
[0] {d}
+
[2] {e}
+
[5] {f}
+{/await}
diff --git a/test/runtime/samples/await-then-destruct-object/_config.js b/test/runtime/samples/await-then-destruct-object/_config.js
index 7d08ad3711..47e8422cc4 100644
--- a/test/runtime/samples/await-then-destruct-object/_config.js
+++ b/test/runtime/samples/await-then-destruct-object/_config.js
@@ -1,6 +1,6 @@
export default {
props: {
- thePromise: new Promise(resolve => {})
+ thePromise: new Promise(_ => {})
},
html: `
diff --git a/test/runtime/samples/await-then-destruct-rest/_config.js b/test/runtime/samples/await-then-destruct-rest/_config.js
index 528568e569..0a7445b535 100644
--- a/test/runtime/samples/await-then-destruct-rest/_config.js
+++ b/test/runtime/samples/await-then-destruct-rest/_config.js
@@ -1,5 +1,5 @@
export default {
- async test({ assert, component, target }) {
+ async test({ assert, target }) {
await Promise.resolve();
assert.htmlEqual(
diff --git a/test/runtime/samples/await-then-destruct-string-props/_config.js b/test/runtime/samples/await-then-destruct-string-props/_config.js
new file mode 100644
index 0000000000..6517f6bf20
--- /dev/null
+++ b/test/runtime/samples/await-then-destruct-string-props/_config.js
@@ -0,0 +1,17 @@
+export default {
+ async test({ assert, target }) {
+ await Promise.resolve();
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
prop-1: 1
+
prop4: 4
+
rest: {"prop2":2,"prop-3":3}
+
prop-7: 7
+
prop6: 6
+
rest: {"prop-5":5,"prop8":8}
+ `
+ );
+ }
+};
diff --git a/test/runtime/samples/await-then-destruct-string-props/main.svelte b/test/runtime/samples/await-then-destruct-string-props/main.svelte
new file mode 100644
index 0000000000..608b1161f5
--- /dev/null
+++ b/test/runtime/samples/await-then-destruct-string-props/main.svelte
@@ -0,0 +1,19 @@
+
+
+{#await object then { 'prop-1': prop1, 'prop4': fourthProp, ...rest }}
+
prop-1: {prop1}
+
prop4: {fourthProp}
+
rest: {JSON.stringify(rest)}
+{/await}
+
+{#await objectReject then value}
+ resolved
+{:catch { 'prop-7': prop7, 'prop6': sixthProp, ...rest }}
+
prop-7: {prop7}
+
prop6: {sixthProp}
+
rest: {JSON.stringify(rest)}
+{/await}
+
diff --git a/test/runtime/samples/await-then-if/_config.js b/test/runtime/samples/await-then-if/_config.js
index f9e81dd2cc..f29f5df0e5 100644
--- a/test/runtime/samples/await-then-if/_config.js
+++ b/test/runtime/samples/await-then-if/_config.js
@@ -13,11 +13,11 @@ export default {
loading...
`,
- async test({ assert, component, target }) {
+ async test({ assert, target }) {
fulfil([]);
await thePromise;
-
+
assert.htmlEqual(target.innerHTML, `
promise array is empty
`);
diff --git a/test/runtime/samples/binding-contenteditable-innertext/_config.js b/test/runtime/samples/binding-contenteditable-innertext/_config.js
new file mode 100644
index 0000000000..36e762ac24
--- /dev/null
+++ b/test/runtime/samples/binding-contenteditable-innertext/_config.js
@@ -0,0 +1,25 @@
+export default {
+ props: {
+ name: 'world'
+ },
+
+ ssrHtml: `
+
world
+
hello world
+ `,
+
+ async test({ assert, component, target, window }) {
+ // JSDom doesn't support innerText yet, so the test is not ideal
+ // https://github.com/jsdom/jsdom/issues/1245
+ const el = target.querySelector('editor');
+ assert.equal(el.innerText, 'world');
+
+ const event = new window.Event('input');
+ el.innerText = 'everybody';
+ await el.dispatchEvent(event);
+ assert.equal(component.name, 'everybody');
+
+ component.name = 'goodbye';
+ assert.equal(el.innerText, 'goodbye');
+ }
+};
diff --git a/test/runtime/samples/binding-contenteditable-innertext/main.svelte b/test/runtime/samples/binding-contenteditable-innertext/main.svelte
new file mode 100644
index 0000000000..d65350d1a8
--- /dev/null
+++ b/test/runtime/samples/binding-contenteditable-innertext/main.svelte
@@ -0,0 +1,6 @@
+
+
+
+
hello {name}
diff --git a/test/runtime/samples/binding-indirect-value/Component.svelte b/test/runtime/samples/binding-indirect-value/Component.svelte
new file mode 100644
index 0000000000..25bf0d6758
--- /dev/null
+++ b/test/runtime/samples/binding-indirect-value/Component.svelte
@@ -0,0 +1,6 @@
+
+
+Child component "{value}"
diff --git a/test/runtime/samples/binding-indirect-value/_config.js b/test/runtime/samples/binding-indirect-value/_config.js
new file mode 100644
index 0000000000..4eaf6839aa
--- /dev/null
+++ b/test/runtime/samples/binding-indirect-value/_config.js
@@ -0,0 +1,8 @@
+export default {
+ async test({ assert, target }) {
+ assert.htmlEqual(target.innerHTML, `
+ Parent component "bar"
+ Child component "bar"
+ `);
+ }
+};
diff --git a/test/runtime/samples/binding-indirect-value/main.svelte b/test/runtime/samples/binding-indirect-value/main.svelte
new file mode 100644
index 0000000000..db2734c890
--- /dev/null
+++ b/test/runtime/samples/binding-indirect-value/main.svelte
@@ -0,0 +1,8 @@
+
+
+Parent component "{value}"
+
diff --git a/test/runtime/samples/binding-input-group-duplicate-value/_config.js b/test/runtime/samples/binding-input-group-duplicate-value/_config.js
index b5f3ae0115..db7dd84dee 100644
--- a/test/runtime/samples/binding-input-group-duplicate-value/_config.js
+++ b/test/runtime/samples/binding-input-group-duplicate-value/_config.js
@@ -17,7 +17,7 @@ export default {
d
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const inputs = target.querySelectorAll('input');
const p = target.querySelector('p');
diff --git a/test/runtime/samples/binding-input-group-each-10/_config.js b/test/runtime/samples/binding-input-group-each-10/_config.js
new file mode 100644
index 0000000000..735a4c0b11
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-10/_config.js
@@ -0,0 +1,52 @@
+// https://github.com/sveltejs/svelte/issues/7633
+export default {
+ async test({ assert, target, component }) {
+ let inputs = target.querySelectorAll('input');
+
+ assert.equal(inputs[0].checked, true);
+ assert.equal(inputs[1].checked, false);
+ assert.equal(inputs[2].checked, false);
+
+ component.moveDown(0);
+ component.moveDown(1);
+ await Promise.resolve();
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
+ b
+
+ c
+
+ a
+ `
+ );
+
+ // after shifting order, should still keep the correct radio checked
+ inputs = target.querySelectorAll('input');
+ assert.equal(inputs[0].checked, false);
+ assert.equal(inputs[1].checked, false);
+ assert.equal(inputs[2].checked, true);
+
+ (component.current = 'b');
+ await Promise.resolve();
+
+ inputs = target.querySelectorAll('input');
+ assert.equal(inputs[0].checked, true);
+ assert.equal(inputs[1].checked, false);
+ assert.equal(inputs[2].checked, false);
+
+ component.moveDown(1);
+ await Promise.resolve();
+
+ // after shifting order, should still keep the correct radio checked
+ inputs = target.querySelectorAll('input');
+ assert.equal(inputs[0].checked, true);
+ assert.equal(inputs[1].checked, false);
+ assert.equal(inputs[2].checked, false);
+ }
+};
diff --git a/test/runtime/samples/binding-input-group-each-10/main.svelte b/test/runtime/samples/binding-input-group-each-10/main.svelte
new file mode 100644
index 0000000000..7c81cada9a
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-10/main.svelte
@@ -0,0 +1,36 @@
+
+
+{#each list as item (item.name)}
+
+ {item.name}
+ {#if true}
+
+{/each}
+
diff --git a/test/runtime/samples/binding-input-group-each-11/_config.js b/test/runtime/samples/binding-input-group-each-11/_config.js
new file mode 100644
index 0000000000..a90993861a
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-11/_config.js
@@ -0,0 +1,88 @@
+// https://github.com/sveltejs/svelte/issues/6112
+export default {
+ async test({ assert, target, component, window }) {
+ let inputs = target.querySelectorAll('input');
+
+ const check = (set) => {
+ for (let i = 0; i < inputs.length; i++) {
+ assert.equal(inputs[i].checked, set.has(i));
+ }
+ };
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
1
+
+
+ `
+ );
+
+ check(new Set([0, 2, 5, 6]));
+
+ const event = new window.Event('change');
+
+ // dom to value
+ inputs[3].checked = true;
+ await inputs[3].dispatchEvent(event);
+
+ check(new Set([0, 3, 5, 6]));
+ assert.equal(component.pipelineOperations[1].operation.args[1].value, 'd');
+
+ // remove item
+ component.pipelineOperations = component.pipelineOperations.slice(1);
+ await Promise.resolve();
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
+
+ `
+ );
+
+ inputs = target.querySelectorAll('input');
+ check(new Set([0, 3, 5, 6]));
+
+ inputs[2].checked = true;
+ await inputs[2].dispatchEvent(event);
+
+ check(new Set([0, 2, 5, 6]));
+ }
+};
diff --git a/test/runtime/samples/binding-input-group-each-11/main.svelte b/test/runtime/samples/binding-input-group-each-11/main.svelte
new file mode 100644
index 0000000000..7c759b5bb4
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-11/main.svelte
@@ -0,0 +1,60 @@
+
+
+{#each pipelineOperations as { operation, id } (id)}
+
+ {id}
+ {#each operation.args as arg}
+
+ {#each arg.options as { value }}
+
+ {/each}
+
+{/each}
diff --git a/test/runtime/samples/binding-input-group-each-12/_config.js b/test/runtime/samples/binding-input-group-each-12/_config.js
new file mode 100644
index 0000000000..a3d6c92879
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-12/_config.js
@@ -0,0 +1,89 @@
+// https://github.com/sveltejs/svelte/issues/6112
+export default {
+ async test({ assert, target, component, window }) {
+ let inputs = target.querySelectorAll('input');
+
+ const check = (set) => {
+ for (let i = 0; i < inputs.length; i++) {
+ assert.equal(inputs[i].checked, set.has(i));
+ }
+ };
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
1
+
+
+ `
+ );
+
+ check(new Set([0, 2]));
+
+ const event = new window.Event('change');
+
+ // dom to value
+ inputs[3].checked = true;
+ await inputs[3].dispatchEvent(event);
+
+ check(new Set([0, 2, 3]));
+ assert.deepEqual(component.pipelineOperations[1].operation.args[1].value, ['c', 'd']);
+
+ // remove item
+ component.pipelineOperations = component.pipelineOperations.slice(1);
+ await Promise.resolve();
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
+
+ `
+ );
+
+ inputs = target.querySelectorAll('input');
+ check(new Set([0, 2, 3]));
+
+ inputs[5].checked = true;
+ await inputs[5].dispatchEvent(event);
+
+ check(new Set([0, 2, 3, 5]));
+ assert.deepEqual(component.pipelineOperations[1].operation.args[0].value, ['b']);
+ }
+};
diff --git a/test/runtime/samples/binding-input-group-each-12/main.svelte b/test/runtime/samples/binding-input-group-each-12/main.svelte
new file mode 100644
index 0000000000..289353778a
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-12/main.svelte
@@ -0,0 +1,60 @@
+
+
+{#each pipelineOperations as { operation, id } (id)}
+
+ {id}
+ {#each operation.args as arg}
+
+ {#each arg.options as { value }}
+
+ {/each}
+
+{/each}
diff --git a/test/runtime/samples/binding-input-group-each-13/_config.js b/test/runtime/samples/binding-input-group-each-13/_config.js
new file mode 100644
index 0000000000..affb94b8fb
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-13/_config.js
@@ -0,0 +1,30 @@
+export default {
+ async test({ assert, target, window }) {
+ const [input1, input2] = target.querySelectorAll('input[type=text]');
+ const radio = target.querySelector('input[type=radio]');
+
+ assert.equal(radio.checked, false);
+
+ const event = new window.Event('input');
+
+ input1.value = 'world';
+ await input1.dispatchEvent(event);
+ assert.equal(radio.checked, true);
+
+ input2.value = 'foo';
+ await input2.dispatchEvent(event);
+ assert.equal(radio.checked, false);
+
+ input1.value = 'foo';
+ await input1.dispatchEvent(event);
+ assert.equal(radio.checked, true);
+
+ input1.value = 'bar';
+ await input1.dispatchEvent(event);
+ assert.equal(radio.checked, false);
+
+ input2.value = 'bar';
+ await input2.dispatchEvent(event);
+ assert.equal(radio.checked, true);
+ }
+};
diff --git a/test/runtime/samples/binding-input-group-each-13/main.svelte b/test/runtime/samples/binding-input-group-each-13/main.svelte
new file mode 100644
index 0000000000..592be2ae9d
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-13/main.svelte
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
diff --git a/test/runtime/samples/binding-input-group-each-6/_config.js b/test/runtime/samples/binding-input-group-each-6/_config.js
index 4d280ed7ac..7fd1232a27 100644
--- a/test/runtime/samples/binding-input-group-each-6/_config.js
+++ b/test/runtime/samples/binding-input-group-each-6/_config.js
@@ -13,7 +13,7 @@ export default {
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const inputs = target.querySelectorAll('input');
assert.equal(inputs[0].checked, false);
assert.equal(inputs[1].checked, false);
diff --git a/test/runtime/samples/binding-input-group-each-7/_config.js b/test/runtime/samples/binding-input-group-each-7/_config.js
index 3063141983..7535001f67 100644
--- a/test/runtime/samples/binding-input-group-each-7/_config.js
+++ b/test/runtime/samples/binding-input-group-each-7/_config.js
@@ -20,7 +20,7 @@ export default {
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const inputs = target.querySelectorAll('input');
const checked = new Set();
const checkInbox = async (i) => {
diff --git a/test/runtime/samples/binding-input-group-each-8/_config.js b/test/runtime/samples/binding-input-group-each-8/_config.js
new file mode 100644
index 0000000000..b17b801a83
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-8/_config.js
@@ -0,0 +1,78 @@
+// https://github.com/sveltejs/svelte/issues/7884
+export default {
+ async test({ assert, target, component, window }) {
+ let inputs = target.querySelectorAll('input');
+
+ assert.htmlEqual(target.innerHTML, `
+
{"foo":[],"bar":[]}
+
foo
+
+
bar
+
+ `);
+
+ const event = new window.Event('change');
+
+ inputs[0].checked = true;
+ await inputs[0].dispatchEvent(event);
+ inputs[2].checked = true;
+ await inputs[2].dispatchEvent(event);
+ inputs[3].checked = true;
+ await inputs[3].dispatchEvent(event);
+
+ assert.htmlEqual(target.innerHTML, `
+
{"foo":[1,3],"bar":[1]}
+
foo
+
+
bar
+
+ `);
+
+ await component.update();
+
+ assert.htmlEqual(target.innerHTML, `
+
{"foo":[1,3],"bar":[1],"qux":[]}
+
qux
+
+ `);
+
+ inputs = target.querySelectorAll('input');
+ inputs[0].checked = true;
+ await inputs[0].dispatchEvent(event);
+
+ assert.htmlEqual(target.innerHTML, `
+
{"foo":[1,3],"bar":[1],"qux":[4]}
+
qux
+
+ `);
+ assert.equal(inputs[0].checked, true);
+ assert.equal(inputs[1].checked, false);
+ assert.equal(inputs[2].checked, false);
+ }
+};
+
+
diff --git a/test/runtime/samples/binding-input-group-each-8/main.svelte b/test/runtime/samples/binding-input-group-each-8/main.svelte
new file mode 100644
index 0000000000..a6c5bccac0
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-8/main.svelte
@@ -0,0 +1,36 @@
+
+
+
+ {JSON.stringify(object)}
+
+
+{#each keys as key (key)}
+
{key}
+
+{/each}
diff --git a/test/runtime/samples/binding-input-group-each-9/_config.js b/test/runtime/samples/binding-input-group-each-9/_config.js
new file mode 100644
index 0000000000..55bb11c26a
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-9/_config.js
@@ -0,0 +1,49 @@
+// https://github.com/sveltejs/svelte/issues/7633
+export default {
+ async test({ assert, target, component }) {
+ let inputs = target.querySelectorAll('input');
+
+ assert.equal(inputs[0].checked, true);
+ assert.equal(inputs[1].checked, false);
+ assert.equal(inputs[2].checked, false);
+
+ await component.moveDown(0);
+ await component.moveDown(1);
+
+ assert.htmlEqual(
+ target.innerHTML,
+ `
+
+ b
+
+ c
+
+ a
+ `
+ );
+
+ // after shifting order, should still keep the correct radio checked
+ inputs = target.querySelectorAll('input');
+ assert.equal(inputs[0].checked, false);
+ assert.equal(inputs[1].checked, false);
+ assert.equal(inputs[2].checked, true);
+
+ await (component.current = 'b');
+
+ inputs = target.querySelectorAll('input');
+ assert.equal(inputs[0].checked, true);
+ assert.equal(inputs[1].checked, false);
+ assert.equal(inputs[2].checked, false);
+
+ await component.moveDown(1);
+
+ // after shifting order, should still keep the correct radio checked
+ inputs = target.querySelectorAll('input');
+ assert.equal(inputs[0].checked, true);
+ assert.equal(inputs[1].checked, false);
+ assert.equal(inputs[2].checked, false);
+ }
+};
diff --git a/test/runtime/samples/binding-input-group-each-9/main.svelte b/test/runtime/samples/binding-input-group-each-9/main.svelte
new file mode 100644
index 0000000000..ee89123a9a
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-each-9/main.svelte
@@ -0,0 +1,36 @@
+
+
+{#each list as item}
+
+ {item.name}
+ {#if true}
+
+{/each}
+
diff --git a/test/runtime/samples/binding-input-group-if-gh-8372-1/_config.js b/test/runtime/samples/binding-input-group-if-gh-8372-1/_config.js
new file mode 100644
index 0000000000..bdc4da2d57
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-if-gh-8372-1/_config.js
@@ -0,0 +1,40 @@
+export default {
+ async test({ assert, target, component, window }) {
+ const button = target.querySelector('button');
+ const clickEvent = new window.Event('click');
+ const changeEvent = new window.Event('change');
+
+ const [input1, input2] = target.querySelectorAll('input[type="checkbox"]');
+ function validate_inputs(v1, v2) {
+ assert.equal(input1.checked, v1);
+ assert.equal(input2.checked, v2);
+ }
+
+ assert.deepEqual(component.test, []);
+ validate_inputs(false, false);
+
+ component.test = ['a', 'b'];
+ validate_inputs(true, true);
+
+ input1.checked = false;
+ await input1.dispatchEvent(changeEvent);
+ assert.deepEqual(component.test, ['b']);
+
+ input2.checked = false;
+ await input2.dispatchEvent(changeEvent);
+ assert.deepEqual(component.test, []);
+
+ input1.checked = true;
+ input2.checked = true;
+ await input1.dispatchEvent(changeEvent);
+ await input2.dispatchEvent(changeEvent);
+ assert.deepEqual(component.test, ['b', 'a']);
+
+ await button.dispatchEvent(clickEvent);
+ assert.deepEqual(component.test, ['b', 'a']); // should it be ['a'] only? valid arguments for both outcomes
+
+ input1.checked = false;
+ await input1.dispatchEvent(changeEvent);
+ assert.deepEqual(component.test, []);
+ }
+};
diff --git a/test/runtime/samples/binding-input-group-if-gh-8372-1/main.svelte b/test/runtime/samples/binding-input-group-if-gh-8372-1/main.svelte
new file mode 100644
index 0000000000..71955b6b81
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-if-gh-8372-1/main.svelte
@@ -0,0 +1,14 @@
+
+
+
hidden = !hidden}>
+ {hidden ? "show" : "hide"} b
+
+
+
a
+{#if !hidden}
+
b
+{/if}
+
c
diff --git a/test/runtime/samples/binding-input-group-if-gh-8372-2/_config.js b/test/runtime/samples/binding-input-group-if-gh-8372-2/_config.js
new file mode 100644
index 0000000000..a8d5a7137f
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-if-gh-8372-2/_config.js
@@ -0,0 +1,34 @@
+export default {
+ async test({ assert, target, component, window }) {
+ const button = target.querySelector('button');
+ const clickEvent = new window.Event('click');
+ const changeEvent = new window.Event('change');
+
+ const [input1, input2] = target.querySelectorAll('input[type="radio"]');
+ function validate_inputs(v1, v2) {
+ assert.equal(input1.checked, v1);
+ assert.equal(input2.checked, v2);
+ }
+
+ component.test = 'a';
+ validate_inputs(true, false);
+
+ component.test = 'b';
+ validate_inputs(false, true);
+
+ input1.checked = true;
+ await input1.dispatchEvent(changeEvent);
+ assert.deepEqual(component.test, 'a');
+
+ input2.checked = true;
+ await input2.dispatchEvent(changeEvent);
+ assert.deepEqual(component.test, 'b');
+
+ await button.dispatchEvent(clickEvent);
+ assert.deepEqual(component.test, 'b'); // should it be undefined? valid arguments for both outcomes
+
+ input1.checked = true;
+ await input1.dispatchEvent(changeEvent);
+ assert.deepEqual(component.test, 'a');
+ }
+};
diff --git a/test/runtime/samples/binding-input-group-if-gh-8372-2/main.svelte b/test/runtime/samples/binding-input-group-if-gh-8372-2/main.svelte
new file mode 100644
index 0000000000..9add22cacc
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-if-gh-8372-2/main.svelte
@@ -0,0 +1,14 @@
+
+
+
hidden = !hidden}>
+ {hidden ? "show" : "hide"} b
+
+
+
a
+{#if !hidden}
+
b
+{/if}
+
c
diff --git a/test/runtime/samples/binding-input-group-undefined/_config.js b/test/runtime/samples/binding-input-group-undefined/_config.js
new file mode 100644
index 0000000000..501e37813c
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-undefined/_config.js
@@ -0,0 +1,25 @@
+export default {
+
+ async test({ assert, target, component, window }) {
+ const [input1, input2, input3] = target.querySelectorAll('input');
+ const event = new window.Event('change');
+
+ function validate_inputs(v1, v2, v3) {
+ assert.equal(input1.checked, v1);
+ assert.equal(input2.checked, v2);
+ assert.equal(input3.checked, v3);
+ }
+
+ assert.deepEqual(component.values.inner, []);
+ validate_inputs(false, false, false);
+
+ component.values = { inner: undefined };
+ assert.deepEqual(component.values.inner, undefined);
+ validate_inputs(false, false, false);
+
+ input1.checked = true;
+ await input1.dispatchEvent(event);
+ assert.deepEqual(component.values.inner, ['first']);
+ validate_inputs(true, false, false);
+ }
+};
diff --git a/test/runtime/samples/binding-input-group-undefined/main.svelte b/test/runtime/samples/binding-input-group-undefined/main.svelte
new file mode 100644
index 0000000000..4dadc84a31
--- /dev/null
+++ b/test/runtime/samples/binding-input-group-undefined/main.svelte
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+ {#each ['first', 'second', 'third'] as k}
+ {k}
+ {/each}
+
diff --git a/test/runtime/samples/binding-input-member-expression-update/_config.js b/test/runtime/samples/binding-input-member-expression-update/_config.js
new file mode 100644
index 0000000000..c0dfc3bbe8
--- /dev/null
+++ b/test/runtime/samples/binding-input-member-expression-update/_config.js
@@ -0,0 +1,18 @@
+// binding member expression shouldn't invalidate the property name
+export default {
+ async test({ assert, component, target, window }) {
+ const input = target.querySelector('input');
+ assert.deepEqual(component.logs.length, 1);
+ assert.equal(input.value, 'abc');
+
+ input.value = 'hij';
+ await input.dispatchEvent(new window.Event('input'));
+
+ assert.deepEqual(component.values.a, 'hij');
+ assert.deepEqual(component.logs.length, 1);
+
+ component.paths = ['b'];
+ assert.deepEqual(component.logs.length, 2);
+ assert.equal(input.value, 'def');
+ }
+};
diff --git a/test/runtime/samples/binding-input-member-expression-update/main.svelte b/test/runtime/samples/binding-input-member-expression-update/main.svelte
new file mode 100644
index 0000000000..dc72b229ba
--- /dev/null
+++ b/test/runtime/samples/binding-input-member-expression-update/main.svelte
@@ -0,0 +1,9 @@
+
+
+
diff --git a/test/runtime/samples/binding-input-text-undefined/_config.js b/test/runtime/samples/binding-input-text-undefined/_config.js
index fa59b1f796..82cada3b15 100644
--- a/test/runtime/samples/binding-input-text-undefined/_config.js
+++ b/test/runtime/samples/binding-input-text-undefined/_config.js
@@ -7,7 +7,7 @@ export default {
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, component, target }) {
const input = target.querySelector('input');
assert.equal(input.value, '');
diff --git a/test/runtime/samples/binding-no-unnecessary-invalidation.skip/Tab.svelte b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/Tab.svelte
new file mode 100644
index 0000000000..86e2413898
--- /dev/null
+++ b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/Tab.svelte
@@ -0,0 +1,3 @@
+
diff --git a/test/runtime/samples/binding-no-unnecessary-invalidation.skip/_config.js b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/_config.js
new file mode 100644
index 0000000000..d7e553fd46
--- /dev/null
+++ b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/_config.js
@@ -0,0 +1,10 @@
+// this test currently fails because the fix that made it pass broke other tests,
+// see https://github.com/sveltejs/svelte/pull/8114 for more context.
+export default {
+ skip: true,
+ async test({ assert, target }) {
+ assert.htmlEqual(target.innerHTML, `
+
0
+ `);
+ }
+};
diff --git a/test/runtime/samples/binding-no-unnecessary-invalidation.skip/main.svelte b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/main.svelte
new file mode 100644
index 0000000000..c57781cc97
--- /dev/null
+++ b/test/runtime/samples/binding-no-unnecessary-invalidation.skip/main.svelte
@@ -0,0 +1,17 @@
+
+
+
+
{i}
diff --git a/test/runtime/samples/binding-select-initial-value-undefined-2/_config.js b/test/runtime/samples/binding-select-initial-value-undefined-2/_config.js
new file mode 100644
index 0000000000..f7c91809bd
--- /dev/null
+++ b/test/runtime/samples/binding-select-initial-value-undefined-2/_config.js
@@ -0,0 +1,25 @@
+export default {
+ skip_if_ssr: true, // TODO would be nice to fix this in SSR as well
+
+ html: `
+
selected: b
+
+
+ a
+ b
+ c
+
+
+
selected: b
+ `,
+
+ test({ assert, component, target }) {
+ assert.equal(component.selected, 'b');
+ const select = target.querySelector('select');
+ const options = [...target.querySelectorAll('option')];
+
+ // option with selected attribute should be selected
+ assert.equal(select.value, 'b');
+ assert.ok(options[1].selected);
+ }
+};
diff --git a/test/runtime/samples/binding-select-initial-value-undefined-2/main.svelte b/test/runtime/samples/binding-select-initial-value-undefined-2/main.svelte
new file mode 100644
index 0000000000..0640a9ce27
--- /dev/null
+++ b/test/runtime/samples/binding-select-initial-value-undefined-2/main.svelte
@@ -0,0 +1,13 @@
+
+
+
selected: {selected}
+
+
+ a
+ b
+ c
+
+
+
selected: {selected}
\ No newline at end of file
diff --git a/test/runtime/samples/binding-select-initial-value-undefined/_config.js b/test/runtime/samples/binding-select-initial-value-undefined/_config.js
index 27bac7ef77..c95cd44046 100644
--- a/test/runtime/samples/binding-select-initial-value-undefined/_config.js
+++ b/test/runtime/samples/binding-select-initial-value-undefined/_config.js
@@ -5,6 +5,7 @@ export default {
selected: a
+ x
a
b
c
@@ -18,7 +19,8 @@ export default {
const select = target.querySelector('select');
const options = [...target.querySelectorAll('option')];
+ // first enabled option should be selected
assert.equal(select.value, 'a');
- assert.ok(options[0].selected);
+ assert.ok(options[1].selected);
}
};
diff --git a/test/runtime/samples/binding-select-initial-value-undefined/main.svelte b/test/runtime/samples/binding-select-initial-value-undefined/main.svelte
index 5cb1e9fae7..8c3bd0258f 100644
--- a/test/runtime/samples/binding-select-initial-value-undefined/main.svelte
+++ b/test/runtime/samples/binding-select-initial-value-undefined/main.svelte
@@ -5,6 +5,7 @@
selected: {selected}
+ x
a
b
c
diff --git a/test/runtime/samples/binding-select-initial-value/_config.js b/test/runtime/samples/binding-select-initial-value/_config.js
index 517107c4fb..5dbd761b61 100644
--- a/test/runtime/samples/binding-select-initial-value/_config.js
+++ b/test/runtime/samples/binding-select-initial-value/_config.js
@@ -15,7 +15,7 @@ export default {
selected: 'b'
},
- test({ assert, component, target }) {
+ test({ assert, target }) {
const select = target.querySelector('select');
const options = [...target.querySelectorAll('option')];
diff --git a/test/runtime/samples/binding-select-null-placeholder/_config.js b/test/runtime/samples/binding-select-null-placeholder/_config.js
new file mode 100644
index 0000000000..b453e6869a
--- /dev/null
+++ b/test/runtime/samples/binding-select-null-placeholder/_config.js
@@ -0,0 +1,28 @@
+const items = [ { id: 'a' }, { id: 'b' } ];
+
+export default {
+ props: {
+ foo: null,
+ items
+ },
+
+ test({ assert, component, target }) {
+ const select = target.querySelector( 'select' );
+ const options = target.querySelectorAll( 'option' );
+
+ assert.equal( options[0].selected, true );
+ assert.equal( options[0].disabled, true );
+ assert.equal( options[1].selected, false );
+ assert.equal( options[1].disabled, false );
+
+ // placeholder option value must be blank string for native required field validation
+ assert.equal( options[0].value, '' );
+ assert.equal( select.checkValidity(), false );
+
+ component.foo = items[0];
+
+ assert.equal( options[0].selected, false );
+ assert.equal( options[1].selected, true );
+ assert.equal( select.checkValidity(), true );
+ }
+};
diff --git a/test/runtime/samples/binding-select-null-placeholder/main.svelte b/test/runtime/samples/binding-select-null-placeholder/main.svelte
new file mode 100644
index 0000000000..65cab99495
--- /dev/null
+++ b/test/runtime/samples/binding-select-null-placeholder/main.svelte
@@ -0,0 +1,11 @@
+
+
+
+ Select an option
+ {#each items as item}
+ {item.id}
+ {/each}
+
diff --git a/test/runtime/samples/binding-select-unmatched/_config.js b/test/runtime/samples/binding-select-unmatched/_config.js
index 99e7d23927..45594407b3 100644
--- a/test/runtime/samples/binding-select-unmatched/_config.js
+++ b/test/runtime/samples/binding-select-unmatched/_config.js
@@ -56,5 +56,40 @@ export default {
selected: d
`);
+
+ component.selected = 'b'; // second option should now be selected
+ assert.equal(select.value, 'b');
+ assert.ok(options[1].selected);
+
+ assert.htmlEqual(target.innerHTML, `
+ selected: b
+
+
+ a
+ b
+ c
+
+
+ selected: b
+ `);
+
+ component.selected = undefined; // also doesn't match an option
+
+ // now no option should be selected again
+ assert.equal(select.value, '');
+ assert.equal(select.selectedIndex, -1);
+ assert.ok(!options[0].selected);
+
+ assert.htmlEqual(target.innerHTML, `
+ selected: undefined
+
+
+ a
+ b
+ c
+
+
+ selected: undefined
+ `);
}
};
diff --git a/test/runtime/samples/binding-this-each-key/_config.js b/test/runtime/samples/binding-this-each-key/_config.js
new file mode 100644
index 0000000000..332e14fda8
--- /dev/null
+++ b/test/runtime/samples/binding-this-each-key/_config.js
@@ -0,0 +1,10 @@
+export default {
+ html: 'content
content
content
',
+
+ test({ assert, target, component }) {
+ const divs = target.querySelectorAll('div');
+ assert.equal(component.refs[0], divs[0]);
+ assert.equal(component.refs[1], divs[1]);
+ assert.equal(component.refs[2], divs[2]);
+ }
+};
diff --git a/test/runtime/samples/binding-this-each-key/main.svelte b/test/runtime/samples/binding-this-each-key/main.svelte
new file mode 100644
index 0000000000..cff2ffa226
--- /dev/null
+++ b/test/runtime/samples/binding-this-each-key/main.svelte
@@ -0,0 +1,15 @@
+
+
+{#each list as { id }, index (id)}
+
+ content
+
+{/each}
diff --git a/test/runtime/samples/binding-this-member-expression-update/_config.js b/test/runtime/samples/binding-this-member-expression-update/_config.js
new file mode 100644
index 0000000000..782d44311c
--- /dev/null
+++ b/test/runtime/samples/binding-this-member-expression-update/_config.js
@@ -0,0 +1,8 @@
+// binding member expression shouldn't invalidate the property name
+export default {
+ test({ assert, component, target }) {
+ const div = target.querySelector('div');
+ assert.equal(div, component.container.a);
+ assert.deepEqual(component.logs.length, 1);
+ }
+};
diff --git a/test/runtime/samples/binding-this-member-expression-update/main.svelte b/test/runtime/samples/binding-this-member-expression-update/main.svelte
new file mode 100644
index 0000000000..327d63d494
--- /dev/null
+++ b/test/runtime/samples/binding-this-member-expression-update/main.svelte
@@ -0,0 +1,9 @@
+
+
+
diff --git a/test/runtime/samples/binding-this-with-context/_config.js b/test/runtime/samples/binding-this-with-context/_config.js
index 33ef091b33..66e862b6ea 100644
--- a/test/runtime/samples/binding-this-with-context/_config.js
+++ b/test/runtime/samples/binding-this-with-context/_config.js
@@ -33,8 +33,8 @@ export default {
assert.equal(component.divs.length, 3, 'the divs array is still 3 long');
assert.equal(component.divs[2], null, 'the last div is unregistered');
assert.equal(component.ps[2], null, 'the last p is unregistered');
- assert.equal(component.spans['-bar1'], null, 'the bar span is unregisterd');
- assert.equal(component.hrs.bar, null, 'the bar hr is unregisterd');
+ assert.equal(component.spans['-bar1'], null, 'the bar span is unregistered');
+ assert.equal(component.hrs.bar, null, 'the bar hr is unregistered');
elems = target.querySelectorAll('div');
component.divs.forEach((e, i) => {
diff --git a/test/runtime/samples/bitmask-overflow-if/_config.js b/test/runtime/samples/bitmask-overflow-if/_config.js
index 49f48925c5..39ddc997fc 100644
--- a/test/runtime/samples/bitmask-overflow-if/_config.js
+++ b/test/runtime/samples/bitmask-overflow-if/_config.js
@@ -6,7 +6,7 @@ export default {
Toggle outside
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const button = target.querySelectorAll('button')[1];
const div = target.querySelector('div');
await div.dispatchEvent(new window.MouseEvent('click'));
-
+
assert.htmlEqual(target.innerHTML, `
Toggle inside 1
@@ -19,7 +19,7 @@ export default {
Toggle outside
`);
-
+
await button.dispatchEvent(new window.MouseEvent('click'));
assert.htmlEqual(target.innerHTML, `
diff --git a/test/runtime/samples/class-shortcut-with-class/_config.js b/test/runtime/samples/class-shortcut-with-class/_config.js
index 6d647e8f9d..5f2f28555e 100644
--- a/test/runtime/samples/class-shortcut-with-class/_config.js
+++ b/test/runtime/samples/class-shortcut-with-class/_config.js
@@ -7,7 +7,7 @@ export default {
html: '
',
- test({ assert, component, target, window }) {
+ test({ assert, component, target }) {
component.foo = false;
assert.htmlEqual(target.innerHTML, `
diff --git a/test/runtime/samples/class-shortcut-with-transition/_config.js b/test/runtime/samples/class-shortcut-with-transition/_config.js
new file mode 100644
index 0000000000..80df51bd4a
--- /dev/null
+++ b/test/runtime/samples/class-shortcut-with-transition/_config.js
@@ -0,0 +1,30 @@
+export default {
+ props: {
+ open: false,
+ border: true
+ },
+ html: '
foo
',
+
+ test({ assert, component, target, raf }) {
+ component.open = true;
+ raf.tick(100);
+ assert.htmlEqual(
+ target.innerHTML,
+ '
foo
bar
'
+ );
+
+ component.open = false;
+ raf.tick(150);
+ assert.htmlEqual(
+ target.innerHTML,
+ '
foo
bar
'
+ );
+
+ component.open = true;
+ raf.tick(250);
+ assert.htmlEqual(
+ target.innerHTML,
+ '
foo
bar
'
+ );
+ }
+};
diff --git a/test/runtime/samples/class-shortcut-with-transition/main.svelte b/test/runtime/samples/class-shortcut-with-transition/main.svelte
new file mode 100644
index 0000000000..3291ec4a10
--- /dev/null
+++ b/test/runtime/samples/class-shortcut-with-transition/main.svelte
@@ -0,0 +1,17 @@
+
+
+
foo
+{#if open}
+
bar
+{/if}
+
+
diff --git a/test/runtime/samples/class-shortcut/_config.js b/test/runtime/samples/class-shortcut/_config.js
index aba7e0e031..ac5be276b0 100644
--- a/test/runtime/samples/class-shortcut/_config.js
+++ b/test/runtime/samples/class-shortcut/_config.js
@@ -6,7 +6,7 @@ export default {
html: '
',
- test({ assert, component, target, window }) {
+ test({ assert, component, target }) {
component.foo = false;
assert.htmlEqual(target.innerHTML, `
diff --git a/test/runtime/samples/class-with-dynamic-attribute-and-spread/_config.js b/test/runtime/samples/class-with-dynamic-attribute-and-spread/_config.js
index f704e9327f..0c357926e2 100644
--- a/test/runtime/samples/class-with-dynamic-attribute-and-spread/_config.js
+++ b/test/runtime/samples/class-with-dynamic-attribute-and-spread/_config.js
@@ -8,7 +8,7 @@ export default {
html: '
',
- test({ assert, component, target, window }) {
+ test({ assert, component, target }) {
component.myClass = 'one';
component.attributes = {
'aria-label': 'Test'
diff --git a/test/runtime/samples/class-with-dynamic-attribute/_config.js b/test/runtime/samples/class-with-dynamic-attribute/_config.js
index 2be6500674..8e05c72065 100644
--- a/test/runtime/samples/class-with-dynamic-attribute/_config.js
+++ b/test/runtime/samples/class-with-dynamic-attribute/_config.js
@@ -5,7 +5,7 @@ export default {
html: '
',
- test({ assert, component, target, window }) {
+ test({ assert, component, target }) {
component.myClass = 'one';
assert.htmlEqual(target.innerHTML, `
diff --git a/test/runtime/samples/class-with-spread-and-bind/_config.js b/test/runtime/samples/class-with-spread-and-bind/_config.js
index 7b50502f34..d1f3503b6c 100644
--- a/test/runtime/samples/class-with-spread-and-bind/_config.js
+++ b/test/runtime/samples/class-with-spread-and-bind/_config.js
@@ -5,7 +5,7 @@ export default {
html: '
',
- test({ assert, component, target, window }) {
+ test({ assert, component, target }) {
component.primary = true;
assert.htmlEqual(
diff --git a/test/runtime/samples/class-with-spread-and-bind/main.svelte b/test/runtime/samples/class-with-spread-and-bind/main.svelte
index c7c24a2e7b..6efedef079 100644
--- a/test/runtime/samples/class-with-spread-and-bind/main.svelte
+++ b/test/runtime/samples/class-with-spread-and-bind/main.svelte
@@ -1,5 +1,5 @@
diff --git a/test/runtime/samples/class-with-spread/_config.js b/test/runtime/samples/class-with-spread/_config.js
index c7c85e38b0..d49b3f053e 100644
--- a/test/runtime/samples/class-with-spread/_config.js
+++ b/test/runtime/samples/class-with-spread/_config.js
@@ -8,7 +8,7 @@ export default {
html: '
',
- test({ assert, component, target, window }) {
+ test({ assert, component, target }) {
component.myClass = 'one';
component.attributes = {
'aria-label': 'Test'
diff --git a/test/runtime/samples/component-binding-accessors/_config.js b/test/runtime/samples/component-binding-accessors/_config.js
index 0fb83df870..4513b43a0b 100644
--- a/test/runtime/samples/component-binding-accessors/_config.js
+++ b/test/runtime/samples/component-binding-accessors/_config.js
@@ -1,5 +1,5 @@
export default {
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const [input1, input2] = target.querySelectorAll('input');
assert.equal(input1.value, 'something');
assert.equal(input2.value, 'something');
diff --git a/test/runtime/samples/component-binding-blowback-b/_config.js b/test/runtime/samples/component-binding-blowback-b/_config.js
index 69af7917ca..2f6350c4fb 100644
--- a/test/runtime/samples/component-binding-blowback-b/_config.js
+++ b/test/runtime/samples/component-binding-blowback-b/_config.js
@@ -14,7 +14,7 @@ export default {
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const input = target.querySelector('input');
input.value = 4;
diff --git a/test/runtime/samples/component-binding-each-remount-keyed/Child.svelte b/test/runtime/samples/component-binding-each-remount-keyed/Child.svelte
new file mode 100644
index 0000000000..e6cbf9d1d0
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-keyed/Child.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {#each list as item (item)}
+
diff --git a/test/runtime/samples/component-binding-each-remount-keyed/InnerChild.svelte b/test/runtime/samples/component-binding-each-remount-keyed/InnerChild.svelte
new file mode 100644
index 0000000000..f0b5d57a82
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-keyed/InnerChild.svelte
@@ -0,0 +1,14 @@
+
+
+
+ {val}
+
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-each-remount-keyed/_config.js b/test/runtime/samples/component-binding-each-remount-keyed/_config.js
new file mode 100644
index 0000000000..181c1bce8b
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-keyed/_config.js
@@ -0,0 +1,53 @@
+export default {
+ html: `
+
+ 0
+ 1
+
+
+ 0
+ 1
+
+
+ 0
+ 1
+
+ `,
+
+ ssrHtml: `
+
+ 0
+ 1
+ 2
+
+
+ 0
+ 1
+ 2
+
+
+ 0
+ 1
+ 2
+
+ `,
+
+ async test({ assert, component, target }) {
+ await component.done;
+ assert.equal(component.getCounter(), 13);
+ assert.htmlEqual(target.innerHTML, `
+
+ 0
+ 1
+
+
+ 0
+ 1
+
+
+ 0
+ 1
+
+ `);
+ }
+};
diff --git a/test/runtime/samples/component-binding-each-remount-keyed/main.svelte b/test/runtime/samples/component-binding-each-remount-keyed/main.svelte
new file mode 100644
index 0000000000..7f4c448d8f
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-keyed/main.svelte
@@ -0,0 +1,35 @@
+
+
+{#each vals as val, index (val)}
+
+{/each}
diff --git a/test/runtime/samples/component-binding-each-remount-unkeyed/Child.svelte b/test/runtime/samples/component-binding-each-remount-unkeyed/Child.svelte
new file mode 100644
index 0000000000..8b7edc10f4
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-unkeyed/Child.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {#each list as item}
+
diff --git a/test/runtime/samples/component-binding-each-remount-unkeyed/InnerChild.svelte b/test/runtime/samples/component-binding-each-remount-unkeyed/InnerChild.svelte
new file mode 100644
index 0000000000..f0b5d57a82
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-unkeyed/InnerChild.svelte
@@ -0,0 +1,14 @@
+
+
+
+ {val}
+
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-each-remount-unkeyed/_config.js b/test/runtime/samples/component-binding-each-remount-unkeyed/_config.js
new file mode 100644
index 0000000000..181c1bce8b
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-unkeyed/_config.js
@@ -0,0 +1,53 @@
+export default {
+ html: `
+
+ 0
+ 1
+
+
+ 0
+ 1
+
+
+ 0
+ 1
+
+ `,
+
+ ssrHtml: `
+
+ 0
+ 1
+ 2
+
+
+ 0
+ 1
+ 2
+
+
+ 0
+ 1
+ 2
+
+ `,
+
+ async test({ assert, component, target }) {
+ await component.done;
+ assert.equal(component.getCounter(), 13);
+ assert.htmlEqual(target.innerHTML, `
+
+ 0
+ 1
+
+
+ 0
+ 1
+
+
+ 0
+ 1
+
+ `);
+ }
+};
diff --git a/test/runtime/samples/component-binding-each-remount-unkeyed/main.svelte b/test/runtime/samples/component-binding-each-remount-unkeyed/main.svelte
new file mode 100644
index 0000000000..7f4c448d8f
--- /dev/null
+++ b/test/runtime/samples/component-binding-each-remount-unkeyed/main.svelte
@@ -0,0 +1,35 @@
+
+
+{#each vals as val, index (val)}
+
+{/each}
diff --git a/test/runtime/samples/component-binding-onMount/Mount.svelte b/test/runtime/samples/component-binding-onMount/Mount.svelte
new file mode 100644
index 0000000000..ce3b0c48f8
--- /dev/null
+++ b/test/runtime/samples/component-binding-onMount/Mount.svelte
@@ -0,0 +1,15 @@
+
+
+
+
+ Bound? {bound}
+
diff --git a/test/runtime/samples/component-binding-onMount/_config.js b/test/runtime/samples/component-binding-onMount/_config.js
new file mode 100644
index 0000000000..4ae78b588a
--- /dev/null
+++ b/test/runtime/samples/component-binding-onMount/_config.js
@@ -0,0 +1,11 @@
+export default {
+ async test({ assert, target }) {
+ assert.htmlEqual(target.innerHTML, `
+
+ `);
+ }
+};
diff --git a/test/runtime/samples/component-binding-onMount/main.svelte b/test/runtime/samples/component-binding-onMount/main.svelte
new file mode 100644
index 0000000000..971b13c1ce
--- /dev/null
+++ b/test/runtime/samples/component-binding-onMount/main.svelte
@@ -0,0 +1,13 @@
+
+
+
diff --git a/test/runtime/samples/component-binding-parent-supercedes-child-b/_config.js b/test/runtime/samples/component-binding-parent-supercedes-child-b/_config.js
index bf6312f5ad..4e31a4d79c 100644
--- a/test/runtime/samples/component-binding-parent-supercedes-child-b/_config.js
+++ b/test/runtime/samples/component-binding-parent-supercedes-child-b/_config.js
@@ -4,7 +4,7 @@ export default {
x in parent: yes
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, component, target }) {
component.a = false;
assert.htmlEqual(target.innerHTML, `
diff --git a/test/runtime/samples/component-binding-parent-supercedes-child-c/_config.js b/test/runtime/samples/component-binding-parent-supercedes-child-c/_config.js
index bf6312f5ad..4e31a4d79c 100644
--- a/test/runtime/samples/component-binding-parent-supercedes-child-c/_config.js
+++ b/test/runtime/samples/component-binding-parent-supercedes-child-c/_config.js
@@ -4,7 +4,7 @@ export default {
x in parent: yes
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, component, target }) {
component.a = false;
assert.htmlEqual(target.innerHTML, `
diff --git a/test/runtime/samples/component-binding-private-state/_config.js b/test/runtime/samples/component-binding-private-state/_config.js
index bd8a25d490..f4f2fd6f83 100644
--- a/test/runtime/samples/component-binding-private-state/_config.js
+++ b/test/runtime/samples/component-binding-private-state/_config.js
@@ -4,7 +4,7 @@ export default {
x in parent: undefined
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, component, target }) {
component.a = false;
assert.htmlEqual(target.innerHTML, `
diff --git a/test/runtime/samples/component-binding-reactive-statement/_config.js b/test/runtime/samples/component-binding-reactive-statement/_config.js
index 49342d0645..8b8d091c73 100644
--- a/test/runtime/samples/component-binding-reactive-statement/_config.js
+++ b/test/runtime/samples/component-binding-reactive-statement/_config.js
@@ -4,7 +4,7 @@ export default {
button 0
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const event = new window.MouseEvent('click');
const buttons = target.querySelectorAll('button');
diff --git a/test/runtime/samples/component-event-handler-contenteditable/_config.js b/test/runtime/samples/component-event-handler-contenteditable/_config.js
deleted file mode 100644
index 3a85734975..0000000000
--- a/test/runtime/samples/component-event-handler-contenteditable/_config.js
+++ /dev/null
@@ -1,15 +0,0 @@
-export default {
- html: `
-
- `,
-
- async test({ assert, component, target, window }) {
- const div = target.querySelector('div');
- const text = window.document.createTextNode('a');
- div.insertBefore(text, null);
- const event = new window.InputEvent('input');
- await div.dispatchEvent(event);
-
- assert.equal(div.textContent, 'a');
- }
-};
diff --git a/test/runtime/samples/component-events-console/_config.js b/test/runtime/samples/component-events-console/_config.js
index 39ccbd719f..fc3b4daa85 100644
--- a/test/runtime/samples/component-events-console/_config.js
+++ b/test/runtime/samples/component-events-console/_config.js
@@ -1,7 +1,7 @@
export default {
html: '
click me ',
- test({ assert, component, target }) {
+ test({ assert, target }) {
const button = target.querySelector('button');
const messages = [];
diff --git a/test/runtime/samples/component-events-nullish/Widget.svelte b/test/runtime/samples/component-events-nullish/Widget.svelte
new file mode 100644
index 0000000000..07ae574403
--- /dev/null
+++ b/test/runtime/samples/component-events-nullish/Widget.svelte
@@ -0,0 +1,14 @@
+
+
\ No newline at end of file
diff --git a/test/runtime/samples/component-events-nullish/_config.js b/test/runtime/samples/component-events-nullish/_config.js
new file mode 100644
index 0000000000..7c540b2a08
--- /dev/null
+++ b/test/runtime/samples/component-events-nullish/_config.js
@@ -0,0 +1,9 @@
+export default {
+ async test({ assert, component, window, target }) {
+ const event = new window.MouseEvent('click');
+ const button = target.querySelector('button');
+
+ await button.dispatchEvent(event);
+ assert.equal(component.logs.length, 0);
+ }
+};
diff --git a/test/runtime/samples/component-events-nullish/main.svelte b/test/runtime/samples/component-events-nullish/main.svelte
new file mode 100644
index 0000000000..0dee33b5d1
--- /dev/null
+++ b/test/runtime/samples/component-events-nullish/main.svelte
@@ -0,0 +1,6 @@
+
+
+
diff --git a/test/runtime/samples/component-nested-deep/_config.js b/test/runtime/samples/component-nested-deep/_config.js
index 0114e79223..3d5305529e 100644
--- a/test/runtime/samples/component-nested-deep/_config.js
+++ b/test/runtime/samples/component-nested-deep/_config.js
@@ -1,5 +1,5 @@
export default {
- test({ assert, component }) {
+ test({ component }) {
component.l1.$destroy();
}
};
diff --git a/test/runtime/samples/component-nested-deeper/_config.js b/test/runtime/samples/component-nested-deeper/_config.js
index 86993b3e9a..828a3169ac 100644
--- a/test/runtime/samples/component-nested-deeper/_config.js
+++ b/test/runtime/samples/component-nested-deeper/_config.js
@@ -3,7 +3,7 @@ export default {
values: [1, 2, 3, 4]
},
- test({ assert, component }) {
+ test({ component }) {
component.values = [2, 3];
}
};
diff --git a/test/runtime/samples/component-not-constructor-dev/_config.js b/test/runtime/samples/component-not-constructor-dev/_config.js
new file mode 100644
index 0000000000..15ea469a0f
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor-dev/_config.js
@@ -0,0 +1,8 @@
+export default {
+ skip_if_ssr: true,
+ skip_if_hydrate_from_ssr: true,
+ compileOptions: {
+ dev: true
+ },
+ error: 'this={...} of
should specify a Svelte component.'
+};
diff --git a/test/runtime/samples/component-not-constructor-dev/main.svelte b/test/runtime/samples/component-not-constructor-dev/main.svelte
new file mode 100644
index 0000000000..80f9f969e6
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor-dev/main.svelte
@@ -0,0 +1,5 @@
+
+
+Sub
\ No newline at end of file
diff --git a/test/runtime/samples/component-not-constructor/_config.js b/test/runtime/samples/component-not-constructor/_config.js
new file mode 100644
index 0000000000..8c0dcced41
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor/_config.js
@@ -0,0 +1,8 @@
+export default {
+ skip_if_ssr: true,
+ skip_if_hydrate_from_ssr: true,
+ props: {
+ selected: false
+ },
+ error: 'component is not a constructor'
+};
diff --git a/test/runtime/samples/component-not-constructor/main.svelte b/test/runtime/samples/component-not-constructor/main.svelte
new file mode 100644
index 0000000000..dec7e2af79
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor/main.svelte
@@ -0,0 +1,9 @@
+
+
+Sub
\ No newline at end of file
diff --git a/test/runtime/samples/component-not-constructor2-dev/_config.js b/test/runtime/samples/component-not-constructor2-dev/_config.js
new file mode 100644
index 0000000000..98e3cc942b
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor2-dev/_config.js
@@ -0,0 +1,19 @@
+export default {
+ compileOptions: {
+ dev: true
+ },
+ props: {
+ componentName: 'Sub'
+ },
+ html: 'Sub
',
+ test({ assert, component, target }) {
+ component.componentName = 'Proxy';
+ assert.htmlEqual(target.innerHTML, 'Sub
');
+ try {
+ component.componentName = 'banana';
+ throw new Error('Expected an error');
+ } catch (err) {
+ assert.equal(err.message, 'this={...} of should specify a Svelte component.');
+ }
+ }
+};
diff --git a/test/runtime/samples/component-not-constructor2-dev/main.svelte b/test/runtime/samples/component-not-constructor2-dev/main.svelte
new file mode 100644
index 0000000000..331fdfc385
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor2-dev/main.svelte
@@ -0,0 +1,14 @@
+
+
+Sub
\ No newline at end of file
diff --git a/test/runtime/samples/component-not-constructor2/_config.js b/test/runtime/samples/component-not-constructor2/_config.js
new file mode 100644
index 0000000000..8fae65afdd
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor2/_config.js
@@ -0,0 +1,16 @@
+export default {
+ props: {
+ componentName: 'Sub'
+ },
+ html: 'Sub
',
+ test({ assert, component, target }) {
+ component.componentName = 'Proxy';
+ assert.htmlEqual(target.innerHTML, 'Sub
');
+ try {
+ component.componentName = 'banana';
+ throw new Error('Expected an error');
+ } catch (err) {
+ assert.equal(err.message, 'component is not a constructor');
+ }
+ }
+};
diff --git a/test/runtime/samples/component-not-constructor2/main.svelte b/test/runtime/samples/component-not-constructor2/main.svelte
new file mode 100644
index 0000000000..331fdfc385
--- /dev/null
+++ b/test/runtime/samples/component-not-constructor2/main.svelte
@@ -0,0 +1,14 @@
+
+
+Button
Button
`,
- async test({ assert, component, target, window }) {
+ async test({ assert, target, window }) {
const [btn, btn1, btn2] = target.querySelectorAll('button');
await btn.dispatchEvent(new window.MouseEvent('click'));
diff --git a/test/runtime/samples/component-slot-dynamic/_config.js b/test/runtime/samples/component-slot-dynamic/_config.js
index 9e43ff15fe..9a6ed1a057 100644
--- a/test/runtime/samples/component-slot-dynamic/_config.js
+++ b/test/runtime/samples/component-slot-dynamic/_config.js
@@ -3,7 +3,7 @@ export default {
override default slot
`,
- test({ assert, component }) {
+ test({ component }) {
component.nested.foo = 'b';
}
};
diff --git a/test/runtime/samples/component-slot-let-destructured-2/_config.js b/test/runtime/samples/component-slot-let-destructured-2/_config.js
index 38b04b7b5e..e407dcf2f8 100644
--- a/test/runtime/samples/component-slot-let-destructured-2/_config.js
+++ b/test/runtime/samples/component-slot-let-destructured-2/_config.js
@@ -13,7 +13,7 @@ export default {
Increment
+ { log(value); }} />
diff --git a/test/runtime/samples/component-slot-let-inline-function/Inner.svelte b/test/runtime/samples/component-slot-let-inline-function/Inner.svelte
new file mode 100644
index 0000000000..5a30e1855b
--- /dev/null
+++ b/test/runtime/samples/component-slot-let-inline-function/Inner.svelte
@@ -0,0 +1,8 @@
+
+
+
+ innerCall(a)} />
+
+
\ No newline at end of file
diff --git a/test/runtime/samples/component-slot-let-inline-function/_config.js b/test/runtime/samples/component-slot-let-inline-function/_config.js
new file mode 100644
index 0000000000..55318efaea
--- /dev/null
+++ b/test/runtime/samples/component-slot-let-inline-function/_config.js
@@ -0,0 +1,27 @@
+let logs;
+function log(value) {
+ logs.push(value);
+}
+
+export default {
+ html: 'click me ',
+ props: {
+ a: 'a',
+ b: 'b',
+ log
+ },
+ before_test() {
+ logs = [];
+ },
+ async test({ assert, component, target, window }) {
+ const button = target.querySelector('button');
+ await button.dispatchEvent(new window.MouseEvent('click'));
+
+ assert.deepEqual(logs, ['a: a, b: b']);
+
+ component.a = '1';
+ component.b = '2';
+ await button.dispatchEvent(new window.MouseEvent('click'));
+ assert.deepEqual(logs, ['a: a, b: b', 'a: 1, b: 2']);
+ }
+};
diff --git a/test/runtime/samples/component-slot-let-inline-function/main.svelte b/test/runtime/samples/component-slot-let-inline-function/main.svelte
new file mode 100644
index 0000000000..6ea417d0f2
--- /dev/null
+++ b/test/runtime/samples/component-slot-let-inline-function/main.svelte
@@ -0,0 +1,12 @@
+
+
+
+
+ click me
+
+
diff --git a/test/runtime/samples/component-slot-nested-if/_config.js b/test/runtime/samples/component-slot-nested-if/_config.js
index 45c570fc22..e4af352970 100644
--- a/test/runtime/samples/component-slot-nested-if/_config.js
+++ b/test/runtime/samples/component-slot-nested-if/_config.js
@@ -2,7 +2,7 @@ export default {
html: `
Increment
\n', {
+ generate: false
+ });
+
+ assert.deepEqual(
+ warnings.map((w) => {
+ return {
+ code: w.code,
+ frame: w.frame,
+ message: w.message,
+ start: {
+ character: w.start.character,
+ column: w.start.column,
+ line: w.start.line
+ },
+ end: {
+ character: w.end.character,
+ column: w.end.column,
+ line: w.end.line
+ },
+ pos: w.pos
+ };
+ }),
+ [
+ {
+ code: 'a11y-missing-attribute',
+ frame: '1: \n2: