From 43aba2b95869bf897bc20a64a2157d03fc1e9a43 Mon Sep 17 00:00:00 2001
From: Nguyen Tran <nguyen.tran1072e@gmail.com>
Date: Wed, 3 May 2023 12:35:55 -0400
Subject: [PATCH] Add tests for array rest properties being arrays or objects

---
 .../array-rest-is-array-or-object/_config.js  | 12 +++++++
 .../array-rest-is-array-or-object/main.svelte | 15 ++++++++
 .../samples/destructured-props-4/A.svelte     | 25 +++++++++++++
 .../samples/destructured-props-4/_config.js   |  9 +++++
 .../samples/destructured-props-4/main.svelte  |  7 ++++
 .../samples/destructured-props-5/A.svelte     | 23 ++++++++++++
 .../samples/destructured-props-5/_config.js   | 19 ++++++++++
 .../samples/destructured-props-5/main.svelte  | 36 +++++++++++++++++++
 8 files changed, 146 insertions(+)
 create mode 100644 test/runtime/samples/array-rest-is-array-or-object/_config.js
 create mode 100644 test/runtime/samples/array-rest-is-array-or-object/main.svelte
 create mode 100644 test/runtime/samples/destructured-props-4/A.svelte
 create mode 100644 test/runtime/samples/destructured-props-4/_config.js
 create mode 100644 test/runtime/samples/destructured-props-4/main.svelte
 create mode 100644 test/runtime/samples/destructured-props-5/A.svelte
 create mode 100644 test/runtime/samples/destructured-props-5/_config.js
 create mode 100644 test/runtime/samples/destructured-props-5/main.svelte

diff --git a/test/runtime/samples/array-rest-is-array-or-object/_config.js b/test/runtime/samples/array-rest-is-array-or-object/_config.js
new file mode 100644
index 0000000000..c971e109ce
--- /dev/null
+++ b/test/runtime/samples/array-rest-is-array-or-object/_config.js
@@ -0,0 +1,12 @@
+export default {
+	html: `
+    <h1>1</h1>
+    <h1>2</h1>
+    <h1>3</h1>
+    <h1>5</h1>
+    <h1>10</h1>
+    <h1>20</h1>
+    <h1>30</h1>
+    <h1>6</h1>
+  `
+};
diff --git a/test/runtime/samples/array-rest-is-array-or-object/main.svelte b/test/runtime/samples/array-rest-is-array-or-object/main.svelte
new file mode 100644
index 0000000000..fb3a5b7d85
--- /dev/null
+++ b/test/runtime/samples/array-rest-is-array-or-object/main.svelte
@@ -0,0 +1,15 @@
+<script>
+	let [first, second, ...[third, ...[, fifth]]] = [1, 2, 3, 4, 5];
+	let [one, two, ...[three, ...{ length }]] = [10, 20, 30, 40, 50, 60, 70, 80, 90];
+</script>
+
+<h1>{first}</h1>
+<h1>{second}</h1>
+<h1>{third}</h1>
+<h1>{fifth}</h1>
+
+<h1>{one}</h1>
+<h1>{two}</h1>
+<h1>{three}</h1>
+<h1>{length}</h1>
+
diff --git a/test/runtime/samples/destructured-props-4/A.svelte b/test/runtime/samples/destructured-props-4/A.svelte
new file mode 100644
index 0000000000..ab5e6b7689
--- /dev/null
+++ b/test/runtime/samples/destructured-props-4/A.svelte
@@ -0,0 +1,25 @@
+<script>
+  import { writable } from 'svelte/store';
+
+  const THING = { a: 1, b: { c: 2, d: [3, 4, writable(5), 6, 7] }, e: [6], h: 8 };
+  const default_g = 9;
+
+  export let { a, b: { c, d: [d_one, ...[, ...[d_three, ...{ length }]]], f }, e: [e_one], g = default_g } = THING;
+  export const { a: A, b: { c: C } } = THING;
+</script>
+
+<div>
+a: {a},
+b: {typeof b},
+c: {c},
+d_one: {d_one},
+d_three: {$d_three},
+length: {length},
+f: {f},
+g: {g},
+e: {typeof e},
+e_one: {e_one},
+A: {A},
+C: {C}
+</div>
+<div>{JSON.stringify(THING)}</div>
diff --git a/test/runtime/samples/destructured-props-4/_config.js b/test/runtime/samples/destructured-props-4/_config.js
new file mode 100644
index 0000000000..2c48ac5b3a
--- /dev/null
+++ b/test/runtime/samples/destructured-props-4/_config.js
@@ -0,0 +1,9 @@
+export default {
+	html: `
+		<div>a: 1, b: undefined, c: 2, d_one: 3, d_three: 5, length: 2, f: undefined, g: 9, e: undefined, e_one: 6, A: 1, C: 2</div>
+		<div>{"a":1,"b":{"c":2,"d":[3,4,{},6,7]},"e":[6],"h":8}</div>
+		<br>
+		<div>a: a, b: undefined, c: 2, d_one: d_one, d_three: 5, length: 7, f: f, g: g, e: undefined, e_one: 6, A: 1, C: 2</div>
+		<div>{"a":1,"b":{"c":2,"d":[3,4,{},6,7]},"e":[6],"h":8}</div>
+	`
+};
diff --git a/test/runtime/samples/destructured-props-4/main.svelte b/test/runtime/samples/destructured-props-4/main.svelte
new file mode 100644
index 0000000000..cc1a31f542
--- /dev/null
+++ b/test/runtime/samples/destructured-props-4/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	import A from './A.svelte';
+</script>
+
+<A />
+<br />
+<A a="a" d_one="d_one" list_one="list_one" f="f" list_two_b="list_two_b" g="g" A="A" C="C" length={7} />
diff --git a/test/runtime/samples/destructured-props-5/A.svelte b/test/runtime/samples/destructured-props-5/A.svelte
new file mode 100644
index 0000000000..898ce5aa3d
--- /dev/null
+++ b/test/runtime/samples/destructured-props-5/A.svelte
@@ -0,0 +1,23 @@
+<script>
+	import { writable } from "svelte/store";
+
+	let default_b = 5;
+	const LIST = [1, 2, 3, { a: 4 }, [5, writable(6), writable(7), 8]];
+	export const [
+		x,
+		,
+		...[, { a: list_two_a, b: list_two_b = default_b }, [, ...{ length: y }]]
+	] = LIST;
+	export let [
+		l,
+		m,
+		,
+		...[{ a: n, b: o = default_b }, [p, q, ...[r, ...{ length: s }]]]
+	] = LIST;
+</script>
+
+<div>
+	x: {x}, list_two_a: {list_two_a}, list_two_b: {list_two_b}, y: {y}, l: {l}, m: {m},
+	n: {n}, o: {o}, p: {p}, q: {$q}, r: {$r}, s: {s}
+</div>
+<div>{JSON.stringify(LIST)}</div>
diff --git a/test/runtime/samples/destructured-props-5/_config.js b/test/runtime/samples/destructured-props-5/_config.js
new file mode 100644
index 0000000000..6c8ca89216
--- /dev/null
+++ b/test/runtime/samples/destructured-props-5/_config.js
@@ -0,0 +1,19 @@
+export default {
+	html: `
+		<div>x: 1, list_two_a: 4, list_two_b: 5, y: 3, l: 1, m: 2, n: 4, o: 5, p: 5, q: 6, r: 7, s: 1</div>
+		<div>[1,2,3,{"a":4},[5,{},{},8]]</div>
+		<br><div>x: 1, list_two_a: 4, list_two_b: 5, y: 3, l: l, m: m, n: n, o: o, p: p, q: q, r: r, s: s</div>
+		<div>[1,2,3,{"a":4},[5,{},{},8]]</div>
+	`,
+
+	async test({ component, assert, target }) {
+		await component.update();
+
+		assert.htmlEqual(target.innerHTML, `
+			<div>x: 1, list_two_a: 4, list_two_b: 5, y: 3, l: 1, m: 2, n: 4, o: 5, p: 5, q: 6, r: 7, s: 1</div>
+			<div>[1,2,3,{"a":4},[5,{},{},8]]</div>
+			<br><div>x: 1, list_two_a: 4, list_two_b: 5, y: 3, l: LL, m: MM, n: NN, o: OO, p: PP, q: QQ, r: RR, s: SS</div>
+			<div>[1,2,3,{"a":4},[5,{},{},8]]</div>
+		`);
+	}
+};
diff --git a/test/runtime/samples/destructured-props-5/main.svelte b/test/runtime/samples/destructured-props-5/main.svelte
new file mode 100644
index 0000000000..a8b9e8a704
--- /dev/null
+++ b/test/runtime/samples/destructured-props-5/main.svelte
@@ -0,0 +1,36 @@
+<script>
+	import A from "./A.svelte";
+	import { writable } from "svelte/store";
+
+	let x = "x",
+		list_two_a = "list_two_a",
+		list_two_b = "list_two_b",
+		y = writable("y"),
+		l = "l",
+		m = "m",
+		n = "n",
+		o = "o",
+		p = "p",
+		q = writable("q"),
+		r = writable("r"),
+		s = "s";
+
+	export function update() {
+		x = "XX";
+		list_two_a = "LIST_TWO_A";
+		list_two_b = "LIST_TWO_B";
+		y = writable("YY");
+		l = "LL";
+		m = "MM";
+		n = "NN";
+		o = "OO";
+		p = "PP";
+		q = writable("QQ");
+		r = writable("RR");
+		s = "SS";
+	}
+</script>
+
+<A />
+<br />
+<A {x} {list_two_a} {list_two_b} {y} {l} {m} {n} {o} {p} {q} {r} {s} />