From f13c2272df2e7838aacf6ba27d844bba22cdf336 Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Wed, 21 Nov 2018 18:35:41 -0500
Subject: [PATCH] update tests

---
 test/runtime/samples/component-events/Widget.html      | 10 ++++++++++
 test/runtime/samples/component-events/_config.js       | 10 +++++-----
 test/runtime/samples/component-nested-deep/_config.js  |  2 +-
 test/runtime/samples/component-nested-deep/main.html   |  2 ++
 .../samples/component-nested-deeper/Level2.html        |  4 +++-
 .../samples/component-nested-deeper/Level3.html        |  2 +-
 test/runtime/samples/component-ref/_config.js          |  7 ++++---
 test/runtime/samples/component-ref/main.html           |  1 +
 .../samples/component-yield-placement/_config.js       | 10 +++++-----
 9 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/test/runtime/samples/component-events/Widget.html b/test/runtime/samples/component-events/Widget.html
index 9b44ef57a8..9a7215815c 100644
--- a/test/runtime/samples/component-events/Widget.html
+++ b/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>
\ No newline at end of file
diff --git a/test/runtime/samples/component-events/_config.js b/test/runtime/samples/component-events/_config.js
index b700ad0b5c..6c39f0d143 100644
--- a/test/runtime/samples/component-events/_config.js
+++ b/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 () {
-			assert.equal( this, component );
+		component.$on('widgetTornDown', function() {
+			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);
 	}
 };
diff --git a/test/runtime/samples/component-nested-deep/_config.js b/test/runtime/samples/component-nested-deep/_config.js
index bb167d8579..87a2c0b6a0 100644
--- a/test/runtime/samples/component-nested-deep/_config.js
+++ b/test/runtime/samples/component-nested-deep/_config.js
@@ -1,5 +1,5 @@
 export default {
 	test(assert, component) {
-		component.l1.destroy();
+		component.l1.$destroy();
 	}
 };
diff --git a/test/runtime/samples/component-nested-deep/main.html b/test/runtime/samples/component-nested-deep/main.html
index 4a0ccdd09c..1469743659 100644
--- a/test/runtime/samples/component-nested-deep/main.html
+++ b/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 />
\ No newline at end of file
diff --git a/test/runtime/samples/component-nested-deeper/Level2.html b/test/runtime/samples/component-nested-deeper/Level2.html
index 1a255c3564..940698ce74 100644
--- a/test/runtime/samples/component-nested-deeper/Level2.html
+++ b/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>
diff --git a/test/runtime/samples/component-nested-deeper/Level3.html b/test/runtime/samples/component-nested-deeper/Level3.html
index 22e093fb8f..0ce8c73109 100644
--- a/test/runtime/samples/component-nested-deeper/Level3.html
+++ b/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>
\ No newline at end of file
diff --git a/test/runtime/samples/component-ref/_config.js b/test/runtime/samples/component-ref/_config.js
index daea3a9811..5cbb77cf74 100644
--- a/test/runtime/samples/component-ref/_config.js
+++ b/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;
-		assert.ok( widget.isWidget );
+
+	test(assert, component) {
+		const { widget } = component;
+		assert.ok(widget.isWidget);
 	}
 };
diff --git a/test/runtime/samples/component-ref/main.html b/test/runtime/samples/component-ref/main.html
index 3fd2143cd9..9101d58566 100644
--- a/test/runtime/samples/component-ref/main.html
+++ b/test/runtime/samples/component-ref/main.html
@@ -1,5 +1,6 @@
 <script>
 	import Widget from './Widget.html';
+	export let widget;
 </script>
 
 <div>
diff --git a/test/runtime/samples/component-yield-placement/_config.js b/test/runtime/samples/component-yield-placement/_config.js
index d1dd20d5c2..5c1782db5d 100644
--- a/test/runtime/samples/component-yield-placement/_config.js
+++ b/test/runtime/samples/component-yield-placement/_config.js
@@ -12,13 +12,13 @@ export default {
 		</div>
 	`,
 
-	test ( assert, component, target, window ) {
-		const button = target.querySelector( 'button' );
-		const click = new window.MouseEvent( 'click' );
+	test(assert, component, target, window) {
+		const button = target.querySelector('button');
+		const click = new window.MouseEvent('click');
 
-		button.dispatchEvent( click );
+		button.dispatchEvent(click);
 
-		assert.htmlEqual( target.innerHTML, `
+		assert.htmlEqual(target.innerHTML, `
 			<button>show modal</button>
 		`);
 	}