From fa3d118550363c4791b40d6e7439a3dd8dcc7252 Mon Sep 17 00:00:00 2001
From: Dominic Gannaway <dg@domgan.com>
Date: Mon, 19 Feb 2024 16:57:06 +0000
Subject: [PATCH] fix: better handling of empty text node hydration

---
 .../tests/runtime-runes/samples/state-space/_config.js |  7 +++++--
 .../runtime-runes/samples/state-space/main.svelte      | 10 ++++++++--
 .../runtime-runes/samples/state-undefined/_config.js   |  7 ++-----
 .../runtime-runes/samples/state-undefined/main.svelte  | 10 ++--------
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/packages/svelte/tests/runtime-runes/samples/state-space/_config.js b/packages/svelte/tests/runtime-runes/samples/state-space/_config.js
index e012718f83..2f7c0d88ac 100644
--- a/packages/svelte/tests/runtime-runes/samples/state-space/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/state-space/_config.js
@@ -1,12 +1,15 @@
 import { test } from '../../test';
 
 export default test({
-	html: `<button></button>`,
+	html: `<button type="button">Update Text</button><div></div>`,
 
 	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		await btn?.click();
-		assert.htmlEqual(target.innerHTML, `<button>foo</button>`);
+		assert.htmlEqual(
+			target.innerHTML,
+			`<button type="button">Update Text</button><div>updated</div>`
+		);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/state-space/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-space/main.svelte
index 59821eae89..a9f5e96f0b 100644
--- a/packages/svelte/tests/runtime-runes/samples/state-space/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/state-space/main.svelte
@@ -1,5 +1,11 @@
 <script>
-    let foo = $state();
+	let text = $state('');
+
+	function update_text() {
+			text = 'updated';
+	}
 </script>
 
-<button on:click={() => foo = 'foo'}>{foo}</button>
+<button type="button" on:click={update_text}>Update Text</button>
+
+<div>{text}</div>
diff --git a/packages/svelte/tests/runtime-runes/samples/state-undefined/_config.js b/packages/svelte/tests/runtime-runes/samples/state-undefined/_config.js
index 2f7c0d88ac..e012718f83 100644
--- a/packages/svelte/tests/runtime-runes/samples/state-undefined/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/state-undefined/_config.js
@@ -1,15 +1,12 @@
 import { test } from '../../test';
 
 export default test({
-	html: `<button type="button">Update Text</button><div></div>`,
+	html: `<button></button>`,
 
 	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		await btn?.click();
-		assert.htmlEqual(
-			target.innerHTML,
-			`<button type="button">Update Text</button><div>updated</div>`
-		);
+		assert.htmlEqual(target.innerHTML, `<button>foo</button>`);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/state-undefined/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-undefined/main.svelte
index a9f5e96f0b..59821eae89 100644
--- a/packages/svelte/tests/runtime-runes/samples/state-undefined/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/state-undefined/main.svelte
@@ -1,11 +1,5 @@
 <script>
-	let text = $state('');
-
-	function update_text() {
-			text = 'updated';
-	}
+    let foo = $state();
 </script>
 
-<button type="button" on:click={update_text}>Update Text</button>
-
-<div>{text}</div>
+<button on:click={() => foo = 'foo'}>{foo}</button>