From a32d7c2ead7f5bd9384e6932d4797bf86f06589d Mon Sep 17 00:00:00 2001
From: Yuichiro Yamashita <xydybaseball@gmail.com>
Date: Thu, 23 Feb 2023 21:29:29 +0900
Subject: [PATCH] format test

---
 .../CustomComponent.svelte                       | 15 ++++++++-------
 .../samples/component-detach-destroy/_config.js  | 10 ++--------
 .../samples/component-detach-destroy/main.svelte | 16 ++++++----------
 3 files changed, 16 insertions(+), 25 deletions(-)

diff --git a/test/runtime/samples/component-detach-destroy/CustomComponent.svelte b/test/runtime/samples/component-detach-destroy/CustomComponent.svelte
index 04069924ec..47747f628e 100644
--- a/test/runtime/samples/component-detach-destroy/CustomComponent.svelte
+++ b/test/runtime/samples/component-detach-destroy/CustomComponent.svelte
@@ -1,10 +1,11 @@
 <script>
-  import { onDestroy } from "svelte"
-  onDestroy(() => {
-		const el = document.querySelector('#show')
-		console.log(`Element exist ${!!el}`)
-    console.log("Custom component destroyed.")
-  })
+	import { onDestroy } from 'svelte';
+
+	onDestroy(() => {
+		const el = document.querySelector('#show');
+		console.log(`Element exist ${!!el}`);
+		console.log('Custom component destroyed.');
+	});
 </script>
 
-<p>Hello</p>
\ No newline at end of file
+<p>Hello</p>
diff --git a/test/runtime/samples/component-detach-destroy/_config.js b/test/runtime/samples/component-detach-destroy/_config.js
index 83bfa940f6..204f91923c 100644
--- a/test/runtime/samples/component-detach-destroy/_config.js
+++ b/test/runtime/samples/component-detach-destroy/_config.js
@@ -1,8 +1,6 @@
 let log;
 export default {
-	html: `
-	<button>Show/Hide</button><div id="show"><p>Hello</p></div>
-	`,
+	html: '<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>
-		`);
-		//This means element existed on Destroy gets called
+		assert.htmlEqual(target.innerHTML, '<button>Show/Hide</button>');
 		assert.deepEqual(messages, ['Element exist true', 'Custom component destroyed.']);
 	}
 };
diff --git a/test/runtime/samples/component-detach-destroy/main.svelte b/test/runtime/samples/component-detach-destroy/main.svelte
index e000c5d3fe..ba484dc077 100644
--- a/test/runtime/samples/component-detach-destroy/main.svelte
+++ b/test/runtime/samples/component-detach-destroy/main.svelte
@@ -1,16 +1,12 @@
 <script>
-  import CustomComponent from './CustomComponent.svelte'
-	let div;
-  let show = true
+	import CustomComponent from './CustomComponent.svelte';
+	let show = true;
 </script>
 
-<button on:click={() => {
-	show = !show
-}}>Show/Hide</button>
+<button on:click={() => show = !show}>Show/Hide</button>
 
 {#if show}
-  <div id="show">
-    <CustomComponent />
-  </div>
+	<div id="show">
+		<CustomComponent />
+	</div>
 {/if}
-