From 575d0fcfe78381aa7d8aad738925b7c447602c75 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Tue, 28 Nov 2023 11:28:12 -0500
Subject: [PATCH] skipped, partially passing array test

---
 .../samples/magic-array/_config.js            | 61 +++++++++++++++++++
 .../samples/magic-array/main.svelte           | 24 ++++++++
 2 files changed, 85 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-runes/samples/magic-array/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/magic-array/main.svelte

diff --git a/packages/svelte/tests/runtime-runes/samples/magic-array/_config.js b/packages/svelte/tests/runtime-runes/samples/magic-array/_config.js
new file mode 100644
index 0000000000..e1bc499b57
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/magic-array/_config.js
@@ -0,0 +1,61 @@
+import { test } from '../../test';
+
+export default test({
+	skip: true, // TODO `array.reverse()` doesn't trigger each block update
+
+	html: `
+		<button>1 + 2 + 3 = 6</button>
+		<button>clear</button>
+		<button>reverse</button>
+		<span>1</span>
+		<span>2</span>
+		<span>3</span>
+		<strong>array[1]: 2</strong>
+	`,
+
+	async test({ assert, target }) {
+		const [add, clear, reverse] = target.querySelectorAll('button');
+
+		await add?.click();
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>1 + 2 + 3 + 4 = 10</button>
+				<button>clear</button>
+				<button>reverse</button>
+				<span>1</span>
+				<span>2</span>
+				<span>3</span>
+				<span>4</span>
+				<strong>array[1]: 2</strong>
+			`
+		);
+
+		await reverse?.click();
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>4 + 3 + 2 + 1 = 10</button>
+				<button>clear</button>
+				<button>reverse</button>
+				<span>4</span>
+				<span>3</span>
+				<span>2</span>
+				<span>1</span>
+				<strong>array[1]: 3</strong>
+			`
+		);
+
+		await clear?.click();
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>4 = 4</button>
+				<button>clear</button>
+				<button>reverse</button>
+				<span>4</span>
+				<strong>array[1]: undefined</strong>
+			`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/magic-array/main.svelte b/packages/svelte/tests/runtime-runes/samples/magic-array/main.svelte
new file mode 100644
index 0000000000..0ab44afe5f
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/magic-array/main.svelte
@@ -0,0 +1,24 @@
+<script>
+	import { magic } from 'svelte';
+
+	const array = magic([1, 2, 3]);
+	const sum = $derived(array.reduce((a, b) => a + b, 0));
+</script>
+
+<button onclick={() => array.push(array.length + 1)}>
+	{array.join(' + ')} = {sum}
+</button>
+
+<button onclick={() => array.length = 1}>
+	clear
+</button>
+
+<button onclick={() => array.reverse()}>
+	reverse
+</button>
+
+{#each array as n}
+	<span>{n}</span>
+{/each}
+
+<strong>array[1]: {array[1]}</strong>