From 9bf3a6ddf075887291b600355613a00d628c4019 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Tue, 28 Nov 2023 11:12:08 -0500
Subject: [PATCH] more tests

---
 .../samples/magic-cyclical/_config.js           | 12 ++++++++++++
 .../samples/magic-cyclical/main.svelte          | 10 ++++++++++
 .../samples/magic-nested/_config.js             | 12 ++++++++++++
 .../samples/magic-nested/main.svelte            | 17 +++++++++++++++++
 4 files changed, 51 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-runes/samples/magic-cyclical/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/magic-cyclical/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/magic-nested/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/magic-nested/main.svelte

diff --git a/packages/svelte/tests/runtime-runes/samples/magic-cyclical/_config.js b/packages/svelte/tests/runtime-runes/samples/magic-cyclical/_config.js
new file mode 100644
index 0000000000..185a198ca6
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/magic-cyclical/_config.js
@@ -0,0 +1,12 @@
+import { test } from '../../test';
+
+export default test({
+	html: `<button>hello!</button>`,
+
+	async test({ assert, target }) {
+		const btn = target.querySelector('button');
+		await btn?.click();
+
+		assert.htmlEqual(target.innerHTML, `<button>goodbye!</button>`);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/magic-cyclical/main.svelte b/packages/svelte/tests/runtime-runes/samples/magic-cyclical/main.svelte
new file mode 100644
index 0000000000..15b0f2513a
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/magic-cyclical/main.svelte
@@ -0,0 +1,10 @@
+<script>
+	import { magic } from 'svelte';
+
+	const ping = magic({});
+	ping.pong = { ping, pang: 'hello!' };
+</script>
+
+<button onclick={() => ping.pong.pang = 'goodbye!'}>
+	{ping.pong.ping.pong.ping.pong.pang}
+</button>
diff --git a/packages/svelte/tests/runtime-runes/samples/magic-nested/_config.js b/packages/svelte/tests/runtime-runes/samples/magic-nested/_config.js
new file mode 100644
index 0000000000..fdf60d91fd
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/magic-nested/_config.js
@@ -0,0 +1,12 @@
+import { test } from '../../test';
+
+export default test({
+	html: `<button>clicks: 0</button>`,
+
+	async test({ assert, target }) {
+		const btn = target.querySelector('button');
+		await btn?.click();
+
+		assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/magic-nested/main.svelte b/packages/svelte/tests/runtime-runes/samples/magic-nested/main.svelte
new file mode 100644
index 0000000000..7955200ad6
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/magic-nested/main.svelte
@@ -0,0 +1,17 @@
+<script>
+	import { magic } from 'svelte';
+
+	const inner = magic({
+		count: 0
+	})
+
+	const object = magic({
+		outer: {
+			inner
+		}
+	});
+</script>
+
+<button onclick={() => inner.count += 1}>
+	clicks: {object.outer.inner.count}
+</button>