update parser and js tests

Rich-Harris · Rich-Harris · commit ca0e5df0d84a · 2019-03-15T23:51:04.000-04:00
diff --git a/test/hydration/index.js b/test/hydration/index.js
@@ -14,7 +14,7 @@ let compileOptions = null;
 
 const sveltePath = process.cwd();
 
-describe.only('hydration', () => {
+describe('hydration', () => {
 	before(() => {
 		const svelte = loadSvelte();
 
diff --git a/test/js/samples/bind-width-height/input.svelte b/test/js/samples/bind-width-height/input.svelte
@@ -1,3 +1,8 @@
+<script>
+	export let w;
+	export let h;
+</script>
+
 <div bind:offsetWidth={w} bind:offsetHeight={h}>
 	some content
 </div>
diff --git a/test/js/samples/debug-empty/expected.js b/test/js/samples/debug-empty/expected.js
@@ -14,7 +14,7 @@ function create_fragment(ctx) {
 			text2 = createText("!");
 			text3 = createText("\n");
 			debugger;
-			addLoc(h1, file, 0, 0, 0);
+			addLoc(h1, file, 4, 0, 38);
 		},
 
 		l: function claim(nodes) {
diff --git a/test/js/samples/debug-empty/input.svelte b/test/js/samples/debug-empty/input.svelte
@@ -1,2 +1,6 @@
+<script>
+	export let name;
+</script>
+
 <h1>Hello {name}!</h1>
 {@debug}
diff --git a/test/js/samples/debug-foo-bar-baz-things/expected.js b/test/js/samples/debug-foo-bar-baz-things/expected.js
@@ -9,7 +9,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
 
-// (1:0) {#each things as thing}
+// (8:0) {#each things as thing}
 function create_each_block(ctx) {
 	var span, text0_value = ctx.thing.name, text0, text1;
 
@@ -24,7 +24,7 @@ function create_each_block(ctx) {
 				console.log({ foo, bar, baz, thing });
 				debugger;
 			}
-			addLoc(span, file, 1, 1, 25);
+			addLoc(span, file, 8, 1, 116);
 		},
 
 		m: function mount(target, anchor) {
@@ -75,7 +75,7 @@ function create_fragment(ctx) {
 			p = createElement("p");
 			text1 = createText("foo: ");
 			text2 = createText(ctx.foo);
-			addLoc(p, file, 5, 0, 91);
+			addLoc(p, file, 12, 0, 182);
 		},
 
 		l: function claim(nodes) {
diff --git a/test/js/samples/debug-foo-bar-baz-things/input.svelte b/test/js/samples/debug-foo-bar-baz-things/input.svelte
@@ -1,3 +1,10 @@
+<script>
+	export let things;
+	export let foo;
+	export let bar;
+	export let baz;
+</script>
+
 {#each things as thing}
 	<span>{thing.name}</span>
 	{@debug foo, bar, baz, thing}
diff --git a/test/js/samples/debug-foo/expected.js b/test/js/samples/debug-foo/expected.js
@@ -9,7 +9,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
 
-// (1:0) {#each things as thing}
+// (6:0) {#each things as thing}
 function create_each_block(ctx) {
 	var span, text0_value = ctx.thing.name, text0, text1;
 
@@ -24,7 +24,7 @@ function create_each_block(ctx) {
 				console.log({ foo });
 				debugger;
 			}
-			addLoc(span, file, 1, 1, 25);
+			addLoc(span, file, 6, 1, 82);
 		},
 
 		m: function mount(target, anchor) {
@@ -75,7 +75,7 @@ function create_fragment(ctx) {
 			p = createElement("p");
 			text1 = createText("foo: ");
 			text2 = createText(ctx.foo);
-			addLoc(p, file, 5, 0, 74);
+			addLoc(p, file, 10, 0, 131);
 		},
 
 		l: function claim(nodes) {
diff --git a/test/js/samples/debug-foo/input.svelte b/test/js/samples/debug-foo/input.svelte
@@ -1,3 +1,8 @@
+<script>
+	export let things;
+	export let foo;
+</script>
+
 {#each things as thing}
 	<span>{thing.name}</span>
 	{@debug foo}
diff --git a/test/js/samples/debug-ssr-foo/expected.js b/test/js/samples/debug-ssr-foo/expected.js
@@ -4,8 +4,11 @@ import { create_ssr_component, debug, each, escape } from "svelte/internal";
 const SvelteComponent = create_ssr_component(($$result, $$props, $$bindings, $$slots) => {
 	let { things, foo } = $$props;
 
+	if ($$props.things === void 0 && $$bindings.things && things !== void 0) $$bindings.things(things);
+	if ($$props.foo === void 0 && $$bindings.foo && foo !== void 0) $$bindings.foo(foo);
+
 	return `${each(things, (thing) => `<span>${escape(thing.name)}</span>
-		${debug(null, 2, 2, { foo })}`)}
+		${debug(null, 7, 2, { foo })}`)}
 
 	<p>foo: ${escape(foo)}</p>`;
 });
diff --git a/test/js/samples/debug-ssr-foo/input.svelte b/test/js/samples/debug-ssr-foo/input.svelte
@@ -1,3 +1,8 @@
+<script>
+	export let things;
+	export let foo;
+</script>
+
 {#each things as thing}
 	<span>{thing.name}</span>
 	{@debug foo}
diff --git a/test/js/samples/deconflict-builtins/expected.js b/test/js/samples/deconflict-builtins/expected.js
@@ -7,7 +7,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
 
-// (1:0) {#each createElement as node}
+// (5:0) {#each createElement as node}
 function create_each_block(ctx) {
 	var span, text_value = ctx.node, text;
 
diff --git a/test/js/samples/deconflict-builtins/input.svelte b/test/js/samples/deconflict-builtins/input.svelte
@@ -1,3 +1,7 @@
+<script>
+	export let createElement;
+</script>
+
 {#each createElement as node}
 	<span>{node}</span>
 {/each}
diff --git a/test/js/samples/do-use-dataset/input.svelte b/test/js/samples/do-use-dataset/input.svelte
@@ -1,2 +1,6 @@
+<script>
+	export let bar;
+</script>
+
 <div data-foo='bar'/>
 <div data-foo='{bar}'/>
diff --git a/test/js/samples/dont-invalidate-this/expected.js b/test/js/samples/dont-invalidate-this/expected.js
@@ -39,4 +39,4 @@ class SvelteComponent extends SvelteComponent_1 {
 	}
 }
 
-export default SvelteComponent;
+export default SvelteComponent;
diff --git a/test/js/samples/dont-use-dataset-in-legacy/input.svelte b/test/js/samples/dont-use-dataset-in-legacy/input.svelte
@@ -1,2 +1,6 @@
+<script>
+	export let bar;
+</script>
+
 <div data-foo='bar'/>
 <div data-foo='{bar}'/>
diff --git a/test/js/samples/dont-use-dataset-in-svg/input.svelte b/test/js/samples/dont-use-dataset-in-svg/input.svelte
@@ -1,3 +1,7 @@
+<script>
+	export let bar;
+</script>
+
 <svg>
 	<g data-foo='bar'/>
 	<g data-foo='{bar}'/>
diff --git a/test/js/samples/each-block-array-literal/expected.js b/test/js/samples/each-block-array-literal/expected.js
@@ -7,7 +7,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
 
-// (1:0) {#each [a, b, c, d, e] as num}
+// (9:0) {#each [a, b, c, d, e] as num}
 function create_each_block(ctx) {
 	var span, text_value = ctx.num, text;
 
diff --git a/test/js/samples/each-block-array-literal/input.svelte b/test/js/samples/each-block-array-literal/input.svelte
@@ -1,3 +1,11 @@
+<script>
+	export let a;
+	export let b;
+	export let c;
+	export let d;
+	export let e;
+</script>
+
 {#each [a, b, c, d, e] as num}
 	<span>{num}</span>
 {/each}
diff --git a/test/js/samples/each-block-changed-check/expected.js b/test/js/samples/each-block-changed-check/expected.js
@@ -8,7 +8,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
 
-// (1:0) {#each comments as comment, i}
+// (8:0) {#each comments as comment, i}
 function create_each_block(ctx) {
 	var div, strong, text0, text1, span, text2_value = ctx.comment.author, text2, text3, text4_value = ctx.elapsed(ctx.comment.time, ctx.time), text4, text5, text6, raw_value = ctx.comment.html, raw_before;
 
diff --git a/test/js/samples/each-block-changed-check/input.svelte b/test/js/samples/each-block-changed-check/input.svelte
@@ -1,3 +1,10 @@
+<script>
+	export let comments;
+	export let elapsed;
+	export let time;
+	export let foo;
+</script>
+
 {#each comments as comment, i}
 	<div class='comment'>
 		<strong>{i}</strong>
diff --git a/test/js/samples/each-block-keyed/expected.js b/test/js/samples/each-block-keyed/expected.js
@@ -7,7 +7,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
 
-// (1:0) {#each things as thing (thing.id)}
+// (5:0) {#each things as thing (thing.id)}
 function create_each_block(key_1, ctx) {
 	var div, text_value = ctx.thing.name, text;
 
diff --git a/test/js/samples/each-block-keyed/input.svelte b/test/js/samples/each-block-keyed/input.svelte
@@ -1,3 +1,7 @@
+<script>
+	export let things;
+</script>
+
 {#each things as thing (thing.id)}
 	<div>{thing.name}</div>
 {/each}
diff --git a/test/js/samples/if-block-no-update/expected.js b/test/js/samples/if-block-no-update/expected.js
@@ -1,7 +1,7 @@
 /* generated by Svelte vX.Y.Z */
 import { SvelteComponent as SvelteComponent_1, createComment, createElement, detachNode, flush, init, insert, noop, safe_not_equal } from "svelte/internal";
 
-// (3:0) {:else}
+// (7:0) {:else}
 function create_else_block(ctx) {
 	var p;
 
@@ -23,7 +23,7 @@ function create_else_block(ctx) {
 	};
 }
 
-// (1:0) {#if foo}
+// (5:0) {#if foo}
 function create_if_block(ctx) {
 	var p;
 
diff --git a/test/js/samples/if-block-no-update/input.svelte b/test/js/samples/if-block-no-update/input.svelte
@@ -1,3 +1,7 @@
+<script>
+	export let foo;
+</script>
+
 {#if foo}
 	<p>foo!</p>
 {:else}
diff --git a/test/js/samples/if-block-simple/expected.js b/test/js/samples/if-block-simple/expected.js
@@ -1,7 +1,7 @@
 /* generated by Svelte vX.Y.Z */
 import { SvelteComponent as SvelteComponent_1, createComment, createElement, detachNode, flush, init, insert, noop, safe_not_equal } from "svelte/internal";
 
-// (1:0) {#if foo}
+// (5:0) {#if foo}
 function create_if_block(ctx) {
 	var p;
 
diff --git a/test/js/samples/if-block-simple/input.svelte b/test/js/samples/if-block-simple/input.svelte
@@ -1,3 +1,7 @@
+<script>
+	export let foo;
+</script>
+
 {#if foo}
 	<p>foo!</p>
 {/if}
diff --git a/test/js/samples/inline-style-optimized-multiple/input.svelte b/test/js/samples/inline-style-optimized-multiple/input.svelte
@@ -1 +1,7 @@
+<script>
+	export let color;
+	export let x;
+	export let y;
+</script>
+
 <div style='color: {color}; transform: translate({x}px,{y}px);'></div>
diff --git a/test/js/samples/inline-style-optimized-url/input.svelte b/test/js/samples/inline-style-optimized-url/input.svelte
@@ -1 +1,5 @@
+<script>
+	export let data;
+</script>
+
 <div style='background: url(data:image/png;base64,{data})'></div>
diff --git a/test/js/samples/inline-style-optimized/input.svelte b/test/js/samples/inline-style-optimized/input.svelte
@@ -1 +1,5 @@
+<script>
+	export let color;
+</script>
+
 <div style='color: {color}'></div>
diff --git a/test/js/samples/inline-style-unoptimized/input.svelte b/test/js/samples/inline-style-unoptimized/input.svelte
@@ -1,2 +1,8 @@
-<div style='{style}'></div>
-<div style='{key}: {value}'></div>
+<script>
+	export let style;
+	export let key;
+	export let value;
+</script>
+
+<div style={style}></div>
+<div style="{key}: {value}"></div>
diff --git a/test/js/samples/input-files/input.svelte b/test/js/samples/input-files/input.svelte
@@ -1 +1,5 @@
+<script>
+	export let files;
+</script>
+
 <input type="file" multiple bind:files>
diff --git a/test/js/samples/input-range/input.svelte b/test/js/samples/input-range/input.svelte
@@ -1 +1,5 @@
+<script>
+	export let value;
+</script>
+
 <input type=range bind:value>
diff --git a/test/js/samples/input-without-blowback-guard/input.svelte b/test/js/samples/input-without-blowback-guard/input.svelte
@@ -1 +1,5 @@
+<script>
+	export let foo;
+</script>
+
 <input type='checkbox' bind:checked={foo}>
diff --git a/test/js/samples/media-bindings/input.svelte b/test/js/samples/media-bindings/input.svelte
@@ -1 +1,11 @@
+<script>
+	export let buffered;
+	export let seekable;
+	export let played;
+	export let currentTime;
+	export let duration;
+	export let paused;
+	export let volume;
+</script>
+
 <audio bind:buffered bind:seekable bind:played bind:currentTime bind:duration bind:paused bind:volume/>
diff --git a/test/js/samples/reactive-values-non-writable-dependencies/expected.js b/test/js/samples/reactive-values-non-writable-dependencies/expected.js
@@ -17,7 +17,7 @@ let a = 1;
 let b = 2;
 
 function instance($$self, $$props, $$invalidate) {
-
+	
 
 	let max;
 
diff --git a/test/js/samples/select-dynamic-value/input.svelte b/test/js/samples/select-dynamic-value/input.svelte
@@ -1,3 +1,7 @@
+<script>
+	export let current;
+</script>
+
 <select value={current}>
 	<option value="1">1</option>
 	<option value="2">2</option>
diff --git a/test/js/samples/title/input.svelte b/test/js/samples/title/input.svelte
@@ -1,3 +1,7 @@
+<script>
+	export let custom;
+</script>
+
 <svelte:head>
 	<title>a {custom} title</title>
 </svelte:head>
diff --git a/test/js/samples/use-elements-as-anchors/expected.js b/test/js/samples/use-elements-as-anchors/expected.js
diff --git a/test/js/samples/use-elements-as-anchors/input.svelte b/test/js/samples/use-elements-as-anchors/input.svelte
diff --git a/test/js/samples/window-binding-scroll/input.svelte b/test/js/samples/window-binding-scroll/input.svelte
diff --git a/test/parser/samples/binding-shorthand/input.svelte b/test/parser/samples/binding-shorthand/input.svelte
diff --git a/test/parser/samples/binding-shorthand/output.json b/test/parser/samples/binding-shorthand/output.json
diff --git a/test/parser/samples/binding/input.svelte b/test/parser/samples/binding/input.svelte
diff --git a/test/parser/samples/binding/output.json b/test/parser/samples/binding/output.json
diff --git a/test/parser/samples/refs/input.svelte b/test/parser/samples/refs/input.svelte
diff --git a/test/parser/samples/refs/output.json b/test/parser/samples/refs/output.json

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ function get_each_context(ctx, list, i) {`
`7`	`7`	`return child_ctx;`
`8`	`8`	`}`
`9`	`9`
`10`		`-// (1:0) {#each createElement as node}`
	`10`	`+// (5:0) {#each createElement as node}`
`11`	`11`	`function create_each_block(ctx) {`
`12`	`12`	`var span, text_value = ctx.node, text;`
`13`	`13`
Original file line number	Diff line number	Diff line change
`@@ -39,4 +39,4 @@ class SvelteComponent extends SvelteComponent_1 {`
`39`	`39`	`}`
`40`	`40`	`}`
`41`	`41`
`42`		`-export default SvelteComponent;`
	`42`	`+export default SvelteComponent;`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ function get_each_context(ctx, list, i) {`
`8`	`8`	`return child_ctx;`
`9`	`9`	`}`
`10`	`10`
`11`		`-// (1:0) {#each comments as comment, i}`
	`11`	`+// (8:0) {#each comments as comment, i}`
`12`	`12`	`function create_each_block(ctx) {`
`13`	`13`	`var div, strong, text0, text1, span, text2_value = ctx.comment.author, text2, text3, text4_value = ctx.elapsed(ctx.comment.time, ctx.time), text4, text5, text6, raw_value = ctx.comment.html, raw_before;`
`14`	`14`