From 22398f390e4513f2975284742bc902d926862179 Mon Sep 17 00:00:00 2001
From: baseballyama <xydybaseball@gmail.com>
Date: Tue, 14 Nov 2023 19:58:23 +0900
Subject: [PATCH] add test

---
 .../lifecycle-render-afterUpdate2/_config.js  | 38 +++++++++++++++++++
 .../lifecycle-render-afterUpdate2/main.svelte | 21 ++++++++++
 .../lifecycle-render-afterUpdate2/sub.svelte  | 12 ++++++
 3 files changed, 71 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/main.svelte
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/sub.svelte

diff --git a/packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/_config.js b/packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/_config.js
new file mode 100644
index 0000000000..46d3198e99
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/_config.js
@@ -0,0 +1,38 @@
+import { test, ok } from '../../test';
+import { flushSync } from 'svelte';
+
+const log = console.log;
+/** @type {string[]} */
+let messages = [];
+
+export default test({
+	before_test: () => {
+		console.log = (msg) => messages.push(msg);
+		messages = [];
+	},
+	after_test: () => {
+		console.log = log;
+	},
+	test({ assert, target, window }) {
+		const [button1, button2] = target.querySelectorAll('button');
+		ok(button1);
+		ok(button2);
+
+		button1.click();
+		flushSync();
+		button2.click();
+		flushSync();
+
+		assert.deepEqual(messages, ['after update 0, 0', 'after update 1, 0', 'after update 1, 1']);
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+			<button>count:
+			1</button><button>count
+			2:
+			1</button><hr>
+			1
+		`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/main.svelte b/packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/main.svelte
new file mode 100644
index 0000000000..748f4274a8
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/main.svelte
@@ -0,0 +1,21 @@
+<script>
+	import AfterUpdate from "./sub.svelte";
+	let count = 0;
+	let count2 = 0;
+
+	function increment() {
+		count += 1;
+	}
+	function increment2() {
+		count2 += 1;
+	}
+</script>
+
+<button on:click={increment}>
+	count: {count}
+</button>
+<button on:click={increment2}>
+	count 2: {count2}
+</button>
+<hr />
+<AfterUpdate {count} {count2}/>
diff --git a/packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/sub.svelte b/packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/sub.svelte
new file mode 100644
index 0000000000..0666d5ae8b
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/sub.svelte
@@ -0,0 +1,12 @@
+<script>
+	import { afterUpdate } from "svelte";
+
+	export let count;
+	export let count2;
+
+	afterUpdate(()=>{
+		console.log(`after update ${count}, ${count2}`);
+	});
+</script>
+
+{count}