Merge branch 'master' into pr/4082

CHANGELOG.md

@@ -4,8 +4,12 @@
 
 * Prevent text input cursor jumping in Safari with one-way binding ([#3449](https://github.com/sveltejs/svelte/issues/3449))
 * Expose compiler version in dev events ([#4047](https://github.com/sveltejs/svelte/issues/4047))
+* Don't run actions before their element is in the document ([#4166](https://github.com/sveltejs/svelte/issues/4166))
 * Fix reactive assignments with destructuring and stores where the destructured value should be undefined ([#4170](https://github.com/sveltejs/svelte/issues/4170))
+* Fix hydrating `{:else}` in `{#each}` ([#4202](https://github.com/sveltejs/svelte/issues/4202))
 * Do not automatically declare variables in reactive declarations when assigning to a member expression ([#4212](https://github.com/sveltejs/svelte/issues/4212))
+* Fix stringifying of attributes in SSR mode when there are spread attributes ([#4240](https://github.com/sveltejs/svelte/issues/4240))
+* Only render one `<title>` in SSR mode when multiple components provide one ([#4250](https://github.com/sveltejs/svelte/pull/4250))
 
 ## 3.16.7
 

src/compiler/compile/render_dom/Block.ts

@@ -450,7 +450,7 @@ export default class Block {
 			this.add_variable(dispose);
 
 			if (this.event_listeners.length === 1) {
-				this.chunks.hydrate.push(
+				this.chunks.mount.push(
 					b`${dispose} = ${this.event_listeners[0]};`
 				);
 
@@ -458,7 +458,7 @@ export default class Block {
 					b`${dispose}();`
 				);
 			} else {
-				this.chunks.hydrate.push(b`
+				this.chunks.mount.push(b`
 					${dispose} = [
 						${this.event_listeners}
 					];

src/compiler/compile/render_dom/wrappers/EachBlock.ts

@@ -264,10 +264,23 @@ export default class EachBlockWrapper extends Wrapper {
 			block.chunks.init.push(b`
 				if (!${this.vars.data_length}) {
 					${each_block_else} = ${this.else.block.name}(#ctx);
+				}
+			`);
+
+			block.chunks.create.push(b`
+				if (${each_block_else}) {
 					${each_block_else}.c();
 				}
 			`);
 
+			if (this.renderer.options.hydratable) {
+				block.chunks.claim.push(b`
+					if (${each_block_else}) {
+						${each_block_else}.l(${parent_nodes});
+					}
+				`);
+			}
+
 			block.chunks.mount.push(b`
 				if (${each_block_else}) {
 					${each_block_else}.m(${initial_mount_node}, ${initial_anchor_node});

src/compiler/compile/render_ssr/handlers/Title.ts

@@ -1,10 +1,16 @@
 import Renderer, { RenderOptions } from '../Renderer';
 import Title from '../../nodes/Title';
+import { x } from 'code-red';
 
 export default function(node: Title, renderer: Renderer, options: RenderOptions) {
+	renderer.push();
+
 	renderer.add_string(`<title data-svelte="${options.head_id}">`);
 
 	renderer.render(node.children, options);
 
 	renderer.add_string(`</title>`);
+	const result = renderer.pop();
+
+	renderer.add_expression(x`($$result.title = ${result}, "")`);
 }

src/runtime/internal/ssr.ts

@@ -25,9 +25,7 @@ export function spread(args, classes_to_add) {
 		else if (boolean_attributes.has(name.toLowerCase())) {
 			if (value) str += " " + name;
 		} else if (value != null) {
-			str += " " + name + "=" + JSON.stringify(String(value)
+			str += ` ${name}="${String(value).replace(/"/g, '"').replace(/'/g, ''')}"`;
-				.replace(/"/g, '"')
-				.replace(/'/g, '''));
 		}
 	});
 
@@ -103,12 +101,13 @@ export function create_ssr_component(fn) {
 			on_destroy = [];
 
 			const result: {
+				title: string;
 				head: string;
 				css: Set<{
 					map: null;
 					code: string;
 				}>;
-			} = { head: '', css: new Set() };
+			} = { title: '', head: '', css: new Set() };
 
 			const html = $$render(result, props, {}, options);
 
@@ -120,7 +119,7 @@ export function create_ssr_component(fn) {
 					code: Array.from(result.css).map(css => css.code).join('\n'),
 					map: null // TODO
 				},
-				head: result.head
+				head: result.title + result.head
 			};
 		},
 

test/hydration/samples/each-else/_after.html

@@ -0,0 +1,4 @@
+<h1>Hello, world</h1>
+<p>
+  weird
+</p>

test/hydration/samples/each-else/_before.html

@@ -0,0 +1,4 @@
+<h1>Hello, world</h1>
+<p>
+  weird
+</p>

test/hydration/samples/each-else/main.svelte

@@ -0,0 +1,15 @@
+<script>
+	export let name = "world";
+	export let array = [];
+</script>
+
+<h1>Hello, {name}</h1>
+{#each array as elem}
+	<p>
+	item
+	</p>
+{:else}
+	<p>
+	weird
+	</p>
+{/each}

test/js/samples/action-custom-event-handler/expected.js

@@ -20,10 +20,10 @@ function create_fragment(ctx) {
 		c() {
 			button = element("button");
 			button.textContent = "foo";
-			dispose = action_destroyer(foo_action = foo.call(null, button, /*foo_function*/ ctx[1]));
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
+			dispose = action_destroyer(foo_action = foo.call(null, button, /*foo_function*/ ctx[1]));
 		},
 		p(ctx, [dirty]) {
 			if (foo_action && is_function(foo_action.update) && dirty & /*bar*/ 1) foo_action.update.call(null, /*foo_function*/ ctx[1]);
@@ -42,7 +42,7 @@ function handleFoo(bar) {
 }
 
 function foo(node, callback) {
-
+	
 }
 
 function instance($$self, $$props, $$invalidate) {

test/js/samples/action/expected.js

@@ -21,10 +21,10 @@ function create_fragment(ctx) {
 			a = element("a");
 			a.textContent = "Test";
 			attr(a, "href", "#");
-			dispose = action_destroyer(link_action = link.call(null, a));
 		},
 		m(target, anchor) {
 			insert(target, a, anchor);
+			dispose = action_destroyer(link_action = link.call(null, a));
 		},
 		p: noop,
 		i: noop,

test/js/samples/bind-online/expected.js

@@ -14,13 +14,13 @@ function create_fragment(ctx) {
 	add_render_callback(/*onlinestatuschanged*/ ctx[1]);
 
 	return {
-		c() {
+		c: noop,
+		m(target, anchor) {
 			dispose = [
 				listen(window, "online", /*onlinestatuschanged*/ ctx[1]),
 				listen(window, "offline", /*onlinestatuschanged*/ ctx[1])
 			];
 		},
-		m: noop,
 		p: noop,
 		i: noop,
 		o: noop,

test/js/samples/bind-open/expected.js

@@ -20,12 +20,11 @@ function create_fragment(ctx) {
 
 			details.innerHTML = `<summary>summary</summary>content
 `;
-
-			dispose = listen(details, "toggle", /*details_toggle_handler*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, details, anchor);
 			details.open = /*open*/ ctx[0];
+			dispose = listen(details, "toggle", /*details_toggle_handler*/ ctx[1]);
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*open*/ 1) {

test/js/samples/bindings-readonly-order/expected.js

@@ -26,16 +26,16 @@ function create_fragment(ctx) {
 			input1 = element("input");
 			attr(input0, "type", "file");
 			attr(input1, "type", "file");
-
-			dispose = [
-				listen(input0, "change", /*input0_change_handler*/ ctx[1]),
-				listen(input1, "change", /*input1_change_handler*/ ctx[2])
-			];
 		},
 		m(target, anchor) {
 			insert(target, input0, anchor);
 			insert(target, t, anchor);
 			insert(target, input1, anchor);
+
+			dispose = [
+				listen(input0, "change", /*input0_change_handler*/ ctx[1]),
+				listen(input1, "change", /*input1_change_handler*/ ctx[2])
+			];
 		},
 		p: noop,
 		i: noop,

test/js/samples/capture-inject-dev-only/expected.js

@@ -28,7 +28,6 @@ function create_fragment(ctx) {
 			t0 = text(/*foo*/ ctx[0]);
 			t1 = space();
 			input = element("input");
-			dispose = listen(input, "input", /*input_input_handler*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, p, anchor);
@@ -36,6 +35,7 @@ function create_fragment(ctx) {
 			insert(target, t1, anchor);
 			insert(target, input, anchor);
 			set_input_value(input, /*foo*/ ctx[0]);
+			dispose = listen(input, "input", /*input_input_handler*/ ctx[1]);
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*foo*/ 1) set_data(t0, /*foo*/ ctx[0]);

test/js/samples/component-static-var/expected.js

@@ -35,7 +35,6 @@ function create_fragment(ctx) {
 			create_component(bar.$$.fragment);
 			t1 = space();
 			input = element("input");
-			dispose = listen(input, "input", /*input_input_handler*/ ctx[1]);
 		},
 		m(target, anchor) {
 			mount_component(foo, target, anchor);
@@ -45,6 +44,7 @@ function create_fragment(ctx) {
 			insert(target, input, anchor);
 			set_input_value(input, /*z*/ ctx[0]);
 			current = true;
+			dispose = listen(input, "input", /*input_input_handler*/ ctx[1]);
 		},
 		p(ctx, [dirty]) {
 			const bar_changes = {};

test/js/samples/component-store-reassign-invalidate/expected.js

@@ -31,13 +31,13 @@ function create_fragment(ctx) {
 			t1 = space();
 			button = element("button");
 			button.textContent = "reset";
-			dispose = listen(button, "click", /*click_handler*/ ctx[2]);
 		},
 		m(target, anchor) {
 			insert(target, h1, anchor);
 			append(h1, t0);
 			insert(target, t1, anchor);
 			insert(target, button, anchor);
+			dispose = listen(button, "click", /*click_handler*/ ctx[2]);
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*$foo*/ 2) set_data(t0, /*$foo*/ ctx[1]);

test/js/samples/dont-invalidate-this/expected.js

@@ -17,10 +17,10 @@ function create_fragment(ctx) {
 	return {
 		c() {
 			input = element("input");
-			dispose = listen(input, "input", make_uppercase);
 		},
 		m(target, anchor) {
 			insert(target, input, anchor);
+			dispose = listen(input, "input", make_uppercase);
 		},
 		p: noop,
 		i: noop,

test/js/samples/event-handler-dynamic/expected.js

@@ -42,14 +42,6 @@ function create_fragment(ctx) {
 			t5 = space();
 			button2 = element("button");
 			button2.textContent = "click";
-
-			dispose = [
-				listen(button0, "click", /*updateHandler1*/ ctx[2]),
-				listen(button1, "click", /*updateHandler2*/ ctx[3]),
-				listen(button2, "click", function () {
-					if (is_function(/*clickHandler*/ ctx[0])) /*clickHandler*/ ctx[0].apply(this, arguments);
-				})
-			];
 		},
 		m(target, anchor) {
 			insert(target, p0, anchor);
@@ -61,6 +53,14 @@ function create_fragment(ctx) {
 			append(p1, t4);
 			insert(target, t5, anchor);
 			insert(target, button2, anchor);
+
+			dispose = [
+				listen(button0, "click", /*updateHandler1*/ ctx[2]),
+				listen(button1, "click", /*updateHandler2*/ ctx[3]),
+				listen(button2, "click", function () {
+					if (is_function(/*clickHandler*/ ctx[0])) /*clickHandler*/ ctx[0].apply(this, arguments);
+				})
+			];
 		},
 		p(new_ctx, [dirty]) {
 			ctx = new_ctx;

test/js/samples/event-handler-no-passive/expected.js

@@ -20,10 +20,10 @@ function create_fragment(ctx) {
 			a = element("a");
 			a.textContent = "this should not navigate to example.com";
 			attr(a, "href", "https://example.com");
-			dispose = listen(a, "touchstart", touchstart_handler);
 		},
 		m(target, anchor) {
 			insert(target, a, anchor);
+			dispose = listen(a, "touchstart", touchstart_handler);
 		},
 		p: noop,
 		i: noop,

test/js/samples/event-modifiers/expected.js

@@ -35,13 +35,6 @@ function create_fragment(ctx) {
 			t3 = space();
 			button2 = element("button");
 			button2.textContent = "or me!";
-
-			dispose = [
-				listen(button0, "click", stop_propagation(prevent_default(handleClick))),
-				listen(button1, "click", handleClick, { once: true, capture: true }),
-				listen(button2, "click", handleClick, true),
-				listen(div, "touchstart", handleTouchstart, { passive: true })
-			];
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -50,6 +43,13 @@ function create_fragment(ctx) {
 			append(div, button1);
 			append(div, t3);
 			append(div, button2);
+
+			dispose = [
+				listen(button0, "click", stop_propagation(prevent_default(handleClick))),
+				listen(button1, "click", handleClick, { once: true, capture: true }),
+				listen(button2, "click", handleClick, true),
+				listen(div, "touchstart", handleTouchstart, { passive: true })
+			];
 		},
 		p: noop,
 		i: noop,

test/js/samples/input-files/expected.js

@@ -20,10 +20,10 @@ function create_fragment(ctx) {
 			input = element("input");
 			attr(input, "type", "file");
 			input.multiple = true;
-			dispose = listen(input, "change", /*input_change_handler*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, input, anchor);
+			dispose = listen(input, "change", /*input_change_handler*/ ctx[1]);
 		},
 		p: noop,
 		i: noop,

test/js/samples/input-no-initial-value/expected.js

@@ -31,11 +31,6 @@ function create_fragment(ctx) {
 			button.textContent = "Store";
 			attr(input, "type", "text");
 			input.required = true;
-
-			dispose = [
-				listen(input, "input", /*input_input_handler*/ ctx[2]),
-				listen(form, "submit", /*handleSubmit*/ ctx[1])
-			];
 		},
 		m(target, anchor) {
 			insert(target, form, anchor);
@@ -43,6 +38,11 @@ function create_fragment(ctx) {
 			set_input_value(input, /*test*/ ctx[0]);
 			append(form, t0);
 			append(form, button);
+
+			dispose = [
+				listen(input, "input", /*input_input_handler*/ ctx[2]),
+				listen(form, "submit", /*handleSubmit*/ ctx[1])
+			];
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*test*/ 1 && input.value !== /*test*/ ctx[0]) {

test/js/samples/input-range/expected.js

@@ -22,16 +22,16 @@ function create_fragment(ctx) {
 		c() {
 			input = element("input");
 			attr(input, "type", "range");
+		},
+		m(target, anchor) {
+			insert(target, input, anchor);
+			set_input_value(input, /*value*/ ctx[0]);
 
 			dispose = [
 				listen(input, "change", /*input_change_input_handler*/ ctx[1]),
 				listen(input, "input", /*input_change_input_handler*/ ctx[1])
 			];
 		},
-		m(target, anchor) {
-			insert(target, input, anchor);
-			set_input_value(input, /*value*/ ctx[0]);
-		},
 		p(ctx, [dirty]) {
 			if (dirty & /*value*/ 1) {
 				set_input_value(input, /*value*/ ctx[0]);

test/js/samples/input-value/expected.js

@@ -30,7 +30,6 @@ function create_fragment(ctx) {
 			t1 = text(/*name*/ ctx[0]);
 			t2 = text("!");
 			input.value = /*name*/ ctx[0];
-			dispose = listen(input, "input", /*onInput*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, input, anchor);
@@ -38,6 +37,7 @@ function create_fragment(ctx) {
 			insert(target, h1, anchor);
 			append(h1, t1);
 			append(h1, t2);
+			dispose = listen(input, "input", /*onInput*/ ctx[1]);
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*name*/ 1 && input.value !== /*name*/ ctx[0]) {

test/js/samples/input-without-blowback-guard/expected.js

@@ -19,11 +19,11 @@ function create_fragment(ctx) {
 		c() {
 			input = element("input");
 			attr(input, "type", "checkbox");
-			dispose = listen(input, "change", /*input_change_handler*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, input, anchor);
 			input.checked = /*foo*/ ctx[0];
+			dispose = listen(input, "change", /*input_change_handler*/ ctx[1]);
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*foo*/ 1) {

test/js/samples/instrumentation-script-if-no-block/expected.js

@@ -30,7 +30,6 @@ function create_fragment(ctx) {
 			p = element("p");
 			t2 = text("x: ");
 			t3 = text(/*x*/ ctx[0]);
-			dispose = listen(button, "click", /*foo*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
@@ -38,6 +37,7 @@ function create_fragment(ctx) {
 			insert(target, p, anchor);
 			append(p, t2);
 			append(p, t3);
+			dispose = listen(button, "click", /*foo*/ ctx[1]);
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*x*/ 1) set_data(t3, /*x*/ ctx[0]);

test/js/samples/instrumentation-script-x-equals-x/expected.js

@@ -31,7 +31,6 @@ function create_fragment(ctx) {
 			p = element("p");
 			t2 = text("number of things: ");
 			t3 = text(t3_value);
-			dispose = listen(button, "click", /*foo*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
@@ -39,6 +38,7 @@ function create_fragment(ctx) {
 			insert(target, p, anchor);
 			append(p, t2);
 			append(p, t3);
+			dispose = listen(button, "click", /*foo*/ ctx[1]);
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*things*/ 1 && t3_value !== (t3_value = /*things*/ ctx[0].length + "")) set_data(t3, t3_value);

test/js/samples/instrumentation-template-if-no-block/expected.js

@@ -30,7 +30,6 @@ function create_fragment(ctx) {
 			p = element("p");
 			t2 = text("x: ");
 			t3 = text(/*x*/ ctx[0]);
-			dispose = listen(button, "click", /*click_handler*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
@@ -38,6 +37,7 @@ function create_fragment(ctx) {
 			insert(target, p, anchor);
 			append(p, t2);
 			append(p, t3);
+			dispose = listen(button, "click", /*click_handler*/ ctx[1]);
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*x*/ 1) set_data(t3, /*x*/ ctx[0]);

test/js/samples/instrumentation-template-x-equals-x/expected.js

@@ -31,7 +31,6 @@ function create_fragment(ctx) {
 			p = element("p");
 			t2 = text("number of things: ");
 			t3 = text(t3_value);
-			dispose = listen(button, "click", /*click_handler*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
@@ -39,6 +38,7 @@ function create_fragment(ctx) {
 			insert(target, p, anchor);
 			append(p, t2);
 			append(p, t3);
+			dispose = listen(button, "click", /*click_handler*/ ctx[1]);
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*things*/ 1 && t3_value !== (t3_value = /*things*/ ctx[0].length + "")) set_data(t3, t3_value);

test/js/samples/media-bindings/expected.js

@@ -41,6 +41,17 @@ function create_fragment(ctx) {
 			if (/*duration*/ ctx[4] === void 0) add_render_callback(() => /*audio_durationchange_handler*/ ctx[13].call(audio));
 			if (/*seeking*/ ctx[8] === void 0) add_render_callback(() => /*audio_seeking_seeked_handler*/ ctx[17].call(audio));
 			if (/*ended*/ ctx[9] === void 0) add_render_callback(() => /*audio_ended_handler*/ ctx[18].call(audio));
+		},
+		m(target, anchor) {
+			insert(target, audio, anchor);
+
+			if (!isNaN(/*volume*/ ctx[6])) {
+				audio.volume = /*volume*/ ctx[6];
+			}
+
+			if (!isNaN(/*playbackRate*/ ctx[7])) {
+				audio.playbackRate = /*playbackRate*/ ctx[7];
+			}
 
 			dispose = [
 				listen(audio, "progress", /*audio_progress_handler*/ ctx[10]),
@@ -56,17 +67,6 @@ function create_fragment(ctx) {
 				listen(audio, "ended", /*audio_ended_handler*/ ctx[18])
 			];
 		},
-		m(target, anchor) {
-			insert(target, audio, anchor);
-
-			if (!isNaN(/*volume*/ ctx[6])) {
-				audio.volume = /*volume*/ ctx[6];
-			}
-
-			if (!isNaN(/*playbackRate*/ ctx[7])) {
-				audio.playbackRate = /*playbackRate*/ ctx[7];
-			}
-		},
 		p(ctx, [dirty]) {
 			if (!audio_updating && dirty & /*currentTime*/ 8 && !isNaN(/*currentTime*/ ctx[3])) {
 				audio.currentTime = /*currentTime*/ ctx[3];

test/js/samples/video-bindings/expected.js

@@ -37,16 +37,16 @@ function create_fragment(ctx) {
 			video = element("video");
 			if (/*videoHeight*/ ctx[1] === void 0 || /*videoWidth*/ ctx[2] === void 0) add_render_callback(() => /*video_resize_handler*/ ctx[5].call(video));
 			add_render_callback(() => /*video_elementresize_handler*/ ctx[6].call(video));
+		},
+		m(target, anchor) {
+			insert(target, video, anchor);
+			video_resize_listener = add_resize_listener(video, /*video_elementresize_handler*/ ctx[6].bind(video));
 
 			dispose = [
 				listen(video, "timeupdate", video_timeupdate_handler),
 				listen(video, "resize", /*video_resize_handler*/ ctx[5])
 			];
 		},
-		m(target, anchor) {
-			insert(target, video, anchor);
-			video_resize_listener = add_resize_listener(video, /*video_elementresize_handler*/ ctx[6].bind(video));
-		},
 		p(ctx, [dirty]) {
 			if (!video_updating && dirty & /*currentTime*/ 1 && !isNaN(/*currentTime*/ ctx[0])) {
 				video.currentTime = /*currentTime*/ ctx[0];

test/js/samples/window-binding-online/expected.js

@@ -14,13 +14,13 @@ function create_fragment(ctx) {
 	add_render_callback(/*onlinestatuschanged*/ ctx[1]);
 
 	return {
-		c() {
+		c: noop,
+		m(target, anchor) {
 			dispose = [
 				listen(window, "online", /*onlinestatuschanged*/ ctx[1]),
 				listen(window, "offline", /*onlinestatuschanged*/ ctx[1])
 			];
 		},
-		m: noop,
 		p: noop,
 		i: noop,
 		o: noop,

test/js/samples/window-binding-scroll/expected.js

@@ -33,6 +33,11 @@ function create_fragment(ctx) {
 			p = element("p");
 			t0 = text("scrolled to ");
 			t1 = text(/*y*/ ctx[0]);
+		},
+		m(target, anchor) {
+			insert(target, p, anchor);
+			append(p, t0);
+			append(p, t1);
 
 			dispose = listen(window, "scroll", () => {
 				scrolling = true;
@@ -41,11 +46,6 @@ function create_fragment(ctx) {
 				/*onwindowscroll*/ ctx[1]();
 			});
 		},
-		m(target, anchor) {
-			insert(target, p, anchor);
-			append(p, t0);
-			append(p, t1);
-		},
 		p(ctx, [dirty]) {
 			if (dirty & /*y*/ 1 && !scrolling) {
 				scrolling = true;

test/runtime/samples/action-receives-element-mounted/_config.js

@@ -0,0 +1,8 @@
+const result = {};
+
+export default {
+	props: { result },
+	async test({ assert, component, target, window }) {
+		assert.notEqual(result.parentElement, null);
+	}
+};

test/runtime/samples/action-receives-element-mounted/main.svelte

@@ -0,0 +1,8 @@
+<script>
+	export let result;
+	function onMountAction(node) {
+		result.parentElement = node.parentElement;
+	}
+</script>
+
+<h1 use:onMountAction>Hello!</h1>

test/server-side-rendering/samples/head-multiple-title/A.svelte

@@ -0,0 +1,3 @@
+<svelte:head>
+	<title>A</title>
+</svelte:head>

test/server-side-rendering/samples/head-multiple-title/B.svelte

@@ -0,0 +1,3 @@
+<svelte:head>
+	<title>B</title>
+</svelte:head>

test/server-side-rendering/samples/head-multiple-title/_expected-head.html

@@ -0,0 +1 @@
+<title>B</title>

test/server-side-rendering/samples/head-multiple-title/data.json

@@ -0,0 +1,3 @@
+{
+	"adjective": "custom"
+}

test/server-side-rendering/samples/head-multiple-title/main.svelte

@@ -0,0 +1,10 @@
+<script>
+	import A from './A.svelte';
+	import B from './B.svelte';
+</script>
+
+<svelte:head>
+	<title>Main</title>
+</svelte:head>
+<A />
+<B />

test/server-side-rendering/samples/spread-attributes-white-space/_expected.html

@@ -0,0 +1,8 @@
+<input value="
+	bar
+">
+
+<input class="
+	white
+	space
+">

test/server-side-rendering/samples/spread-attributes-white-space/main.svelte

@@ -0,0 +1,12 @@
+<script>
+	let props = {
+		value: '\n\tbar\n',
+	};
+</script>
+
+<input {...props} />
+
+<input class="
+	white
+	space
+" {...({})}>