diff --git a/test/runtime/samples/component-yield-placement/Modal.html b/test/runtime/samples/component-yield-placement/Modal.html
index 225e9e2f37..6952837541 100644
--- a/test/runtime/samples/component-yield-placement/Modal.html
+++ b/test/runtime/samples/component-yield-placement/Modal.html
@@ -1,3 +1,9 @@
+<script>
+	import { createEventDispatcher } from 'svelte';
+	const dispatch = createEventDispatcher();
+	const destroy = () => dispatch('destroy');
+</script>
+
 <div class='modal-background' on:click='{destroy}'></div>
 
 <div class='modal'>
diff --git a/test/runtime/samples/component-yield-placement/_config.js b/test/runtime/samples/component-yield-placement/_config.js
index 5c1782db5d..5864b6ed67 100644
--- a/test/runtime/samples/component-yield-placement/_config.js
+++ b/test/runtime/samples/component-yield-placement/_config.js
@@ -12,11 +12,11 @@ export default {
 		</div>
 	`,
 
-	test(assert, component, target, window) {
+	async test(assert, component, target, window) {
 		const button = target.querySelector('button');
 		const click = new window.MouseEvent('click');
 
-		button.dispatchEvent(click);
+		await button.dispatchEvent(click);
 
 		assert.htmlEqual(target.innerHTML, `
 			<button>show modal</button>