From 1a72d285f694f43e6a4d87fb35a7bc303930f579 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 16 Jan 2025 17:24:55 -0500
Subject: [PATCH] tests

---
 .../samples/async-attribute/_config.js        | 34 +++++++++++++++++++
 .../samples/async-attribute/main.svelte       | 11 ++++++
 .../_config.js                                |  0
 .../main.svelte                               |  0
 .../samples/async-top-level/Child.svelte      |  7 ++++
 .../samples/async-top-level/_config.js        | 25 ++++++++++++++
 .../samples/async-top-level/main.svelte       | 13 +++++++
 7 files changed, 90 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-attribute/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-attribute/main.svelte
 rename packages/svelte/tests/runtime-runes/samples/{async-basic => async-expression}/_config.js (100%)
 rename packages/svelte/tests/runtime-runes/samples/{async-basic => async-expression}/main.svelte (100%)
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-top-level/Child.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-top-level/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-top-level/main.svelte

diff --git a/packages/svelte/tests/runtime-runes/samples/async-attribute/_config.js b/packages/svelte/tests/runtime-runes/samples/async-attribute/_config.js
new file mode 100644
index 0000000000..a8df1b04a9
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-attribute/_config.js
@@ -0,0 +1,34 @@
+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
+		};
+	},
+
+	async test({ assert, target, component }) {
+		d.resolve('cool');
+		await Promise.resolve();
+		await tick();
+		assert.htmlEqual(target.innerHTML, '<p class="cool">hello</p>');
+
+		d = deferred();
+		component.promise = d.promise;
+		assert.htmlEqual(target.innerHTML, '<p>pending</p>');
+
+		d.resolve('neat');
+		await Promise.resolve();
+		await tick();
+		assert.htmlEqual(target.innerHTML, '<p class="neat">hello</p>');
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-attribute/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-attribute/main.svelte
new file mode 100644
index 0000000000..aded514453
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-attribute/main.svelte
@@ -0,0 +1,11 @@
+<script>
+	let { promise } = $props();
+</script>
+
+<svelte:boundary>
+	<p class={await promise}>hello</p>
+
+	{#snippet pending()}
+		<p>pending</p>
+	{/snippet}
+</svelte:boundary>
diff --git a/packages/svelte/tests/runtime-runes/samples/async-basic/_config.js b/packages/svelte/tests/runtime-runes/samples/async-expression/_config.js
similarity index 100%
rename from packages/svelte/tests/runtime-runes/samples/async-basic/_config.js
rename to packages/svelte/tests/runtime-runes/samples/async-expression/_config.js
diff --git a/packages/svelte/tests/runtime-runes/samples/async-basic/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-expression/main.svelte
similarity index 100%
rename from packages/svelte/tests/runtime-runes/samples/async-basic/main.svelte
rename to packages/svelte/tests/runtime-runes/samples/async-expression/main.svelte
diff --git a/packages/svelte/tests/runtime-runes/samples/async-top-level/Child.svelte b/packages/svelte/tests/runtime-runes/samples/async-top-level/Child.svelte
new file mode 100644
index 0000000000..7ad618f130
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-top-level/Child.svelte
@@ -0,0 +1,7 @@
+<script>
+	let { promise } = $props();
+
+	let value = await promise;
+</script>
+
+<p>{value}</p>
diff --git a/packages/svelte/tests/runtime-runes/samples/async-top-level/_config.js b/packages/svelte/tests/runtime-runes/samples/async-top-level/_config.js
new file mode 100644
index 0000000000..5f85050d9b
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-top-level/_config.js
@@ -0,0 +1,25 @@
+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
+		};
+	},
+
+	async test({ assert, target }) {
+		d.resolve('hello');
+		await Promise.resolve();
+		await tick();
+		assert.htmlEqual(target.innerHTML, '<p>hello</p>');
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-top-level/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-top-level/main.svelte
new file mode 100644
index 0000000000..718a256b86
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-top-level/main.svelte
@@ -0,0 +1,13 @@
+<script>
+	import Child from './Child.svelte';
+
+	let { promise } = $props();
+</script>
+
+<svelte:boundary>
+	<Child {promise} />
+
+	{#snippet pending()}
+		<p>pending</p>
+	{/snippet}
+</svelte:boundary>