failing test

Author: Rich-Harris

packages/svelte/tests/runtime-runes/samples/attachment-component/_config.js

@@ -1,6 +1,14 @@
+import { flushSync } from 'svelte';
 import { test } from '../../test';
 
 export default test({
-	ssrHtml: `<div></div>`,
-	html: `<div>set from component</div>`
+	ssrHtml: `<button>update</button><div></div>`,
+	html: `<button>update</button><div>one</div>`,
+
+	test({ target, assert }) {
+		const button = target.querySelector('button');
+
+		flushSync(() => button?.click());
+		assert.htmlEqual(target.innerHTML, '<button>update</button><div>two</div>');
+	}
 });

packages/svelte/tests/runtime-runes/samples/attachment-component/main.svelte

@@ -1,5 +1,15 @@
 <script>
 	import Child from './Child.svelte';
+
+	let message = $state('one');
+
+	function attachment(message) {
+		return (node) => {
+			node.textContent = message;
+		};
+	}
 </script>
 
-<Child {@attach (node) => node.textContent = 'set from component'} />
+<button onclick={() => message = 'two'}>update</button>
+
+<Child {@attach attachment(message)} />