From 77b4f568530bb7daa95ddd0f275d002b1ae55a90 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 2 Jul 2025 21:53:29 -0400
Subject: [PATCH] tidy up test

---
 .../samples/async-each-keyed/_config.js       | 41 +++++++++----------
 .../samples/async-each-keyed/main.svelte      | 15 +++++--
 2 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/packages/svelte/tests/runtime-runes/samples/async-each-keyed/_config.js b/packages/svelte/tests/runtime-runes/samples/async-each-keyed/_config.js
index 7a9c0760bb..bef2b1546f 100644
--- a/packages/svelte/tests/runtime-runes/samples/async-each-keyed/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/async-each-keyed/_config.js
@@ -1,41 +1,38 @@
 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({
 	compileOptions: {
 		dev: true
 	},
-	html: `<p>pending</p>`,
 
-	get props() {
-		d = deferred();
+	html: `
+		<button>reset</button>
+		<button>one</button>
+		<button>two</button>
+		<button>three</button>
+		<p>pending</p>
+	`,
 
-		return {
-			promise: d.promise
-		};
-	},
+	async test({ assert, target }) {
+		const [reset, one, two, three] = target.querySelectorAll('button');
 
-	async test({ assert, target, component }) {
-		d.resolve(['a', 'b', 'c']);
+		one.click();
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<p>a</p><p>b</p><p>c</p>');
 
-		d = deferred();
-		component.promise = d.promise;
+		const [div] = target.querySelectorAll('div');
+		assert.htmlEqual(div.innerHTML, '<p>a</p><p>b</p><p>c</p>');
+
+		reset.click();
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<p>a</p><p>b</p><p>c</p>');
+		assert.htmlEqual(div.innerHTML, '<p>a</p><p>b</p><p>c</p>');
 
-		d.resolve(['d', 'e', 'f', 'g']);
+		two.click();
 		await tick();
-		assert.htmlEqual(target.innerHTML, '<p>d</p><p>e</p><p>f</p><p>g</p>');
+		assert.htmlEqual(div.innerHTML, '<p>d</p><p>e</p><p>f</p><p>g</p>');
 
-		d = deferred();
-		component.promise = d.promise;
-		d.resolve(['d', 'e', 'f', 'd']);
+		reset.click();
+		three.click();
 		await tick();
 		assert.fail('should not allow duplicate keys');
 	},
diff --git a/packages/svelte/tests/runtime-runes/samples/async-each-keyed/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-each-keyed/main.svelte
index 07e4f17c53..081e17fbfc 100644
--- a/packages/svelte/tests/runtime-runes/samples/async-each-keyed/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/async-each-keyed/main.svelte
@@ -1,11 +1,18 @@
 <script>
-	let { promise } = $props();
+	let deferred = $state(Promise.withResolvers());
 </script>
 
+<button onclick={() => deferred = Promise.withResolvers()}>reset</button>
+<button onclick={() => deferred.resolve(['a', 'b', 'c'])}>one</button>
+<button onclick={() => deferred.resolve(['d', 'e', 'f', 'g'])}>two</button>
+<button onclick={() => deferred.resolve(['d', 'e', 'f', 'd'])}>three</button>
+
 <svelte:boundary>
-	{#each await promise as item (item)}
-		<p>{item}</p>
-	{/each}
+	<div>
+		{#each await deferred.promise as item (item)}
+			<p>{item}</p>
+		{/each}
+	</div>
 
 	{#snippet pending()}
 		<p>pending</p>