chore: add tests for arrays

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

@@ -3,7 +3,7 @@ import { test } from '../../test';
 
 export default test({
 	async test({ assert, target, logs }) {
-		const [btn, btn2, btn3, btn4, btn5, btn6] = target.querySelectorAll('button');
+		const [btn, btn2, btn3, btn4, btn5, btn6, btn7, btn8, btn9] = target.querySelectorAll('button');
 		flushSync(() => {
 			btn.click();
 		});
@@ -40,5 +40,47 @@ export default test({
 			'class proxy',
 			'class proxy'
 		]);
+
+		flushSync(() => {
+			btn7.click();
+		});
+		assert.deepEqual(logs, [
+			'count',
+			'proxy',
+			'proxy',
+			'class count',
+			'class proxy',
+			'class proxy',
+			'arr'
+		]);
+
+		flushSync(() => {
+			btn8.click();
+		});
+		assert.deepEqual(logs, [
+			'count',
+			'proxy',
+			'proxy',
+			'class count',
+			'class proxy',
+			'class proxy',
+			'arr',
+			'arr'
+		]);
+
+		flushSync(() => {
+			btn9.click();
+		});
+		assert.deepEqual(logs, [
+			'count',
+			'proxy',
+			'proxy',
+			'class count',
+			'class proxy',
+			'class proxy',
+			'arr',
+			'arr',
+			'arr'
+		]);
 	}
 });

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

@@ -25,6 +25,12 @@
 	}
 
 	const class_test = new Test();
+
+	let arr = $state([0,1,2], {
+		onchange(){
+			console.log("arr");
+		}
+	})
 </script>
 
 <button onclick={()=> count++}>{count}</button>
@@ -34,3 +40,7 @@
 <button onclick={()=> class_test.count++}>{class_test.count}</button>
 <button onclick={()=> class_test.proxy.count++}>{class_test.proxy.count}</button>
 <button onclick={()=> class_test.proxy = {count: class_test.proxy.count+1}}>{class_test.proxy.count}</button>
+
+<button onclick={()=> arr.push(arr.length)}>push</button>
+<button onclick={()=>arr.splice(0, 2)}>splice</button>
+<button onclick={()=>arr.sort((a,b)=>b-a)}>sort</button>