feat: Tests (passing and failing

packages/svelte/tests/runtime-runes/samples/snippet-argument-destructured-multiple/_config.js

@@ -0,0 +1,21 @@
+import { test } from '../../test';
+
+export default test({
+	html: `
+		<p>clicks: 0, doubled: 0</p>
+		<button>click me</button>
+	`,
+
+	async test({ assert, target }) {
+		const btn = target.querySelector('button');
+
+		await btn?.click();
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<p>clicks: 1, doubled: 2</p>
+				<button>click me</button>
+			`
+		);
+	}
+});

packages/svelte/tests/runtime-runes/samples/snippet-argument-destructured-multiple/main.svelte

@@ -0,0 +1,14 @@
+<script>
+	let count = $state(0);
+	let doubled = $derived(count * 2);
+</script>
+
+{#snippet foo({ count }, { doubled })}
+	<p>clicks: {count}, doubled: {doubled}</p>
+{/snippet}
+
+{@render foo({ count }, { doubled })}
+
+<button on:click={() => count += 1}>
+	click me
+</button>

packages/svelte/tests/runtime-runes/samples/snippet-argument-multiple/_config.js

@@ -0,0 +1,21 @@
+import { test } from '../../test';
+
+export default test({
+	html: `
+		<p>clicks: 0, doubled: 0</p>
+		<button>click me</button>
+	`,
+
+	async test({ assert, target }) {
+		const btn = target.querySelector('button');
+
+		await btn?.click();
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<p>clicks: 1, doubled: 2</p>
+				<button>click me</button>
+			`
+		);
+	}
+});

packages/svelte/tests/runtime-runes/samples/snippet-argument-multiple/main.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	let count = $state(0);
+	let doubled = $derived(count * 2);
+</script>
+
+{#snippet foo(n: number, doubled: number)}
+	<p>clicks: {n}, doubled: {doubled}</p>
+{/snippet}
+
+{@render foo(count, doubled)}
+
+<button on:click={() => count += 1}>
+	click me
+</button>

packages/svelte/tests/runtime-runes/samples/snippet-argument-rest-destructured/_config.js

@@ -0,0 +1,21 @@
+import { test } from '../../test';
+
+export default test({
+	html: `
+		<p>clicks: 0, doubled: 0, tripled: 0</p>
+		<button>click me</button>
+	`,
+
+	async test({ assert, target }) {
+		const btn = target.querySelector('button');
+
+		await btn?.click();
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<p>clicks: 1, doubled: 2, tripled: 3</p>
+				<button>click me</button>
+			`
+		);
+	}
+});

packages/svelte/tests/runtime-runes/samples/snippet-argument-rest-destructured/main.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	let count = $state(0);
+	let doubled = $derived(count * 2);
+	let tripled = $derived(count * 3);
+</script>
+
+{#snippet foo(n: number, ...[doubled, { tripled }]: number[])}
+	<p>clicks: {n}, doubled: {doubled}, tripled: {tripled}</p>
+{/snippet}
+
+{@render foo(count, doubled, {tripled})}
+
+<button on:click={() => count += 1}>
+	click me
+</button>

packages/svelte/tests/runtime-runes/samples/snippet-argument-rest/_config.js

@@ -0,0 +1,21 @@
+import { test } from '../../test';
+
+export default test({
+	html: `
+		<p>clicks: 0, doubled: 0, tripled: 0</p>
+		<button>click me</button>
+	`,
+
+	async test({ assert, target }) {
+		const btn = target.querySelector('button');
+
+		await btn?.click();
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<p>clicks: 1, doubled: 2, tripled: 3</p>
+				<button>click me</button>
+			`
+		);
+	}
+});

packages/svelte/tests/runtime-runes/samples/snippet-argument-rest/main.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	let count = $state(0);
+	let doubled = $derived(count * 2);
+	let tripled = $derived(count * 3);
+</script>
+
+{#snippet foo(n: number, ...rest: number[])}
+	<p>clicks: {n}, doubled: {rest[0]}, tripled: {rest[1]}</p>
+{/snippet}
+
+{@render foo(count, doubled, tripled)}
+
+<button on:click={() => count += 1}>
+	click me
+</button>