Add is_async tests

Author: ngtr6788

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-1/_config.js

@@ -0,0 +1,31 @@
+import { test } from '../../test';
+import { setTimeout } from 'timers/promises';
+
+export default test({
+	html: `
+        <button>Update me!</button>
+        <p>5</p>
+        <p>7</p>
+        <p>9</p>
+        <p>12</p>
+    `,
+
+	async test({ assert, target, window }) {
+		const btn = target.querySelector('button');
+		const clickEvent = new window.Event('click', { bubbles: true });
+		await btn?.dispatchEvent(clickEvent);
+
+		await setTimeout(100);
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+            <button>Update me!</button>
+            <p>12</p>
+            <p>19</p>
+            <p>15</p>
+            <p>7</p>
+        `
+		);
+	}
+});

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-1/main.svelte

@@ -0,0 +1,21 @@
+<script>
+    let a = $state(5);
+    let b = $state(7);
+    let c = $state(9);
+    let d = $state(12);
+
+    const update = async () => {
+        [a, b, c, d] = [
+            12,
+            19,
+            await new Promise((resolve) => setTimeout(() => resolve(15), 100)),
+            7,
+        ];
+    }
+</script>
+
+<button on:click={update}>Update me!</button>
+<p>{a}</p>
+<p>{b}</p>
+<p>{c}</p>
+<p>{d}</p>

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-2/_config.js

@@ -0,0 +1,31 @@
+import { test } from '../../test';
+import { setTimeout } from 'timers/promises';
+
+export default test({
+	html: `
+        <button>Update me!</button>
+        <p>5</p>
+        <p>7</p>
+        <p>9</p>
+        <p>12</p>
+    `,
+
+	async test({ assert, target, window }) {
+		const btn = target.querySelector('button');
+		const clickEvent = new window.Event('click', { bubbles: true });
+		await btn?.dispatchEvent(clickEvent);
+
+		await setTimeout(100);
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+            <button>Update me!</button>
+            <p>12</p>
+            <p>19</p>
+            <p>15</p>
+            <p>7</p>
+        `
+		);
+	}
+});

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-2/main.svelte

@@ -0,0 +1,16 @@
+<script>
+    let a = $state(5);
+    let b = $state(7);
+    let c = $state(9);
+    let d = $state(12);
+
+    const update = async () => {
+        ({ a, b = (10 + await Promise.resolve(9)), c, d } = { a: 12, c: 15, d: 7 });
+    }
+</script>
+
+<button on:click={update}>Update me!</button>
+<p>{a}</p>
+<p>{b}</p>
+<p>{c}</p>
+<p>{d}</p>

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-3/_config.js

@@ -0,0 +1,31 @@
+import { test } from '../../test';
+import { setTimeout } from 'timers/promises';
+
+export default test({
+	html: `
+        <button>Update me!</button>
+        <p>5</p>
+        <p>7</p>
+        <p>9</p>
+        <p>12</p>
+    `,
+
+	async test({ assert, target, window }) {
+		const btn = target.querySelector('button');
+		const clickEvent = new window.Event('click', { bubbles: true });
+		await btn?.dispatchEvent(clickEvent);
+
+		await setTimeout(100);
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+            <button>Update me!</button>
+            <p>12</p>
+            <p>19</p>
+            <p>15</p>
+            <p>7</p>
+        `
+		);
+	}
+});

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-3/main.svelte

@@ -0,0 +1,16 @@
+<script>
+    let a = $state(5);
+    let b = $state(7);
+    let c = $state(9);
+    let d = $state(12);
+
+    const update = async () => {
+        ({ a, b = (10 + 9), c, d } = { a: 12, c: await Promise.resolve(15), d: 7 });
+    }
+</script>
+
+<button on:click={update}>Update me!</button>
+<p>{a}</p>
+<p>{b}</p>
+<p>{c}</p>
+<p>{d}</p>

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-4/_config.js

@@ -0,0 +1,31 @@
+import { test } from '../../test';
+import { setTimeout } from 'timers/promises';
+
+export default test({
+	html: `
+        <button>Update me!</button>
+        <p>5</p>
+        <p>7</p>
+        <p>9</p>
+        <p>12</p>
+    `,
+
+	async test({ assert, target, window }) {
+		const btn = target.querySelector('button');
+		const clickEvent = new window.Event('click', { bubbles: true });
+		await btn?.dispatchEvent(clickEvent);
+
+		await setTimeout(100);
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+            <button>Update me!</button>
+            <p>12</p>
+            <p>19</p>
+            <p>15</p>
+            <p>7</p>
+        `
+		);
+	}
+});

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-4/main.svelte

@@ -0,0 +1,20 @@
+<script>
+    let a = $state(5);
+    let b = $state(7);
+    let c = $state(9);
+    let d = $state(12);
+
+    let z = $state(null);
+
+    const update = async () => {
+        // @ts-ignore
+        [c] = ({ a = (console.log(11), await Promise.resolve(11)), b = 19 }) = [15]);
+        ({ d } = { d: ((a, b) => a + b)(1, await Promise.resolve(6)) });
+    }
+</script>
+
+<button on:click={update}>Update me!</button>
+<p>{a}</p>
+<p>{b}</p>
+<p>{c}</p>
+<p>{d}</p>

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-5/_config.js

@@ -0,0 +1,31 @@
+import { test } from '../../test';
+import { setTimeout } from 'timers/promises';
+
+export default test({
+	html: `
+        <button>Update me!</button>
+        <p>5</p>
+        <p>7</p>
+        <p>9</p>
+        <p>12</p>
+    `,
+
+	async test({ assert, target, window }) {
+		const btn = target.querySelector('button');
+		const clickEvent = new window.Event('click', { bubbles: true });
+		await btn?.dispatchEvent(clickEvent);
+
+		await setTimeout(100);
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+            <button>Update me!</button>
+            <p>12</p>
+            <p>19</p>
+            <p>15</p>
+            <p>7</p>
+        `
+		);
+	}
+});

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-5/main.svelte

@@ -0,0 +1,22 @@
+<script>
+    let a = $state("5");
+    let b = $state("7");
+    let c = $state("9");
+    let d = $state("12");
+    let e = $state(null);
+
+    let f = Promise.resolve(() => "7");
+
+    const update = async () => {
+        // @ts-ignore
+        [a = `${1}${await Promise.resolve(2)}`] = [];
+        [b = "19" ? "19" : await Promise.resolve("20")] = [];
+        ([c = "15"] = ([d = (await f)()] = ({ e = async (x) => await x } = [])));
+    }
+</script>
+
+<button on:click={update}>Update me!</button>
+<p>{a}</p>
+<p>{b}</p>
+<p>{c}</p>
+<p>{d}</p>

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-6/_config.js

@@ -0,0 +1,31 @@
+import { test } from '../../test';
+import { setTimeout } from 'timers/promises';
+
+export default test({
+	html: `
+        <button>Update me!</button>
+        <p>5</p>
+        <p>7</p>
+        <p>9</p>
+        <p>12</p>
+    `,
+
+	async test({ assert, target, window }) {
+		const btn = target.querySelector('button');
+		const clickEvent = new window.Event('click', { bubbles: true });
+		await btn?.dispatchEvent(clickEvent);
+
+		await setTimeout(100);
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+            <button>Update me!</button>
+            <p>12</p>
+            <p>19</p>
+            <p>15</p>
+            <p>7</p>
+        `
+		);
+	}
+});

packages/svelte/tests/runtime-runes/samples/destructure-assignment-async-6/main.svelte

@@ -0,0 +1,25 @@
+<script>
+    let a = $state(5);
+    let b = $state(7);
+    let c = $state(9);
+    let d = $state(12);
+
+    let z = {
+        a: Promise.resolve(12),
+        b: Promise.resolve(-19),
+        c: Promise.resolve(0),
+        d: Promise.resolve(7),
+    }
+
+    const update = async () => {
+        [a = await z.a] = [];
+        [b = -(await z.b)] = [];
+        [c, ...{ d = function () {} && (await z.c || await z.d) }] = [15];
+    }
+</script>
+
+<button on:click={update}>Update me!</button>
+<p>{a}</p>
+<p>{b}</p>
+<p>{c}</p>
+<p>{d}</p>