update some tests

test/runtime/samples/component-binding-blowback-c/Nested.html

@@ -1,6 +1,7 @@
 <script>
 	import { onMount } from 'svelte';
 
+	export let value;
 	export let id;
 
 	const initialValues = {

test/runtime/samples/component-binding-blowback-c/_config.js

@@ -14,11 +14,11 @@ export default {
 		</ol>
 	`,
 
-	test (assert, component, target, window) {
+	async test(assert, component, target, window) {
 		const input = target.querySelector('input');
 
 		input.value = 4;
-		input.dispatchEvent(new window.Event('input'));
+		await input.dispatchEvent(new window.Event('input'));
 
 		assert.htmlEqual(target.innerHTML, `
 			<input type='number'>

test/runtime/samples/component-binding-blowback-c/main.html

@@ -16,7 +16,7 @@
 
 <ol>
 	{#each ids as object (object.id)}
-		<Nested bind:value='idToValue[object.id]' id='{object.id}'>
+		<Nested bind:value={idToValue[object.id]} id={object.id}>
 			{object.id}: value is {idToValue[object.id]}
 		</Nested>
 	{/each}

test/runtime/samples/component-binding-computed/_config.js

@@ -4,19 +4,19 @@ export default {
 		<label>lastname <input></label>
 	`,
 
-	test ( assert, component, target, window ) {
-		const input = new window.Event( 'input' );
-		const inputs = target.querySelectorAll( 'input' );
+	async test(assert, component, target, window) {
+		const input = new window.Event('input');
+		const inputs = target.querySelectorAll('input');
 
 		inputs[0].value = 'Ada';
-		inputs[0].dispatchEvent(input);
+		await inputs[0].dispatchEvent(input);
 		assert.deepEqual(component.values, {
 			firstname: 'Ada',
 			lastname: ''
 		});
 
 		inputs[1].value = 'Lovelace';
-		inputs[1].dispatchEvent(input);
+		await inputs[1].dispatchEvent(input);
 		assert.deepEqual(component.values, {
 			firstname: 'Ada',
 			lastname: 'Lovelace'

test/runtime/samples/component-binding-computed/main.html

@@ -9,5 +9,5 @@
 </script>
 
 {#each fields as field}
-	<Nested {field} bind:value='values[field]'/>
+	<Nested {field} bind:value={values[field]}/>
 {/each}

test/runtime/samples/component-binding-deep-b/_config.js

@@ -30,12 +30,12 @@ export default {
 		<pre>ONE SOURCE\nTWO SOURCE</pre>
 	`,
 
-	test(assert, component, target, window) {
+	async test(assert, component, target, window) {
 		const event = new window.MouseEvent('input');
 		const textarea = target.querySelector('textarea');
 
 		textarea.value = 'one source changed';
-		textarea.dispatchEvent(event);
+		await textarea.dispatchEvent(event);
 
 		assert.equal(component.compiled, 'ONE SOURCE CHANGED\nTWO SOURCE');
 		assert.htmlEqual(target.innerHTML, `
@@ -65,7 +65,7 @@ export default {
 		assert.equal(textarea.value, 'two source');
 
 		textarea.value = 'two source changed';
-		textarea.dispatchEvent(event);
+		await textarea.dispatchEvent(event);
 
 		assert.equal(component.compiled, 'ONE SOURCE CHANGED\nTWO SOURCE CHANGED');
 		assert.htmlEqual(target.innerHTML, `

test/runtime/samples/component-binding-deep/_config.js

@@ -9,12 +9,12 @@ export default {
 		<p>foo</p>
 	`,
 
-	test(assert, component, target, window) {
+	async test(assert, component, target, window) {
 		const event = new window.MouseEvent('input');
 		const input = target.querySelector('input');
 
 		input.value = 'blah';
-		input.dispatchEvent(event);
+		await input.dispatchEvent(event);
 
 		assert.deepEqual(component.deep, { name: 'blah' });
 		assert.htmlEqual(target.innerHTML, `

test/runtime/samples/component-binding-each-nested/_config.js

@@ -11,12 +11,12 @@ export default {
 		<p>foo, bar, baz</p>
 	`,
 
-	test(assert, component, target, window) {
+	async test(assert, component, target, window) {
 		const event = new window.MouseEvent('input');
 		const inputs = target.querySelectorAll('input');
 
 		inputs[0].value = 'blah';
-		inputs[0].dispatchEvent(event);
+		await inputs[0].dispatchEvent(event);
 
 		assert.deepEqual(component.a, [{ name: 'blah' }, { name: 'bar' }, { name: 'baz' }]);
 		assert.htmlEqual(target.innerHTML, `

test/runtime/samples/component-binding-each/_config.js

@@ -11,12 +11,12 @@ export default {
 		<p>foo, bar, baz</p>
 	`,
 
-	test(assert, component, target, window) {
+	async test(assert, component, target, window) {
 		const event = new window.MouseEvent('input');
 		const inputs = target.querySelectorAll('input');
 
 		inputs[0].value = 'blah';
-		inputs[0].dispatchEvent(event);
+		await inputs[0].dispatchEvent(event);
 
 		assert.deepEqual(component.a, [ 'blah', 'bar', 'baz' ]);
 		assert.htmlEqual(target.innerHTML, `

test/runtime/samples/component-binding-infinite-loop/_config.js

@@ -25,14 +25,14 @@ export default {
 		<p><span class=''>1</span></p>
 	`,
 
-	test ( assert, component, target, window ) {
-		const click = new window.MouseEvent( 'click' );
-		const spans = target.querySelectorAll( 'span' );
+	async test(assert, component, target, window) {
+		const click = new window.MouseEvent('click');
+		const spans = target.querySelectorAll('span');
 
-		spans[0].dispatchEvent( click );
+		spans[0].dispatchEvent(click);
 
-		assert.equal( component.currentIdentifier, 1 );
-		assert.htmlEqual( target.innerHTML, `
+		assert.equal(component.currentIdentifier, 1);
+		assert.htmlEqual(target.innerHTML, `
 			<p><span class='selected'>1</span></p>
 			<p><span class=''>2</span></p>
 			<p><span class=''>3</span></p>
@@ -56,12 +56,12 @@ export default {
 			<p><span class=''>3</span></p>
 			<p><span class=''>2</span></p>
 			<p><span class='selected'>1</span></p>
-		` );
+		`);
 
-		spans[0].dispatchEvent( click );
+		spans[0].dispatchEvent(click);
 
-		assert.equal( component.currentIdentifier, null );
-		assert.htmlEqual( target.innerHTML, `
+		assert.equal(component.currentIdentifier, null);
+		assert.htmlEqual(target.innerHTML, `
 			<p><span class=''>1</span></p>
 			<p><span class=''>2</span></p>
 			<p><span class=''>3</span></p>
@@ -85,6 +85,6 @@ export default {
 			<p><span class=''>3</span></p>
 			<p><span class=''>2</span></p>
 			<p><span class=''>1</span></p>
-		` );
+		`);
 	}
 };

test/runtime/samples/component-events-data/main.html

@@ -6,5 +6,5 @@
 </script>
 
 <div>
-	<Widget on:select='{event => dispatch("select", event.selection)}'/>
+	<Widget on:select='{event => dispatch("select", event.detail.selection)}'/>
 </div>