format test

test/runtime/samples/component-detach-destroy/CustomComponent.svelte

@@ -1,10 +1,11 @@
 <script>
-  import { onDestroy } from "svelte"
+	import { onDestroy } from 'svelte';
+
 	onDestroy(() => {
-		const el = document.querySelector('#show')
+		const el = document.querySelector('#show');
-		console.log(`Element exist ${!!el}`)
+		console.log(`Element exist ${!!el}`);
-    console.log("Custom component destroyed.")
+		console.log('Custom component destroyed.');
-  })
+	});
 </script>
 
 <p>Hello</p>

test/runtime/samples/component-detach-destroy/_config.js

@@ -1,8 +1,6 @@
 let log;
 export default {
-	html: `
+	html: '<button>Show/Hide</button><div id="show"><p>Hello</p></div>',
-	<button>Show/Hide</button><div id="show"><p>Hello</p></div>
-	`,
 
 	before_test() {
 		log = console.log;
@@ -17,11 +15,7 @@ export default {
 		const messages = [];
 		console.log = msg => messages.push(msg);
 		await button.dispatchEvent(event);
-		//This means element gets removed
+		assert.htmlEqual(target.innerHTML, '<button>Show/Hide</button>');
-		assert.htmlEqual(target.innerHTML, `
-			<button>Show/Hide</button>
-		`);
-		//This means element existed on Destroy gets called
 		assert.deepEqual(messages, ['Element exist true', 'Custom component destroyed.']);
 	}
 };

test/runtime/samples/component-detach-destroy/main.svelte

@@ -1,16 +1,12 @@
 <script>
-  import CustomComponent from './CustomComponent.svelte'
+	import CustomComponent from './CustomComponent.svelte';
-	let div;
+	let show = true;
-  let show = true
 </script>
 
-<button on:click={() => {
+<button on:click={() => show = !show}>Show/Hide</button>
-	show = !show
-}}>Show/Hide</button>
 
 {#if show}
 	<div id="show">
 		<CustomComponent />
 	</div>
 {/if}
-