chore: push failing test for extrapolated reference

packages/svelte/tests/runtime-runes/samples/state-onchange-extrapolated-reference/_config.js

@@ -0,0 +1,23 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	async test({ assert, target, logs }) {
+		const [btn, btn2, btn3, btn4] = target.querySelectorAll('button');
+		logs.length = 0;
+
+		flushSync(() => {
+			btn.click();
+		});
+		flushSync(() => {
+			btn2.click();
+		});
+		flushSync(() => {
+			btn3.click();
+		});
+		flushSync(() => {
+			btn4.click();
+		});
+		assert.deepEqual(logs, []);
+	}
+});

packages/svelte/tests/runtime-runes/samples/state-onchange-extrapolated-reference/main.svelte

@@ -0,0 +1,31 @@
+<script>
+	let arr = $state([{ count: 1 }, { count: 1 }], {
+		onchange(){
+			console.log("arr");
+		}
+	});
+
+	const item = arr.pop();
+
+	const item_2 = arr[0];
+
+	arr[0] = { count: 1 };
+
+	let obj = $state({ value: { count: 0 }, key: { count: 0 } }, {
+		onchange(){
+			console.log("obj");
+		}
+	});
+
+	const item_3 = obj.value;
+	delete obj.value;
+
+	const values = [...Object.values(obj)];
+
+	delete obj.key;
+</script>
+
+<button onclick={()=> item.count++}>{item.count}</button>
+<button onclick={()=> item_2.count++}>{item_2.count}</button>
+<button onclick={()=> item_3.count++}>{item_3.count}</button>
+<button onclick={()=> values[0].count++}>{values[0].count}</button>