update tests

test/runtime/samples/component-events/Widget.html

@@ -1 +1,11 @@
+<script>
+	import { onDestroy, createEventDispatcher } from 'svelte';
+
+	const dispatch = createEventDispatcher();
+
+	onDestroy(() => {
+		dispatch('destroy');
+	});
+</script>
+
 <p>i am a widget</p>

test/runtime/samples/component-events/_config.js

@@ -5,19 +5,19 @@ export default {
 
 	html: '<div><p>i am a widget</p></div>',
 
-	test ( assert, component ) {
+	test(assert, component) {
 		let count = 0;
 
-		component.$on( 'widgetTornDown', function () {
+		component.$on('widgetTornDown', function() {
-			assert.equal( this, component );
+			assert.equal(this, component);
 			count += 1;
 		});
 
 		component.visible = false;
-		assert.equal( count, 1 );
+		assert.equal(count, 1);
 
 		component.visible = true;
 		component.visible = false;
-		assert.equal( count, 2 );
+		assert.equal(count, 2);
 	}
 };

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

@@ -1,5 +1,5 @@
 export default {
 	test(assert, component) {
-		component.l1.destroy();
+		component.l1.$destroy();
 	}
 };

test/runtime/samples/component-nested-deep/main.html

@@ -1,5 +1,7 @@
 <script>
 	import Level1 from './Level1.html';
+
+	export let l1;
 </script>
 
 <Level1 ref:l1 />

test/runtime/samples/component-nested-deeper/Level2.html

@@ -1,4 +1,6 @@
-<div class="level2" ref:wat>
+
+
+<div class="level2">
 	<h4>level 2</h4>
 	{#if condition}
 		<span>TRUE! <slot></slot></span>

test/runtime/samples/component-nested-deeper/Level3.html

@@ -1,4 +1,4 @@
-<div class="level3" ref:thingy>
+<div class="level3">
 	<h4>level 3</h4>
 	<slot></slot>
 </div>

test/runtime/samples/component-ref/_config.js

@@ -1,7 +1,8 @@
 export default {
 	html: '<div><p>i am a widget</p></div>',
-	test ( assert, component ) {
+
-		const widget = component.widget;
+	test(assert, component) {
-		assert.ok( widget.isWidget );
+		const { widget } = component;
+		assert.ok(widget.isWidget);
 	}
 };

test/runtime/samples/component-ref/main.html

@@ -1,5 +1,6 @@
 <script>
 	import Widget from './Widget.html';
+	export let widget;
 </script>
 
 <div>

test/runtime/samples/component-yield-placement/_config.js

@@ -12,13 +12,13 @@ export default {
 		</div>
 	`,
 
-	test ( assert, component, target, window ) {
+	test(assert, component, target, window) {
-		const button = target.querySelector( 'button' );
+		const button = target.querySelector('button');
-		const click = new window.MouseEvent( 'click' );
+		const click = new window.MouseEvent('click');
 
-		button.dispatchEvent( click );
+		button.dispatchEvent(click);
 
-		assert.htmlEqual( target.innerHTML, `
+		assert.htmlEqual(target.innerHTML, `
 			<button>show modal</button>
 		`);
 	}