From 8fa94fd8dd431b08ccda798109a93cd2cb72a84d Mon Sep 17 00:00:00 2001
From: Dominic Gannaway <dg@domgan.com>
Date: Tue, 17 Sep 2024 17:23:30 +0100
Subject: [PATCH] add test

---
 .../samples/if-block-dependencies/_config.js  | 19 +++++++++++++++++
 .../samples/if-block-dependencies/main.svelte | 21 +++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-runes/samples/if-block-dependencies/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/if-block-dependencies/main.svelte

diff --git a/packages/svelte/tests/runtime-runes/samples/if-block-dependencies/_config.js b/packages/svelte/tests/runtime-runes/samples/if-block-dependencies/_config.js
new file mode 100644
index 0000000000..b5847f3f7b
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/if-block-dependencies/_config.js
@@ -0,0 +1,19 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	async test({ assert, target }) {
+		await Promise.resolve();
+
+		let [btn1] = target.querySelectorAll('button');
+
+		flushSync(() => {
+			btn1?.click();
+		});
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`false\ntrue\n<button>Toggle</button>\nfirst:\nfalse\n<br>\nsecond:\ntrue`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/if-block-dependencies/main.svelte b/packages/svelte/tests/runtime-runes/samples/if-block-dependencies/main.svelte
new file mode 100644
index 0000000000..72f435d91d
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/if-block-dependencies/main.svelte
@@ -0,0 +1,21 @@
+<script>
+	let first = $state(true)
+	let second = $state(false)
+	let derivedSecond = $derived(second)
+
+	queueMicrotask(() => {
+		first = false
+	});
+</script>
+
+{first} {second}
+
+<button onclick={() => {
+	second = true
+}}>Toggle</button>
+
+{#if first || derivedSecond}
+		first: {first}
+		<br />
+		second: {derivedSecond}
+{/if}