From c0f56f4f26550c8f5678741413ad25c9e43376be Mon Sep 17 00:00:00 2001
From: raythurnvoid <53383860+raythurnvoid@users.noreply.github.com>
Date: Wed, 4 Jun 2025 01:58:37 +0100
Subject: [PATCH] add tests

---
 .../_config.js                                | 33 +++++++++++++++++++
 .../main.svelte                               | 22 +++++++++++++
 2 files changed, 55 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-runes/samples/set-and-flushsync-conditionally-rendered-state/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/set-and-flushsync-conditionally-rendered-state/main.svelte

diff --git a/packages/svelte/tests/runtime-runes/samples/set-and-flushsync-conditionally-rendered-state/_config.js b/packages/svelte/tests/runtime-runes/samples/set-and-flushsync-conditionally-rendered-state/_config.js
new file mode 100644
index 0000000000..66018e0b39
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/set-and-flushsync-conditionally-rendered-state/_config.js
@@ -0,0 +1,33 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+// This test does not fail when the fix is removed, some jsdom/nodejs quirk, this requires browser mode to be tested
+export default test({
+	html: `<button>switch</button><div>flag : true</div>`,
+
+	test({ assert, target }) {
+		const button = target.querySelector('button');
+
+		// Verify initial state - only first div visible
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>switch</button>
+				<div>flag : true</div>
+			`
+		);
+
+		// Click the button
+		flushSync(() => button?.click());
+
+		// Verify after click - both divs should be visible
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>switch</button>
+				<div>flag : false</div>
+				<div>boolElText : false</div>
+			`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/set-and-flushsync-conditionally-rendered-state/main.svelte b/packages/svelte/tests/runtime-runes/samples/set-and-flushsync-conditionally-rendered-state/main.svelte
new file mode 100644
index 0000000000..6cf3f74188
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/set-and-flushsync-conditionally-rendered-state/main.svelte
@@ -0,0 +1,22 @@
+<script>
+	import { flushSync } from 'svelte';
+
+	let flag = $state(true);
+	let boolElText = $state(true);
+
+	async function handleClick() {
+		flushSync(() => {
+			boolElText = !boolElText;
+		});
+
+		flag = !flag;
+	}
+</script>
+
+<button onclick={handleClick}>switch</button>
+
+<div>flag : {flag}</div>
+
+{#if !flag}
+	<div>boolElText : {boolElText}</div>
+{/if}