more tests

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

@@ -4,6 +4,15 @@ export default test({
 	html: `
 		<p>foo</p>
 		<hr>
+		<p>foo</p>
+		<hr>
+		<p>foo</p>
+		<hr>
+		<p>foo</p>
+		<hr>
+		<p>bar</p>
+		<hr>
+		<hr>
 		<button>toggle</button>
 	`,
 
@@ -15,6 +24,16 @@ export default test({
 			`
 				<p>bar</p>
 				<hr>
+				<p>bar</p>
+				<hr>
+				<p>foo</p>
+				<hr>
+				<p>foo</p>
+				<hr>
+				<p>foo</p>
+				<hr>
+				<p>foo</p>
+				<hr>
 				<p>foo</p>
 				<button>toggle</button>
 			`

packages/svelte/tests/runtime-runes/samples/snippet-expressions/child.svelte

@@ -1,7 +1,21 @@
 <script>
 	let { snippets, snippet, optional } = $props();
+
+	function getOptional() {
+		return optional;
+	}
 </script>
 
 {@render snippets[snippet]()}
 <hr>
+{@render snippets?.[snippet]?.()}
+<hr>
+{@render snippets.foo()}
+<hr>
+{@render snippets.foo?.()}
+<hr>
+{@render (optional ?? snippets.bar)()}
+<hr>
 {@render optional?.()}
+<hr>
+{@render getOptional()?.()}

packages/svelte/tests/runtime-runes/samples/snippet-expressions/main.svelte

@@ -1,6 +1,6 @@
 <script>
 	import Child from './child.svelte';
-	let snippet = $state(0);
+	let snippet = $state('foo');
 	let show = $state(false);
 </script>
 
@@ -12,6 +12,6 @@
 	<p>bar</p>
 {/snippet}
 
-<Child snippets={[foo, bar]} {snippet} optional={show ? foo : undefined} />
+<Child snippets={{foo, bar}} {snippet} optional={show ? foo : undefined} />
 
-<button on:click={() => { snippet = 1; show = true; }}>toggle</button>
+<button on:click={() => { snippet = 'bar'; show = true; }}>toggle</button>