add test

Author: trueadm

packages/svelte/tests/runtime-runes/samples/derived-dependencies-2/_config.js

@@ -0,0 +1,38 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	async test({ assert, target }) {
+		let [btn1, btn2] = target.querySelectorAll('button');
+
+		btn1?.click();
+		flushSync();
+		await Promise.resolve();
+
+		assert.htmlEqual(target.innerHTML, `<button>hide</button><button>show</button`);
+
+		btn2?.click();
+		await Promise.resolve();
+		await Promise.resolve();
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`<h1>John Doe</h1><p>Body</p><div>123</div><button>hide</button><button>show</button>`
+		);
+
+		btn1?.click();
+		flushSync();
+		await Promise.resolve();
+
+		assert.htmlEqual(target.innerHTML, `<button>hide</button><button>show</button`);
+
+		btn2?.click();
+		await Promise.resolve();
+		await Promise.resolve();
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`<h1>John Doe</h1><p>Body</p><div>123</div><button>hide</button><button>show</button>`
+		);
+	}
+});

packages/svelte/tests/runtime-runes/samples/derived-dependencies-2/main.svelte

@@ -0,0 +1,49 @@
+<script>
+	import { writable } from "svelte/store";
+
+	const store = writable({
+		url: {
+			pathname: '123'
+		}
+	})
+	const page = {
+		subscribe(fn) {
+			return store.subscribe(fn);
+		}
+	}
+
+	let data = $state({
+		event: {
+			author: 'John Doe',
+			body: 'Body',
+			foo: '123'
+		},
+	});
+
+	const { event } = $derived(data);
+</script>
+
+{#if event}
+	<h1>{event.author}</h1>
+	<p>{event.body}</p>
+	<div>{$page.url.pathname}</div>
+{/if}
+
+<button onclick={() => {
+	data = {}
+	store.update(v => ({...v}));
+}}>hide</button>
+
+<button onclick={() => {
+	data = {
+		event: {
+			author: 'John Doe',
+			body: 'Body',
+			foo: '123'
+		},
+	}
+	queueMicrotask(() => {
+		store.update(v => ({...v}));
+	})
+}}>show</button>
+