update some tests

packages/svelte/tests/runtime-runes/samples/async-abort-signal/_config.js

@@ -2,7 +2,7 @@ import { settled, tick } from 'svelte';
 import { test } from '../../test';
 
 export default test({
-	async test({ assert, target, logs, variant }) {
+	async test({ assert, target, logs }) {
 		const [reset, resolve] = target.querySelectorAll('button');
 
 		reset.click();

packages/svelte/tests/runtime-runes/samples/async-block-reject-each-during-init/_config.js

@@ -2,7 +2,7 @@ import { tick } from 'svelte';
 import { test } from '../../test';
 
 export default test({
-	async test({ assert, target, errors }) {
+	async test({ assert, target }) {
 		const [increment, resolve, reject] = target.querySelectorAll('button');
 
 		increment.click();

packages/svelte/tests/runtime-runes/samples/async-derived-module/_config.js

@@ -1,4 +1,4 @@
-import { flushSync, settled, tick } from 'svelte';
+import { flushSync, tick } from 'svelte';
 import { deferred } from '../../../../src/internal/shared/utils.js';
 import { test } from '../../test';
 

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

@@ -1,33 +1,48 @@
 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>`,
+	html: `
-
+		<button>reset</button>
-	get props() {
+		<button>abc</button>
-		d = deferred();
+		<button>defg</button>
+		<p>pending</p>
+	`,
 
-		return {
+	async test({ assert, target }) {
-			promise: d.promise
+		const [reset, abc, defg] = target.querySelectorAll('button');
-		};
-	},
 
-	async test({ assert, target, component }) {
+		abc.click();
-		d.resolve(['a', 'b', 'c']);
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<p>a</p><p>b</p><p>c</p>');
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>reset</button>
+				<button>abc</button>
+				<button>defg</button>
+				<p>a</p><p>b</p><p>c</p>`
+		);
 
-		d = deferred();
+		reset.click();
-		component.promise = d.promise;
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<p>a</p><p>b</p><p>c</p>');
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>reset</button>
+				<button>abc</button>
+				<button>defg</button>
+				<p>a</p><p>b</p><p>c</p>`
+		);
 
-		d.resolve(['d', 'e', 'f', 'g']);
+		defg.click();
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<p>d</p><p>e</p><p>f</p><p>g</p>');
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>reset</button>
+				<button>abc</button>
+				<button>defg</button>
+				<p>d</p><p>e</p><p>f</p><p>g</p>`
+		);
 	}
 });

packages/svelte/tests/runtime-runes/samples/async-each/main.svelte

@@ -1,9 +1,13 @@
 <script>
-	let { promise } = $props();
+	let deferred = $state(Promise.withResolvers());
 </script>
 
+<button onclick={() => deferred = Promise.withResolvers()}>reset</button>
+<button onclick={() => deferred.resolve(['a', 'b', 'c'])}>abc</button>
+<button onclick={() => deferred.resolve(['d', 'e', 'f', 'g'])}>defg</button>
+
 <svelte:boundary>
-	{#each await promise as item}
+	{#each await deferred.promise as item}
 		<p>{item}</p>
 	{/each}
 

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

@@ -1,4 +1,4 @@
-import { flushSync, tick } from 'svelte';
+import { tick } from 'svelte';
 import { test } from '../../test';
 
 export default test({

packages/svelte/tests/runtime-runes/samples/async-html-tag/_config.js

@@ -1,32 +1,51 @@
 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>`,
+	html: `
-
+		<button>reset</button>
-	get props() {
+		<button>hello</button>
-		d = deferred();
+		<button>goodbye</button>
+		<p>pending</p>
+	`,
 
-		return {
+	async test({ assert, target }) {
-			promise: d.promise
+		const [reset, hello, goodbye] = target.querySelectorAll('button');
-		};
-	},
 
-	async test({ assert, target, component }) {
+		hello.click();
-		d.resolve('hello');
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>reset</button>
+				<button>hello</button>
+				<button>goodbye</button>
+				<h1>hello</h1>
+			`
+		);
 
-		component.promise = (d = deferred()).promise;
+		reset.click();
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>reset</button>
+				<button>hello</button>
+				<button>goodbye</button>
+				<h1>hello</h1>
+			`
+		);
 
-		d.resolve('wheee');
+		goodbye.click();
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<h1>wheee</h1>');
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>reset</button>
+				<button>hello</button>
+				<button>goodbye</button>
+				<h1>goodbye</h1>
+			`
+		);
 	}
 });

packages/svelte/tests/runtime-runes/samples/async-html-tag/main.svelte

@@ -1,9 +1,13 @@
 <script>
-	let { promise } = $props();
+	let deferred = $state(Promise.withResolvers());
 </script>
 
+<button onclick={() => deferred = Promise.withResolvers()}>reset</button>
+<button onclick={() => deferred.resolve('hello')}>hello</button>
+<button onclick={() => deferred.resolve('goodbye')}>goodbye</button>
+
 <svelte:boundary>
-	<h1>{@html await promise}</h1>
+	<h1>{@html await deferred.promise}</h1>
 
 	{#snippet pending()}
 		<p>pending</p>

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

@@ -1,21 +1,9 @@
 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: `<button>reset</button><button>true</button><button>false</button><p>pending</p>`,
 
-	get props() {
-		d = deferred();
-
-		return {
-			promise: d.promise
-		};
-	},
-
 	async test({ assert, target }) {
 		const [reset, t, f] = target.querySelectorAll('button');
 

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

@@ -1,46 +1,46 @@
 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>`,
+	html: `
-
+		<button>reset</button>
-	get props() {
+		<button>1</button>
-		d = deferred();
+		<button>2</button>
-
+		<p>pending</p>
-		return {
+	`,
-			promise: d.promise
+
-		};
+	async test({ assert, target }) {
-	},
+		const [reset, one, two] = target.querySelectorAll('button');
-
+
-	async test({ assert, target, component }) {
+		const html = `
-		d.resolve(1);
+			<button>reset</button>
+			<button>1</button>
+			<button>2</button>
+			<h1>hello</h1>
+		`;
+
+		one.click();
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
+		assert.htmlEqual(target.innerHTML, html);
 
 		const h1 = target.querySelector('h1');
 
-		d = deferred();
+		reset.click();
-		component.promise = d.promise;
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
+		assert.htmlEqual(target.innerHTML, html);
 
-		d.resolve(1);
+		one.click();
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
+		assert.htmlEqual(target.innerHTML, html);
 		assert.equal(target.querySelector('h1'), h1);
 
-		d = deferred();
+		reset.click();
-		component.promise = d.promise;
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
+		assert.htmlEqual(target.innerHTML, html);
 
-		d.resolve(2);
+		two.click();
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<h1>hello</h1>');
+		assert.htmlEqual(target.innerHTML, html);
 		assert.notEqual(target.querySelector('h1'), h1);
 	}
 });

packages/svelte/tests/runtime-runes/samples/async-key/main.svelte

@@ -1,9 +1,13 @@
 <script>
-	let { promise } = $props();
+	let deferred = $state(Promise.withResolvers());
 </script>
 
+<button onclick={() => deferred = Promise.withResolvers()}>reset</button>
+<button onclick={() => deferred.resolve(1)}>1</button>
+<button onclick={() => deferred.resolve(2)}>2</button>
+
 <svelte:boundary>
-	{#key await promise}
+	{#key await deferred.promise}
 		<h1>hello</h1>
 	{/key}