update some tests

test/runtime/samples/action-custom-event-handler-in-each-destructured/_config.js

@@ -8,12 +8,12 @@ export default {
 		<p>second: </p>
 	`,
 
-	test(assert, component, target, window) {
+	async test(assert, component, target, window) {
 		const event = new window.MouseEvent('click');
 
 		const buttons = target.querySelectorAll('button');
 
-		buttons[1].dispatchEvent(event);
+		await buttons[1].dispatchEvent(event);
 
 		assert.htmlEqual(target.innerHTML, `
 			<button>0: foo</button>

test/runtime/samples/action-custom-event-handler-in-each-destructured/main.html

@@ -21,7 +21,7 @@
 </script>
 
 {#each items as [item0, item1]}
-	<button use:tap='{() => first = item0, second = item1}'>
+	<button use:tap='{() => (first = item0, second = item1)}'>
 		{item0}: {item1}
 	</button>
 {/each}

test/runtime/samples/action-custom-event-handler-in-each/_config.js

@@ -8,12 +8,12 @@ export default {
 		<p>fromState: </p>
 	`,
 
-	test(assert, component, target, window) {
+	async test(assert, component, target, window) {
 		const event = new window.MouseEvent('click');
 
 		const buttons = target.querySelectorAll('button');
 
-		buttons[1].dispatchEvent(event);
+		await buttons[1].dispatchEvent(event);
 
 		assert.htmlEqual(target.innerHTML, `
 			<button>foo</button>

test/runtime/samples/action-custom-event-handler-in-each/main.html

@@ -6,22 +6,18 @@
 	export let y = 0;
 
 	function tap(node, callback) {
-		function clickHandler(event) {
-			callback();
-		}
-
-		node.addEventListener('click', clickHandler, false);
+		node.addEventListener('click', callback, false);
 
 		return {
 			destroy() {
-				node.addEventListener('click', clickHandler, false);
+				node.addEventListener('click', callback, false);
 			}
 		};
 	}
 </script>
 
 {#each items as item}
-	<button use:tap='{() => fromDom = this.textContent, fromState = item}'>{item}</button>
+	<button use:tap='{e => (fromDom = e.target.textContent, fromState = item)}'>{item}</button>
 {/each}
 
 <p>fromDom: {fromDom}</p>

test/runtime/samples/action-custom-event-handler-this/main.html

@@ -2,7 +2,7 @@
 	function enter(node, callback) {
 		function handleKeydown(event) {
 			if (event.which === 13) {
-				callback();
+				callback(event);
 			}
 		}
 
@@ -16,4 +16,4 @@
 	}
 </script>
 
-<input use:enter='{() => event.target.blur()}'>
+<input use:enter='{e => e.target.blur()}'>

test/runtime/samples/action-custom-event-handler/_config.js

@@ -1,7 +1,7 @@
 export default {
 	html: '<button>0, 0</button>',
 
-	test(assert, component, target, window) {
+	async test(assert, component, target, window) {
 		const event = new window.MouseEvent('click', {
 			clientX: 42,
 			clientY: 42
@@ -9,7 +9,7 @@ export default {
 
 		const button = target.querySelector('button');
 
-		button.dispatchEvent(event);
+		await button.dispatchEvent(event);
 
 		assert.equal(target.innerHTML, '<button>42, 42</button>');
 	}