diff --git a/site/src/routes/index.svelte b/site/src/routes/index.svelte
index 21c3cfc757..318654e819 100644
--- a/site/src/routes/index.svelte
+++ b/site/src/routes/index.svelte
@@ -144,14 +144,6 @@
/* padding: 0.8rem; */
}
- iframe {
- display: block;
- width: 100%;
- height: 420px;
- border: none;
- border-radius: var(--border-r);
- }
-
a.cta {
background-color: var(--prime);
padding: 0.5em 1.8em 0.5em 1em;
diff --git a/site/src/routes/repl/_components/AppControls/index.svelte b/site/src/routes/repl/_components/AppControls/index.svelte
index f02cdc8fd2..368136bb6e 100644
--- a/site/src/routes/repl/_components/AppControls/index.svelte
+++ b/site/src/routes/repl/_components/AppControls/index.svelte
@@ -263,15 +263,6 @@ export default app;` });
color: white;
}
- .hidden-select {
- position: absolute;
- width: 100%;
- height: 100%;
- opacity: 0.0001;
- top: 0;
- left: 0;
- }
-
.icon {
position: relative;
top: -0.1rem;
@@ -300,6 +291,7 @@ export default app;` });
font-size: 1.6rem;
opacity: 0.7;
outline: none;
+ flex: 1;
}
input:focus {
diff --git a/site/src/routes/repl/index.svelte b/site/src/routes/repl/index.svelte
index 655b8144a8..97bf44acc1 100644
--- a/site/src/routes/repl/index.svelte
+++ b/site/src/routes/repl/index.svelte
@@ -10,14 +10,13 @@
diff --git a/test/preprocess/samples/partial-names/output.svelte b/test/preprocess/samples/partial-names/output.svelte
new file mode 100644
index 0000000000..34c789a826
--- /dev/null
+++ b/test/preprocess/samples/partial-names/output.svelte
@@ -0,0 +1,8 @@
+
+ foo
+
+
+
+ foo
+
+
diff --git a/test/runtime/samples/array-literal-spread-deopt/_config.js b/test/runtime/samples/array-literal-spread-deopt/_config.js
new file mode 100644
index 0000000000..d4fdcfad85
--- /dev/null
+++ b/test/runtime/samples/array-literal-spread-deopt/_config.js
@@ -0,0 +1,3 @@
+export default {
+ html: `
a
b
c
`
+};
diff --git a/test/runtime/samples/array-literal-spread-deopt/main.svelte b/test/runtime/samples/array-literal-spread-deopt/main.svelte
new file mode 100644
index 0000000000..9340ae4801
--- /dev/null
+++ b/test/runtime/samples/array-literal-spread-deopt/main.svelte
@@ -0,0 +1,7 @@
+
+
+{#each [...foo] as item}
+
{item}
+{/each}
diff --git a/test/runtime/samples/binding-audio-currenttime-duration-volume/_config.js b/test/runtime/samples/binding-audio-currenttime-duration-volume/_config.js
index 921969179f..0a6754a210 100644
--- a/test/runtime/samples/binding-audio-currenttime-duration-volume/_config.js
+++ b/test/runtime/samples/binding-audio-currenttime-duration-volume/_config.js
@@ -8,24 +8,29 @@ export default {
assert.equal(component.t, 0);
assert.equal(component.d, 0);
assert.equal(component.v, 0.5);
+ assert.equal(component.r, 1);
assert.equal(component.paused, true);
const audio = target.querySelector('audio');
const timeupdate = new window.Event('timeupdate');
const durationchange = new window.Event('durationchange');
const volumechange = new window.Event('volumechange');
+ const ratechange = new window.Event('ratechange');
audio.currentTime = 10;
audio.duration = 20;
audio.volume = 0.75;
+ audio.playbackRate = 2;
audio.dispatchEvent(timeupdate);
audio.dispatchEvent(durationchange);
audio.dispatchEvent(volumechange);
+ audio.dispatchEvent(ratechange);
audio.play();
assert.equal(component.t, 10);
assert.equal(component.d, 0); // not 20, because read-only. Not sure how to test this!
assert.equal(component.v, 0.75);
+ assert.equal(component.r, 2);
assert.equal(component.paused, true); // ditto...
}
};
diff --git a/test/runtime/samples/binding-audio-currenttime-duration-volume/main.svelte b/test/runtime/samples/binding-audio-currenttime-duration-volume/main.svelte
index 68bef624bc..69335182e8 100644
--- a/test/runtime/samples/binding-audio-currenttime-duration-volume/main.svelte
+++ b/test/runtime/samples/binding-audio-currenttime-duration-volume/main.svelte
@@ -3,7 +3,8 @@
export let d;
export let paused;
export let v;
+ export let r;
-
\ No newline at end of file
diff --git a/test/runtime/samples/component-slot-names-sanitized/Nested.svelte b/test/runtime/samples/component-slot-names-sanitized/Nested.svelte
new file mode 100644
index 0000000000..ca8328920d
--- /dev/null
+++ b/test/runtime/samples/component-slot-names-sanitized/Nested.svelte
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/test/runtime/samples/component-slot-names-sanitized/_config.js b/test/runtime/samples/component-slot-names-sanitized/_config.js
new file mode 100644
index 0000000000..d75beb1b05
--- /dev/null
+++ b/test/runtime/samples/component-slot-names-sanitized/_config.js
@@ -0,0 +1,12 @@
+export default {
+ html: `
+
+
Header 1
+ Header 2
+ Header 3
+ Header 4
+ Header 5
+ Header 5b
+
+ `
+};
diff --git a/test/runtime/samples/component-slot-names-sanitized/main.svelte b/test/runtime/samples/component-slot-names-sanitized/main.svelte
new file mode 100644
index 0000000000..3e607de5fa
--- /dev/null
+++ b/test/runtime/samples/component-slot-names-sanitized/main.svelte
@@ -0,0 +1,12 @@
+
+
+
+ Header 1
+ Header 2
+ Header 3
+ Header 4
+ Header 5
+ Header 5b
+
diff --git a/test/runtime/samples/dynamic-component-ref/main.svelte b/test/runtime/samples/dynamic-component-ref/main.svelte
index 984f34fc7b..a7e8643cc4 100644
--- a/test/runtime/samples/dynamic-component-ref/main.svelte
+++ b/test/runtime/samples/dynamic-component-ref/main.svelte
@@ -4,4 +4,4 @@
export let test;
-
+
diff --git a/test/runtime/samples/event-handler-each-context-invalidation/_config.js b/test/runtime/samples/event-handler-each-context-invalidation/_config.js
new file mode 100644
index 0000000000..07e7170357
--- /dev/null
+++ b/test/runtime/samples/event-handler-each-context-invalidation/_config.js
@@ -0,0 +1,35 @@
+export default {
+ html: `
+
+
+
+ on: 1
+ `,
+
+ async test({ assert, component, target, window }) {
+ const buttons = target.querySelectorAll('button');
+ const event = new window.MouseEvent('click');
+
+ await buttons[0].dispatchEvent(event);
+ assert.htmlEqual(target.innerHTML, `
+
+
+
+ on: 2
+ `);
+
+ await buttons[2].dispatchEvent(event);
+ assert.htmlEqual(target.innerHTML, `
+
+
+
+ on: 3
+ `);
+
+ assert.deepEqual(component.switches, [
+ { on: true },
+ { on: true },
+ { on: true }
+ ]);
+ }
+};
diff --git a/test/runtime/samples/event-handler-each-context-invalidation/main.svelte b/test/runtime/samples/event-handler-each-context-invalidation/main.svelte
new file mode 100644
index 0000000000..77c6b7f197
--- /dev/null
+++ b/test/runtime/samples/event-handler-each-context-invalidation/main.svelte
@@ -0,0 +1,15 @@
+
+
+{#each switches as s}
+
+{/each}
+
+on: {switches.filter(s => !!s.on).length}
\ No newline at end of file
diff --git a/test/runtime/samples/store-auto-subscribe-missing-global/_config.js b/test/runtime/samples/store-auto-subscribe-missing-global-script/_config.js
similarity index 100%
rename from test/runtime/samples/store-auto-subscribe-missing-global/_config.js
rename to test/runtime/samples/store-auto-subscribe-missing-global-script/_config.js
diff --git a/test/runtime/samples/store-auto-subscribe-missing-global-script/main.svelte b/test/runtime/samples/store-auto-subscribe-missing-global-script/main.svelte
new file mode 100644
index 0000000000..210734b71d
--- /dev/null
+++ b/test/runtime/samples/store-auto-subscribe-missing-global-script/main.svelte
@@ -0,0 +1,3 @@
+
diff --git a/test/runtime/samples/store-auto-subscribe-missing-global-template/_config.js b/test/runtime/samples/store-auto-subscribe-missing-global-template/_config.js
new file mode 100644
index 0000000000..c4eb72b553
--- /dev/null
+++ b/test/runtime/samples/store-auto-subscribe-missing-global-template/_config.js
@@ -0,0 +1,3 @@
+export default {
+ error: 'missingGlobal is not defined'
+};
\ No newline at end of file
diff --git a/test/runtime/samples/store-auto-subscribe-missing-global/main.svelte b/test/runtime/samples/store-auto-subscribe-missing-global-template/main.svelte
similarity index 100%
rename from test/runtime/samples/store-auto-subscribe-missing-global/main.svelte
rename to test/runtime/samples/store-auto-subscribe-missing-global-template/main.svelte
diff --git a/test/runtime/samples/svg-foreignobject-namespace/_config.js b/test/runtime/samples/svg-foreignobject-namespace/_config.js
new file mode 100644
index 0000000000..a0185bae8e
--- /dev/null
+++ b/test/runtime/samples/svg-foreignobject-namespace/_config.js
@@ -0,0 +1,14 @@
+export default {
+ html: `
+
+ `,
+
+ test({ assert, target }) {
+ const p = target.querySelector('p');
+ assert.equal(p.namespaceURI, 'http://www.w3.org/1999/xhtml');
+ }
+};
diff --git a/test/runtime/samples/svg-foreignobject-namespace/main.svelte b/test/runtime/samples/svg-foreignobject-namespace/main.svelte
new file mode 100644
index 0000000000..e841e0d417
--- /dev/null
+++ b/test/runtime/samples/svg-foreignobject-namespace/main.svelte
@@ -0,0 +1,5 @@
+
diff --git a/test/runtime/samples/transition-js-slot/Nested.svelte b/test/runtime/samples/transition-js-slot/Nested.svelte
new file mode 100644
index 0000000000..bc67b3c221
--- /dev/null
+++ b/test/runtime/samples/transition-js-slot/Nested.svelte
@@ -0,0 +1,9 @@
+
+
+
+ {#if visible}
+
+ {/if}
+
\ No newline at end of file
diff --git a/test/runtime/samples/transition-js-slot/_config.js b/test/runtime/samples/transition-js-slot/_config.js
new file mode 100644
index 0000000000..a32e4bda72
--- /dev/null
+++ b/test/runtime/samples/transition-js-slot/_config.js
@@ -0,0 +1,26 @@
+export default {
+ props: {
+ visible: false
+ },
+
+ html: `
+
+ `,
+
+ test({ assert, component, target, window, raf }) {
+ component.visible = true;
+ const p = target.querySelector('p');
+ assert.equal(p.foo, 0);
+
+ raf.tick(50);
+ assert.equal(p.foo, 0.5);
+
+ component.visible = false;
+
+ raf.tick(75);
+ assert.equal(p.foo, 0.25);
+
+ raf.tick(100);
+ assert.equal(p.foo, 0);
+ }
+};
\ No newline at end of file
diff --git a/test/runtime/samples/transition-js-slot/main.svelte b/test/runtime/samples/transition-js-slot/main.svelte
new file mode 100644
index 0000000000..afbcd68167
--- /dev/null
+++ b/test/runtime/samples/transition-js-slot/main.svelte
@@ -0,0 +1,18 @@
+
+
+
+ slotted
+
\ No newline at end of file
diff --git a/test/store/index.js b/test/store/index.js
index f993c3a253..f077b183e1 100644
--- a/test/store/index.js
+++ b/test/store/index.js
@@ -66,7 +66,7 @@ describe('store', () => {
let running;
let tick;
- const store = readable(set => {
+ const store = readable(undefined, set => {
tick = set;
running = true;
@@ -192,7 +192,7 @@ describe('store', () => {
describe('get', () => {
it('gets the current value of a store', () => {
- const store = readable(() => {}, 42);
+ const store = readable(42, () => {});
assert.equal(get(store), 42);
});
});
diff --git a/test/validator/samples/binding-invalid-value-global/errors.json b/test/validator/samples/binding-invalid-value-global/errors.json
new file mode 100644
index 0000000000..be23a21523
--- /dev/null
+++ b/test/validator/samples/binding-invalid-value-global/errors.json
@@ -0,0 +1,15 @@
+[{
+ "code": "binding-undeclared",
+ "message": "foo is not declared",
+ "pos": 58,
+ "start": {
+ "line": 4,
+ "column": 19,
+ "character": 58
+ },
+ "end": {
+ "line": 4,
+ "column": 22,
+ "character": 61
+ }
+}]
diff --git a/test/validator/samples/binding-invalid-value-global/input.svelte b/test/validator/samples/binding-invalid-value-global/input.svelte
new file mode 100644
index 0000000000..81357cf5de
--- /dev/null
+++ b/test/validator/samples/binding-invalid-value-global/input.svelte
@@ -0,0 +1,4 @@
+
+
diff --git a/test/validator/samples/svg-child-component-undeclared-namespace/input.svelte b/test/validator/samples/svg-child-component-undeclared-namespace/input.svelte
deleted file mode 100644
index b4b6fc86d7..0000000000
--- a/test/validator/samples/svg-child-component-undeclared-namespace/input.svelte
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/test/validator/samples/svg-child-component-undeclared-namespace/warnings.json b/test/validator/samples/svg-child-component-undeclared-namespace/warnings.json
deleted file mode 100644
index 128b8628ed..0000000000
--- a/test/validator/samples/svg-child-component-undeclared-namespace/warnings.json
+++ /dev/null
@@ -1,15 +0,0 @@
-[{
- "code": "missing-namespace",
- "message": " is an SVG element – did you forget to add ?",
- "start": {
- "line": 8,
- "column": 0,
- "character": 89
- },
- "end": {
- "line": 8,
- "column": 49,
- "character": 138
- },
- "pos": 89
-}]
diff --git a/test/validator/samples/undefined-value-global/input.svelte b/test/validator/samples/undefined-value-global/input.svelte
new file mode 100644
index 0000000000..44e7332bf5
--- /dev/null
+++ b/test/validator/samples/undefined-value-global/input.svelte
@@ -0,0 +1,5 @@
+
+
+{potato}
diff --git a/test/validator/samples/undefined-value-global/warnings.json b/test/validator/samples/undefined-value-global/warnings.json
new file mode 100644
index 0000000000..ee9e3d6c90
--- /dev/null
+++ b/test/validator/samples/undefined-value-global/warnings.json
@@ -0,0 +1,15 @@
+[{
+ "code": "missing-declaration",
+ "message": "'potato' is not defined",
+ "pos": 46,
+ "start": {
+ "line": 5,
+ "column": 4,
+ "character": 46
+ },
+ "end": {
+ "line": 5,
+ "column": 10,
+ "character": 52
+ }
+}]
diff --git a/test/vars/samples/actions/_config.js b/test/vars/samples/actions/_config.js
index 2cda8889c9..6b6f8696e7 100644
--- a/test/vars/samples/actions/_config.js
+++ b/test/vars/samples/actions/_config.js
@@ -1,6 +1,16 @@
export default {
test(assert, vars) {
assert.deepEqual(vars, [
+ {
+ export_name: null,
+ injected: false,
+ module: false,
+ mutated: false,
+ name: 'hoistable_foo',
+ reassigned: false,
+ referenced: true,
+ writable: false
+ },
{
export_name: null,
injected: false,
diff --git a/test/vars/samples/actions/input.svelte b/test/vars/samples/actions/input.svelte
index fe614c760c..8ba8f0f21f 100644
--- a/test/vars/samples/actions/input.svelte
+++ b/test/vars/samples/actions/input.svelte
@@ -1,5 +1,7 @@
+
diff --git a/test/vars/samples/animations/_config.js b/test/vars/samples/animations/_config.js
index 2cda8889c9..6b6f8696e7 100644
--- a/test/vars/samples/animations/_config.js
+++ b/test/vars/samples/animations/_config.js
@@ -1,6 +1,16 @@
export default {
test(assert, vars) {
assert.deepEqual(vars, [
+ {
+ export_name: null,
+ injected: false,
+ module: false,
+ mutated: false,
+ name: 'hoistable_foo',
+ reassigned: false,
+ referenced: true,
+ writable: false
+ },
{
export_name: null,
injected: false,
diff --git a/test/vars/samples/animations/input.svelte b/test/vars/samples/animations/input.svelte
index 7843ab928d..02967d0fa8 100644
--- a/test/vars/samples/animations/input.svelte
+++ b/test/vars/samples/animations/input.svelte
@@ -1,7 +1,11 @@
+{#each [] as x (x)}
+
+{/each}
{#each [] as x (x)}
{/each}
diff --git a/test/vars/samples/transitions/_config.js b/test/vars/samples/transitions/_config.js
index e42faf7d19..b2522a1b56 100644
--- a/test/vars/samples/transitions/_config.js
+++ b/test/vars/samples/transitions/_config.js
@@ -1,6 +1,36 @@
export default {
test(assert, vars) {
assert.deepEqual(vars, [
+ {
+ export_name: null,
+ injected: false,
+ module: false,
+ mutated: false,
+ name: 'hoistable_foo',
+ reassigned: false,
+ referenced: true,
+ writable: false
+ },
+ {
+ export_name: null,
+ injected: false,
+ module: false,
+ mutated: false,
+ name: 'hoistable_bar',
+ reassigned: false,
+ referenced: true,
+ writable: false
+ },
+ {
+ export_name: null,
+ injected: false,
+ module: false,
+ mutated: false,
+ name: 'hoistable_baz',
+ reassigned: false,
+ referenced: true,
+ writable: false
+ },
{
export_name: null,
injected: false,
diff --git a/test/vars/samples/transitions/input.svelte b/test/vars/samples/transitions/input.svelte
index 1dac9bc5ec..0db2b5289e 100644
--- a/test/vars/samples/transitions/input.svelte
+++ b/test/vars/samples/transitions/input.svelte
@@ -1,9 +1,13 @@
+
+
+