chore: better async setContext test (#17398)

packages/svelte/tests/runtime-runes/samples/async-set-context/A.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+	import { setContext } from "svelte";
+	import B from "./B.svelte";
+
+	let greeting = 'hello';
+	setContext("greeting", greeting);
+
+	await Promise.resolve();
+
+	let recipient = 'world';
+</script>
+
+<B {recipient} />

packages/svelte/tests/runtime-runes/samples/async-set-context/B.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { setContext } from "svelte";
+	import C from "./C.svelte";
+
+	let { recipient } = $props();
+
+	// svelte-ignore state_referenced_locally
+	setContext("recipient", recipient);
+	await Promise.resolve();
+</script>
+
+<C />

packages/svelte/tests/runtime-runes/samples/async-set-context/C.svelte

@@ -2,6 +2,7 @@
 	import { getContext } from "svelte";
 
   let greeting = getContext("greeting");
+  let recipient = getContext("recipient");
 </script>
 
-<p>{greeting}</p>
+<p>{greeting} {recipient}</p>

packages/svelte/tests/runtime-runes/samples/async-set-context/Outer.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { setContext } from "svelte";
-	import Inner from "./Inner.svelte";
-
-	setContext("greeting", "hi");
-	await Promise.resolve();
-</script>
-
-<Inner />

packages/svelte/tests/runtime-runes/samples/async-set-context/_config.js

@@ -3,9 +3,9 @@ import { test } from '../../test';
 
 export default test({
 	mode: ['client', 'async-server'],
-	ssrHtml: `<p>hi</p>`,
+	ssrHtml: `<p>hello world</p>`,
 	async test({ assert, target }) {
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<p>hi</p>');
+		assert.htmlEqual(target.innerHTML, '<p>hello world</p>');
 	}
 });

packages/svelte/tests/runtime-runes/samples/async-set-context/main.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import Outer from "./Outer.svelte";
+	import A from "./A.svelte";
 
 	await Promise.resolve();
 </script>
 
-<Outer />
+<A />