add test

Author: trueadm

packages/svelte/tests/runtime-runes/samples/inspect-deep-array/_config.js

@@ -0,0 +1,29 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	compileOptions: {
+		dev: true
+	},
+
+	async test({ target, assert, logs }) {
+		const button = target.querySelector('button');
+
+		flushSync(() => {
+			button?.click();
+		});
+
+		assert.deepEqual(logs, [
+			'init',
+			[1, 2, 3, 7],
+			'update',
+			[2, 2, 3, 7],
+			'update',
+			[2, 3, 3, 7],
+			'update',
+			[2, 3, 7, 7],
+			'update',
+			[2, 3, 7]
+		]);
+	}
+});

packages/svelte/tests/runtime-runes/samples/inspect-deep-array/main.svelte

@@ -0,0 +1,33 @@
+<script>
+	function createState(init) {
+		let values = $state(init);
+
+		return {
+			get value() {
+				return $state.snapshot(values);
+			},
+
+			get workedValues() {
+				let newValue = [];
+				for (const value of values) {
+					if (value === undefined) {
+						throw new Error('undefined found');
+					}
+
+					newValue.push(value);
+				}
+				return newValue;
+			},
+
+			doSplice() {
+				values.splice(0, 1);
+			}
+		};
+	}
+
+	const myState = createState([1, 2, 3, 7]);
+
+	$inspect(myState.workedValues);
+</script>
+
+<button onclick={() => myState.doSplice()}>Delete</button>