From 1b19c96c43344a0f610de288dd0289b12e8b2149 Mon Sep 17 00:00:00 2001
From: Nguyen Tran <nguyen.tran1072e@gmail.com>
Date: Mon, 18 Dec 2023 23:09:03 -0500
Subject: [PATCH] Add some tests to avoid regression

---
 .../destructure-store-non-store-2/_config.js  | 12 +++++
 .../destructure-store-non-store-2/main.svelte | 21 ++++++++
 .../destructure-store-non-store-3/_config.js  |  5 ++
 .../destructure-store-non-store-3/main.svelte | 11 +++++
 .../destructure-store-non-store-4/_config.js  | 12 +++++
 .../destructure-store-non-store-4/main.svelte | 14 ++++++
 .../destructure-store-non-store-5/_config.js  | 12 +++++
 .../destructure-store-non-store-5/main.svelte | 29 +++++++++++
 .../destructure-store-non-store-6/_config.js  | 12 +++++
 .../destructure-store-non-store-6/main.svelte | 22 +++++++++
 .../destructure-store-non-store-7/_config.js  | 44 +++++++++++++++++
 .../destructure-store-non-store-7/main.svelte | 48 +++++++++++++++++++
 .../destructure-store-non-store-8/_config.js  | 44 +++++++++++++++++
 .../destructure-store-non-store-8/main.svelte | 42 ++++++++++++++++
 .../destructure-store-non-store/_config.js    |  5 ++
 .../destructure-store-non-store/main.svelte   | 13 +++++
 16 files changed, 346 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-2/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-2/main.svelte
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-3/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-3/main.svelte
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-4/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-4/main.svelte
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-5/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-5/main.svelte
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-6/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-6/main.svelte
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-7/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-7/main.svelte
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-8/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-8/main.svelte
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store/main.svelte

diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-2/_config.js b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-2/_config.js
new file mode 100644
index 0000000000..eac4aed306
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-2/_config.js
@@ -0,0 +1,12 @@
+import { test } from '../../test';
+
+export default test({
+	html: `
+		<p>1</p>
+		<p>2</p>
+		<p>3</p>
+		<p>4</p>
+		<p>5</p>
+		<p>6</p>
+	`
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-2/main.svelte b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-2/main.svelte
new file mode 100644
index 0000000000..d63224e7bd
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-2/main.svelte
@@ -0,0 +1,21 @@
+<script>
+	import  { readable } from 'svelte/store'
+
+	let firstNonStore, secondNonStore, thirdNonStore, firstStore, fourthNonStore, secondStore;
+
+	({ firstNonStore, secondNonStore, thirdNonStore, firstStore, fourthNonStore, secondStore } = {
+		firstNonStore: 1,
+		secondNonStore: 2,
+		thirdNonStore: 3,
+		firstStore: readable(4),
+		fourthNonStore: 5,
+		secondStore: readable(6)
+	});
+</script>
+
+<p>{firstNonStore}</p>
+<p>{secondNonStore}</p>
+<p>{thirdNonStore}</p>
+<p>{$firstStore}</p>
+<p>{fourthNonStore}</p>
+<p>{$secondStore}</p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-3/_config.js b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-3/_config.js
new file mode 100644
index 0000000000..3c6f8dc037
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-3/_config.js
@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	html: 'true'
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-3/main.svelte b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-3/main.svelte
new file mode 100644
index 0000000000..66ceaaacf7
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-3/main.svelte
@@ -0,0 +1,11 @@
+<script>
+	import { readable } from 'svelte/store'
+
+	let store, nonStore;
+
+	([nonStore, store] = [true, readable(true)]);
+</script>
+
+{#if $store}
+	{nonStore}
+{/if}
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-4/_config.js b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-4/_config.js
new file mode 100644
index 0000000000..eac4aed306
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-4/_config.js
@@ -0,0 +1,12 @@
+import { test } from '../../test';
+
+export default test({
+	html: `
+		<p>1</p>
+		<p>2</p>
+		<p>3</p>
+		<p>4</p>
+		<p>5</p>
+		<p>6</p>
+	`
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-4/main.svelte b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-4/main.svelte
new file mode 100644
index 0000000000..7ae892a723
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-4/main.svelte
@@ -0,0 +1,14 @@
+<script>
+	import  { readable } from 'svelte/store'
+
+	let firstNonStore, secondNonStore, thirdNonStore, firstStore, fourthNonStore, secondStore;
+
+	([firstNonStore, secondNonStore, thirdNonStore, firstStore, fourthNonStore, secondStore] = [1, 2, 3, readable(4), 5, readable(6)]);
+</script>
+
+<p>{firstNonStore}</p>
+<p>{secondNonStore}</p>
+<p>{thirdNonStore}</p>
+<p>{$firstStore}</p>
+<p>{fourthNonStore}</p>
+<p>{$secondStore}</p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-5/_config.js b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-5/_config.js
new file mode 100644
index 0000000000..e5a274ef09
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-5/_config.js
@@ -0,0 +1,12 @@
+import { test } from '../../test';
+
+export default test({
+	html: `
+		<p>7</p>
+		<p>8</p>
+		<p>9</p>
+		<p>10</p>
+		<p>11</p>
+		<p>12</p>
+	`
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-5/main.svelte b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-5/main.svelte
new file mode 100644
index 0000000000..1e8f84f96c
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-5/main.svelte
@@ -0,0 +1,29 @@
+<script>
+	import { writable } from 'svelte/store'
+
+	let { firstNonStore, secondNonStore, thirdNonStore, firstStore, fourthNonStore, secondStore } = {
+		firstNonStore: 1,
+		secondNonStore: 2,
+		thirdNonStore: 3,
+		firstStore: writable(4),
+		fourthNonStore: 5,
+		secondStore: writable(6)
+	};
+
+	({ firstNonStore, secondNonStore, thirdNonStore, fourthNonStore, firstStore, $secondStore } = {
+		firstNonStore: 7,
+		secondNonStore: 8,
+		thirdNonStore: 9,
+		fourthNonStore: 11,
+		firstStore: writable(10),
+		$secondStore: 12
+	});
+</script>
+
+<p>{firstNonStore}</p>
+<p>{secondNonStore}</p>
+<p>{thirdNonStore}</p>
+<p>{$firstStore}</p>
+<p>{fourthNonStore}</p>
+<p>{$secondStore}</p>
+
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-6/_config.js b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-6/_config.js
new file mode 100644
index 0000000000..e5a274ef09
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-6/_config.js
@@ -0,0 +1,12 @@
+import { test } from '../../test';
+
+export default test({
+	html: `
+		<p>7</p>
+		<p>8</p>
+		<p>9</p>
+		<p>10</p>
+		<p>11</p>
+		<p>12</p>
+	`
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-6/main.svelte b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-6/main.svelte
new file mode 100644
index 0000000000..f23b9f41bb
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-6/main.svelte
@@ -0,0 +1,22 @@
+<script>
+	import { writable } from 'svelte/store'
+
+	let { firstNonStore, secondNonStore, thirdNonStore, firstStore, fourthNonStore, secondStore } = {
+		firstNonStore: 1,
+		secondNonStore: 2,
+		thirdNonStore: 3,
+		firstStore: writable(4),
+		fourthNonStore: 5,
+		secondStore: writable(6)
+	};
+
+	([firstNonStore, secondNonStore, thirdNonStore, fourthNonStore, $firstStore, $secondStore] = [7, 8, 9, 11, 10, 12]);
+</script>
+
+<p>{firstNonStore}</p>
+<p>{secondNonStore}</p>
+<p>{thirdNonStore}</p>
+<p>{$firstStore}</p>
+<p>{fourthNonStore}</p>
+<p>{$secondStore}</p>
+
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-7/_config.js b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-7/_config.js
new file mode 100644
index 0000000000..021f851197
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-7/_config.js
@@ -0,0 +1,44 @@
+import { test } from '../../test';
+
+export default test({
+	html: `
+		<p>1</p>
+		<p>2</p>
+		<p>3</p>
+		<p>4</p>
+		<p>5</p>
+		<p>6</p>
+
+		<h1>Bag'ol stores</h1>
+		<p>4</p>
+		<p>5</p>
+		<p>6</p>
+
+		<button>Click me!</button>
+	`,
+
+	async test({ assert, target, window }) {
+		const button = target.querySelector('button');
+		const clickEvent = new window.Event('click', { bubbles: true });
+		await button?.dispatchEvent(clickEvent);
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+			<p>7</p>
+			<p>8</p>
+			<p>9</p>
+			<p>10</p>
+			<p>11</p>
+			<p>12</p>
+
+			<h1>Bag'ol stores</h1>
+			<p>14</p>
+			<p>13</p>
+			<p>12</p>
+
+			<button>Click me!</button>
+		`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-7/main.svelte b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-7/main.svelte
new file mode 100644
index 0000000000..57d0f46faf
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-7/main.svelte
@@ -0,0 +1,48 @@
+<script>
+	import { get, writable } from 'svelte/store'
+
+	let bagOlStores = writable({
+		firstNonStore: 1,
+		secondNonStore: 2,
+		thirdNonStore: 3,
+		firstStore: writable(4),
+		secondStore: writable(5),
+		thirdStore: writable(6)
+	});
+
+	let { firstNonStore, secondNonStore, thirdNonStore, firstStore, secondStore, thirdStore } = $bagOlStores;
+
+	function changeStores() {
+		$bagOlStores = ({
+			thirdStore,
+			$secondStore,
+			$firstStore,
+			firstNonStore,
+			secondNonStore,
+			thirdNonStore,
+		} = {
+			firstNonStore: 7,
+			secondNonStore: 8,
+			thirdNonStore: 9,
+			$firstStore: 10,
+			$secondStore: 11,
+			firstStore: writable(14),
+			secondStore: writable(13),
+			thirdStore: writable(12)
+		});
+	}
+</script>
+
+<p>{firstNonStore}</p>
+<p>{secondNonStore}</p>
+<p>{thirdNonStore}</p>
+<p>{$firstStore}</p>
+<p>{$secondStore}</p>
+<p>{$thirdStore}</p>
+
+<h1>Bag'ol stores</h1>
+<p>{get($bagOlStores.firstStore)}</p>
+<p>{get($bagOlStores.secondStore)}</p>
+<p>{get($bagOlStores.thirdStore)}</p>
+
+<button on:click={changeStores}>Click me!</button>
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-8/_config.js b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-8/_config.js
new file mode 100644
index 0000000000..9e41e8074e
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-8/_config.js
@@ -0,0 +1,44 @@
+import { test } from '../../test';
+
+export default test({
+	html: `
+		<p>1</p>
+		<p>2</p>
+		<p>3</p>
+		<p>4</p>
+		<p>5</p>
+		<p>6</p>
+
+		<h1>Bag'ol stores</h1>
+		<p>6</p>
+		<p></p>
+		<p></p>
+
+		<button>Click me!</button>
+	`,
+
+	async test({ assert, target, window }) {
+		const button = target.querySelector('button');
+		const clickEvent = new window.Event('click', { bubbles: true });
+		await button?.dispatchEvent(clickEvent);
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+			<p>7</p>
+			<p>8</p>
+			<p>9</p>
+			<p>10</p>
+			<p>11</p>
+			<p>12</p>
+
+			<h1>Bag'ol stores</h1>
+			<p>12</p>
+			<p>14</p>
+			<p>15</p>
+
+			<button>Click me!</button>
+		`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-8/main.svelte b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-8/main.svelte
new file mode 100644
index 0000000000..5dc3d50cc2
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store-8/main.svelte
@@ -0,0 +1,42 @@
+<script>
+	import { get, writable } from 'svelte/store'
+
+	let bagOlStores = writable([1, 2, 3, writable(4), writable(5), writable(6)]);
+
+	let firstNonStore, secondNonStore, thirdNonStore, firstStore, secondStore, thirdStore;
+	([firstNonStore, secondNonStore, thirdNonStore, firstStore, secondStore, thirdStore] = $bagOlStores);
+
+	function changeStores() {
+		$bagOlStores = ([
+			firstNonStore,
+			secondNonStore,
+			thirdNonStore,
+			firstStore,
+			$secondStore,
+			thirdStore
+		] = [
+			7,
+			8,
+			9,
+			writable(10),
+			11,
+			writable(12),
+			writable(14),
+			writable(15)
+		]);
+	}
+</script>
+
+<p>{firstNonStore}</p>
+<p>{secondNonStore}</p>
+<p>{thirdNonStore}</p>
+<p>{$firstStore}</p>
+<p>{$secondStore}</p>
+<p>{$thirdStore}</p>
+
+<h1>Bag'ol stores</h1>
+<p>{get($bagOlStores[5])}</p>
+<p>{get($bagOlStores[6])}</p>
+<p>{get($bagOlStores[7])}</p>
+
+<button on:click={changeStores}>Click me!</button>
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store/_config.js b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store/_config.js
new file mode 100644
index 0000000000..3c6f8dc037
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store/_config.js
@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	html: 'true'
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store/main.svelte b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store/main.svelte
new file mode 100644
index 0000000000..603be5909f
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/destructure-store-non-store/main.svelte
@@ -0,0 +1,13 @@
+<script>
+	import { readable } from 'svelte/store'
+
+	let store, nonStore;
+
+	const getExports = () => ({ nonStore: true, store: readable(true) });
+
+	({ nonStore, store } = getExports());
+</script>
+
+{#if $store}
+	{nonStore}
+{/if}