From deda7d7dc68b15137697057205556ef869bb857c Mon Sep 17 00:00:00 2001
From: raythurnvoid <53383860+raythurnvoid@users.noreply.github.com>
Date: Mon, 2 Jun 2025 15:55:50 +0100
Subject: [PATCH] Add tests

---
 .../_config.js                                | 34 +++++++++++++++++++
 .../main.svelte                               | 22 ++++++++++++
 .../module.svelte.js                          | 19 +++++++++++
 .../nested.svelte                             | 15 ++++++++
 4 files changed, 90 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/module.svelte.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/nested.svelte

diff --git a/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/_config.js b/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/_config.js
new file mode 100644
index 0000000000..f3dd65eded
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/_config.js
@@ -0,0 +1,34 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	test({ assert, target, logs }) {
+		const button = target.querySelector('button');
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>toggle</button>
+				<div>
+					<p>First if block:</p>
+					<span class="first">First: true</span>
+					<p>Second if block:</p>
+					<span class="second">Second: true</span>
+				</div>
+			`
+		);
+
+		flushSync(() => button?.click());
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>toggle</button>
+				<div>
+					<p>First if block:</p>
+					<p>Second if block:</p>
+				</div>
+			`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/main.svelte b/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/main.svelte
new file mode 100644
index 0000000000..0408b6218a
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/main.svelte
@@ -0,0 +1,22 @@
+<script>
+	import { onMount } from 'svelte';
+	import { mountComponentWithContext } from './module.svelte.js';
+
+	let mountTarget;
+
+	let getShowText;
+	let setShowText;
+
+	onMount(() => {
+		const r = mountComponentWithContext(mountTarget);
+		getShowText = r.getShowText;
+		setShowText = r.setShowText;
+	});
+
+	function toggleState() {
+		setShowText(!getShowText());
+	}
+</script>
+
+<button onclick={() => toggleState()}>toggle</button>
+<div bind:this={mountTarget}></div>
diff --git a/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/module.svelte.js b/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/module.svelte.js
new file mode 100644
index 0000000000..7bb2471670
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/module.svelte.js
@@ -0,0 +1,19 @@
+import { mount } from 'svelte';
+import Nested from './nested.svelte';
+
+export function mountComponentWithContext(target) {
+	const stateObject = $state({ showText: true });
+
+	mount(Nested, {
+		target,
+		props: {},
+		context: new Map([['stateContext', stateObject]])
+	});
+
+	return {
+		getShowText: () => stateObject.showText,
+		setShowText: (newShowText) => {
+			stateObject.showText = newShowText;
+		}
+	};
+}
diff --git a/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/nested.svelte b/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/nested.svelte
new file mode 100644
index 0000000000..92c6d800ae
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/mount-component-in-onmount-with-context-with-state/nested.svelte
@@ -0,0 +1,15 @@
+<script>
+	import { getContext } from 'svelte';
+
+	const stateObjectFromContext = getContext('stateContext');
+</script>
+
+<p>First if block:</p>
+{#if stateObjectFromContext.showText === true}
+	<span class="first">First: {stateObjectFromContext.showText}</span>
+{/if}
+
+<p>Second if block:</p>
+{#if stateObjectFromContext.showText === true}
+	<span class="second">Second: {stateObjectFromContext.showText}</span>
+{/if}