add test

Author: trueadm

packages/svelte/tests/runtime-runes/samples/event-attribute-delegation-2/main.svelte

@@ -1,13 +1,8 @@
 <script>
 	import { log } from './log.js';
-	const action = () => {}
 </script>
-<div use:action onclick={() => log.push('clicked container')} onkeydown={() => {}}>
-	<div use:action onclick={(e) => { log.push('clicked div 1') }}>
-		<div onclick={(e) => { log.push('clicked div 2') }}>
-			<button onclick={(e) => { log.push('clicked button'); e.stopPropagation() }}>
-				Button
-			</button>
-		</div>
-	</div>
+<div on:click={(e) => { log.push('clicked div') }}>
+	<button onclick={(e) => { log.push('clicked button'); e.stopPropagation() }}>
+		Button
+	</button>
 </div>

packages/svelte/tests/runtime-runes/samples/event-attribute-delegation-3/_config.js

@@ -0,0 +1,20 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+import { log } from './log.js';
+
+export default test({
+	before_test() {
+		log.length = 0;
+	},
+
+	async test({ assert, target }) {
+		const [b1] = target.querySelectorAll('button');
+
+		flushSync(() => {
+			b1?.click();
+		});
+
+		await Promise.resolve();
+		assert.deepEqual(log, ['clicked button']);
+	}
+});

packages/svelte/tests/runtime-runes/samples/event-attribute-delegation-3/log.js

@@ -0,0 +1,2 @@
+/** @type {any[]} */
+export const log = [];

packages/svelte/tests/runtime-runes/samples/event-attribute-delegation-3/main.svelte

@@ -0,0 +1,13 @@
+<script>
+	import { log } from './log.js';
+	const action = () => {}
+</script>
+<div use:action onclick={() => log.push('clicked container')} onkeydown={() => {}}>
+	<div use:action onclick={(e) => { log.push('clicked div 1') }}>
+		<div onclick={(e) => { log.push('clicked div 2') }}>
+			<button onclick={(e) => { log.push('clicked button'); e.stopPropagation() }}>
+				Button
+			</button>
+		</div>
+	</div>
+</div>