From d0d9a3642c86687d9cccf2872fdab7c6460ebcb5 Mon Sep 17 00:00:00 2001
From: paoloricciuti <ricciutipaolo@gmail.com>
Date: Wed, 22 Jan 2025 18:28:43 +0100
Subject: [PATCH] chore: add test for agglomerated `onchange`

---
 .../state-onchange-accumulated/_config.js      | 18 ++++++++++++++++++
 .../state-onchange-accumulated/main.svelte     | 15 +++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-runes/samples/state-onchange-accumulated/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/state-onchange-accumulated/main.svelte

diff --git a/packages/svelte/tests/runtime-runes/samples/state-onchange-accumulated/_config.js b/packages/svelte/tests/runtime-runes/samples/state-onchange-accumulated/_config.js
new file mode 100644
index 0000000000..f99a1c856b
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/state-onchange-accumulated/_config.js
@@ -0,0 +1,18 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	async test({ assert, target, logs }) {
+		const [btn, btn2] = target.querySelectorAll('button');
+
+		flushSync(() => {
+			btn.click();
+		});
+		assert.deepEqual(logs, ['foo', 'baz']);
+
+		flushSync(() => {
+			btn2.click();
+		});
+		assert.deepEqual(logs, ['foo', 'baz', 'foo', 'baz']);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/state-onchange-accumulated/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-onchange-accumulated/main.svelte
new file mode 100644
index 0000000000..1a299533a4
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/state-onchange-accumulated/main.svelte
@@ -0,0 +1,15 @@
+<script>
+	let foo = $state({ bar: 1 }, {
+		onchange(){
+			console.log("foo");
+		}
+	});
+	let baz = $state(foo, {
+		onchange(){
+			console.log("baz");
+		}
+	})
+</script>
+
+<button onclick={()=> foo.bar++}>foo</button>
+<button onclick={()=> baz.bar++}>baz</button>