update test

Author: Rich-Harris

packages/svelte/tests/runtime-runes/samples/async-top-level/_config.js

@@ -1,24 +1,14 @@
 import { tick } from 'svelte';
-import { deferred } from '../../../../src/internal/shared/utils.js';
 import { test } from '../../test';
 
-/** @type {ReturnType<typeof deferred>} */
-let d;
-
 export default test({
-	html: `<p>pending</p>`,
-
-	get props() {
-		d = deferred();
-
-		return {
-			promise: d.promise
-		};
-	},
+	html: `<button>hello</button><p>pending</p>`,
 
 	async test({ assert, target }) {
-		d.resolve('hello');
+		const [hello] = target.querySelectorAll('button');
+
+		hello.click();
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<p>hello</p>');
+		assert.htmlEqual(target.innerHTML, '<button>hello</button><p>hello</p>');
 	}
 });

packages/svelte/tests/runtime-runes/samples/async-top-level/main.svelte

@@ -1,11 +1,13 @@
 <script>
 	import Child from './Child.svelte';
 
-	let { promise } = $props();
+	let deferred = $state(Promise.withResolvers());
 </script>
 
+<button onclick={() => deferred.resolve('hello')}>hello</button>
+
 <svelte:boundary>
-	<Child {promise} />
+	<Child promise={deferred.promise} />
 
 	{#snippet pending()}
 		<p>pending</p>