chore: fix tests

Author: paoloricciuti

packages/svelte/tests/runtime-runes/samples/props-id-everywhere/_config.js

@@ -3,25 +3,57 @@ import { test } from '../../test';
 
 export default test({
 	test({ assert, target, variant }) {
-		const ps = [...target.querySelectorAll('p')].map((p) => p.innerHTML);
-		const unique = new Set(ps);
-		assert.equal(ps.length, unique.size);
-
-		if (variant === 'hydrate') {
-			const start = ps.map((p) => p.substring(0, 1));
-			assert.deepEqual(start, ['s', 's', 's', 's']);
+		if (variant === 'dom') {
+			assert.htmlEqual(
+				target.innerHTML,
+				`
+					<button>toggle</button>
+					<h1>c1</h1>
+					<p>c2</p>
+					<p>c3</p>
+					<p>c4</p>
+				`
+			);
+		} else {
+			assert.htmlEqual(
+				target.innerHTML,
+				`
+					<button>toggle</button>
+					<h1>s1</h1>
+					<p>s2</p>
+					<p>s3</p>
+					<p>s4</p>
+				`
+			);
 		}
 
 		let button = target.querySelector('button');
 		flushSync(() => button?.click());
 
-		const ps_after = [...target.querySelectorAll('p')].map((p) => p.innerHTML);
-		const unique_after = new Set(ps_after);
-		assert.equal(ps_after.length, unique_after.size);
-
-		if (variant === 'hydrate') {
-			const start = ps_after.map((p) => p.substring(0, 1));
-			assert.deepEqual(start, ['s', 's', 's', 's', 'c']);
+		if (variant === 'dom') {
+			assert.htmlEqual(
+				target.innerHTML,
+				`
+					<button>toggle</button>
+					<h1>c1</h1>
+					<p>c2</p>
+					<p>c3</p>
+					<p>c4</p>
+					<p>c5</p>
+				`
+			);
+		} else {
+			assert.htmlEqual(
+				target.innerHTML,
+				`
+					<button>toggle</button>
+					<h1>s1</h1>
+					<p>s2</p>
+					<p>s3</p>
+					<p>s4</p>
+					<p>c1</p>
+				`
+			);
 		}
 	}
 });

packages/svelte/tests/runtime-runes/samples/props-id-everywhere/main.svelte

@@ -9,7 +9,7 @@
 
 <button onclick={() => show = !show}>toggle</button>
 
-<p>{id}</p>
+<h1>{id}</h1>
 
 <Child />
 <Child />

packages/svelte/tests/snapshot/samples/await-block-scope/_expected/client/index.svelte.js

@@ -8,6 +8,7 @@ function increment(_, counter) {
 var root = $.template(`<button> </button> <!> `, 1);
 
 export default function Await_block_scope($$anchor) {
+	const $$cleanup = $.setup();
 	let counter = $.proxy({ count: 0 });
 	const promise = $.derived(() => Promise.resolve(counter));
 	var fragment = root();
@@ -31,6 +32,7 @@ export default function Await_block_scope($$anchor) {
 	});
 
 	$.append($$anchor, fragment);
+	$$cleanup();
 }
 
 $.delegate(['click']);

packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js

@@ -1,6 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Await_block_scope($$payload) {
+	const $$cleanup = $.setup($$payload);
 	let counter = { count: 0 };
 	const promise = Promise.resolve(counter);
 
@@ -11,4 +12,5 @@ export default function Await_block_scope($$payload) {
 	$$payload.out += `<button>clicks: ${$.escape(counter.count)}</button> <!---->`;
 	$.await(promise, () => {}, (counter) => {}, () => {});
 	$$payload.out += `<!----> ${$.escape(counter.count)}`;
+	$$cleanup($$payload);
 }

packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/client/index.svelte.js

@@ -13,6 +13,7 @@ const snippet = ($$anchor) => {
 var root = $.template(`<!> `, 1);
 
 export default function Bind_component_snippet($$anchor) {
+	const $$cleanup = $.setup();
 	let value = $.state('');
 	const _snippet = snippet;
 	var fragment = root();
@@ -31,4 +32,5 @@ export default function Bind_component_snippet($$anchor) {
 
 	$.template_effect(() => $.set_text(text_1, ` value: ${$.get(value) ?? ''}`));
 	$.append($$anchor, fragment);
+	$$cleanup();
 }

packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js

@@ -6,6 +6,7 @@ function snippet($$payload) {
 }
 
 export default function Bind_component_snippet($$payload) {
+	const $$cleanup = $.setup($$payload);
 	let value = '';
 	const _snippet = snippet;
 	let $$settled = true;
@@ -32,4 +33,5 @@ export default function Bind_component_snippet($$payload) {
 	} while (!$$settled);
 
 	$.assign_payload($$payload, $$inner_payload);
+	$$cleanup($$payload);
 }

packages/svelte/tests/snapshot/samples/bind-this/_expected/client/index.svelte.js

@@ -3,5 +3,8 @@ import 'svelte/internal/flags/legacy';
 import * as $ from 'svelte/internal/client';
 
 export default function Bind_this($$anchor) {
+	const $$cleanup = $.setup();
+
 	$.bind_this(Foo($$anchor, { $$legacy: true }), ($$value) => foo = $$value, () => foo);
+	$$cleanup();
 }

packages/svelte/tests/snapshot/samples/bind-this/_expected/server/index.svelte.js

@@ -1,5 +1,8 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Bind_this($$payload) {
+	const $$cleanup = $.setup($$payload);
+
 	Foo($$payload, {});
+	$$cleanup($$payload);
 }

packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/client/index.svelte.js

@@ -2,6 +2,8 @@ import 'svelte/internal/disclose-version';
 import * as $ from 'svelte/internal/client';
 
 export default function Class_state_field_constructor_assignment($$anchor, $$props) {
+	const $$cleanup = $.setup();
+
 	$.push($$props, true);
 
 	class Foo {
@@ -24,4 +26,5 @@ export default function Class_state_field_constructor_assignment($$anchor, $$pro
 	}
 
 	$.pop();
+	$$cleanup();
 }

packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/server/index.svelte.js

@@ -1,6 +1,8 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Class_state_field_constructor_assignment($$payload, $$props) {
+	const $$cleanup = $.setup($$payload);
+
 	$.push();
 
 	class Foo {
@@ -14,4 +16,5 @@ export default function Class_state_field_constructor_assignment($$payload, $$pr
 	}
 
 	$.pop();
+	$$cleanup($$payload);
 }