From 7b19d12d34de72cb78a8ea4054b98e7eb8e93694 Mon Sep 17 00:00:00 2001
From: ComputerGuy <63362464+Ocean-OS@users.noreply.github.com>
Date: Sat, 2 Aug 2025 16:39:18 -0700
Subject: [PATCH] add test, changeset

---
 .changeset/brave-baboons-teach.md             |  5 ++++
 .../samples/async-const/_config.js            | 16 +++++++++++++
 .../samples/async-const/main.svelte           | 23 +++++++++++++++++++
 3 files changed, 44 insertions(+)
 create mode 100644 .changeset/brave-baboons-teach.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-const/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-const/main.svelte

diff --git a/.changeset/brave-baboons-teach.md b/.changeset/brave-baboons-teach.md
new file mode 100644
index 0000000000..ca76101843
--- /dev/null
+++ b/.changeset/brave-baboons-teach.md
@@ -0,0 +1,5 @@
+---
+'svelte': minor
+---
+
+feat: async fragments
diff --git a/packages/svelte/tests/runtime-runes/samples/async-const/_config.js b/packages/svelte/tests/runtime-runes/samples/async-const/_config.js
new file mode 100644
index 0000000000..9319bafeb0
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-const/_config.js
@@ -0,0 +1,16 @@
+import { test } from '../../test';
+
+export default test({
+	html: `<h1>Loading...</h1>`,
+
+	async test({ assert, target }) {
+		await new Promise((resolve) => setTimeout(resolve, 100));
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+            <h1>Hello, world!</h1>
+            <input type="text"/>
+			`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-const/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-const/main.svelte
new file mode 100644
index 0000000000..bbcf82739f
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-const/main.svelte
@@ -0,0 +1,23 @@
+<script>
+    let name = $state('world');
+    /**
+     * @template T
+     * @param {T} value
+     * @param {number} ms
+     * @returns {Promise<T>}
+     */
+    function wait(value, ms) {
+        return new Promise(resolve => setTimeout(resolve, ms, value));
+    }
+</script>
+<svelte:boundary>
+    {#snippet pending()}
+        <h1>Loading...</h1>
+    {/snippet}
+    {#snippet greet()}
+        {@const greeting = await wait(`Hello, ${name}!`, 50)}
+        <h1>{greeting}</h1>
+        <input type="text" bind:value={name} />
+    {/snippet}
+    {@render greet()}
+</svelte:boundary>
\ No newline at end of file