From c263119408521a68170c56f098057f354758474f Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Tue, 5 Dec 2023 15:16:52 -0500
Subject: [PATCH] update tests

---
 .../class-state-derived-unowned/_config.js        | 15 ++++++++++-----
 .../samples/class-state-derived-unowned/log.js    |  1 +
 .../class-state-derived-unowned/main.svelte       | 14 +++++++-------
 .../samples/class-state-init-eager-2/_config.js   |  9 +++++++--
 .../samples/class-state-init-eager-2/log.js       |  1 +
 .../samples/class-state-init-eager-2/main.svelte  |  2 +-
 .../samples/class-state-init-eager-3/_config.js   |  9 +++++++--
 .../samples/class-state-init-eager-3/log.js       |  1 +
 .../samples/class-state-init-eager-3/main.svelte  |  2 +-
 .../samples/class-state-init-eager/_config.js     |  9 +++++++--
 .../samples/class-state-init-eager/log.js         |  1 +
 .../samples/class-state-init-eager/main.svelte    |  2 +-
 .../samples/event-attribute-template/_config.js   |  9 +++++++--
 .../samples/event-attribute-template/log.js       |  1 +
 .../samples/event-attribute-template/main.svelte  |  2 +-
 15 files changed, 54 insertions(+), 24 deletions(-)
 create mode 100644 packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/log.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/log.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/log.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/class-state-init-eager/log.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/event-attribute-template/log.js

diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/_config.js b/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/_config.js
index d73f3351a3..e0f3a58f3f 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/_config.js
@@ -1,36 +1,41 @@
 import { flushSync } from 'svelte';
 import { test } from '../../test';
+import { log } from './log.js';
 
 export default test({
 	// The component context class instance gets shared between tests, strangely, causing hydration to fail?
 	skip_if_hydrate: 'permanent',
 
-	async test({ assert, target, component }) {
+	before_test() {
+		log.length = 0;
+	},
+
+	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		flushSync(() => {
 			btn?.click();
 		});
 
-		assert.deepEqual(component.log, [0, 'class trigger false', 'local trigger false', 1]);
+		assert.deepEqual(log, [0, 'class trigger false', 'local trigger false', 1]);
 
 		flushSync(() => {
 			btn?.click();
 		});
 
-		assert.deepEqual(component.log, [0, 'class trigger false', 'local trigger false', 1, 2]);
+		assert.deepEqual(log, [0, 'class trigger false', 'local trigger false', 1, 2]);
 
 		flushSync(() => {
 			btn?.click();
 		});
 
-		assert.deepEqual(component.log, [0, 'class trigger false', 'local trigger false', 1, 2, 3]);
+		assert.deepEqual(log, [0, 'class trigger false', 'local trigger false', 1, 2, 3]);
 
 		flushSync(() => {
 			btn?.click();
 		});
 
-		assert.deepEqual(component.log, [
+		assert.deepEqual(log, [
 			0,
 			'class trigger false',
 			'local trigger false',
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/log.js b/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/log.js
new file mode 100644
index 0000000000..0abf1fa915
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/log.js
@@ -0,0 +1 @@
+export const log = [];
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/main.svelte
index 58b96457db..6f1c26db04 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/main.svelte
@@ -1,17 +1,17 @@
 <script context="module">
-		class SomeLogic {
-			someValue = $state(0);
-			isAboveThree = $derived(this.someValue > 3);
-			trigger() {
-				this.someValue++;
-			}
+	class SomeLogic {
+		someValue = $state(0);
+		isAboveThree = $derived(this.someValue > 3);
+		trigger() {
+			this.someValue++;
 		}
+	}
 
 	const someLogic = new SomeLogic();
 </script>
 
 <script>
-	const {log = []} = $props();
+	import { log } from './log.js';
 
 	function increment() {
 		someLogic.trigger();
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/_config.js b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/_config.js
index 81f5456ad3..e11107a95c 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/_config.js
@@ -1,9 +1,14 @@
 import { test } from '../../test';
+import { log } from './log.js';
 
 export default test({
 	html: `<button>0</button>`,
 
-	async test({ assert, target, component }) {
+	before_test() {
+		log.length = 0;
+	},
+
+	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		await btn?.click();
@@ -12,6 +17,6 @@ export default test({
 		await btn?.click();
 		assert.htmlEqual(target.innerHTML, `<button>2</button>`);
 
-		assert.deepEqual(component.log, [undefined]);
+		assert.deepEqual(log, [undefined]);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/log.js b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/log.js
new file mode 100644
index 0000000000..0abf1fa915
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/log.js
@@ -0,0 +1 @@
+export const log = [];
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/main.svelte
index a8420548cc..5a0d7b0de2 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/main.svelte
@@ -1,5 +1,5 @@
 <script>
-	const {log = []} = $props();
+	import { log } from './log.js';
 
 	const logger = (obj) => {
 		log.push(obj.count)
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/_config.js b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/_config.js
index 81f5456ad3..e11107a95c 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/_config.js
@@ -1,9 +1,14 @@
 import { test } from '../../test';
+import { log } from './log.js';
 
 export default test({
 	html: `<button>0</button>`,
 
-	async test({ assert, target, component }) {
+	before_test() {
+		log.length = 0;
+	},
+
+	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		await btn?.click();
@@ -12,6 +17,6 @@ export default test({
 		await btn?.click();
 		assert.htmlEqual(target.innerHTML, `<button>2</button>`);
 
-		assert.deepEqual(component.log, [undefined]);
+		assert.deepEqual(log, [undefined]);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/log.js b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/log.js
new file mode 100644
index 0000000000..0abf1fa915
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/log.js
@@ -0,0 +1 @@
+export const log = [];
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/main.svelte
index 289a3beebd..b4e63089b4 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/main.svelte
@@ -1,5 +1,5 @@
 <script>
-	const {log = []} = $props();
+	import { log } from './log.js';
 
 	class Counter {
 		count = $state();
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager/_config.js b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager/_config.js
index 597626f9a7..e6f52509c4 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager/_config.js
@@ -1,9 +1,14 @@
 import { test } from '../../test';
+import { log } from './log.js';
 
 export default test({
 	html: `<button>0</button>`,
 
-	async test({ assert, target, component }) {
+	before_test() {
+		log.length = 0;
+	},
+
+	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		await btn?.click();
@@ -12,6 +17,6 @@ export default test({
 		await btn?.click();
 		assert.htmlEqual(target.innerHTML, `<button>2</button>`);
 
-		assert.deepEqual(component.log, [100]);
+		assert.deepEqual(log, [100]);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager/log.js b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager/log.js
new file mode 100644
index 0000000000..0abf1fa915
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager/log.js
@@ -0,0 +1 @@
+export const log = [];
diff --git a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager/main.svelte b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager/main.svelte
index 1411755df9..1fff8c1fec 100644
--- a/packages/svelte/tests/runtime-runes/samples/class-state-init-eager/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/class-state-init-eager/main.svelte
@@ -1,5 +1,5 @@
 <script>
-	const {log = []} = $props();
+	import { log } from './log.js';
 
 	class Counter {
 		count = $state(100);
diff --git a/packages/svelte/tests/runtime-runes/samples/event-attribute-template/_config.js b/packages/svelte/tests/runtime-runes/samples/event-attribute-template/_config.js
index 340b0ff4c9..c8d797b1a6 100644
--- a/packages/svelte/tests/runtime-runes/samples/event-attribute-template/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/event-attribute-template/_config.js
@@ -1,8 +1,13 @@
 import { flushSync } from 'svelte';
 import { test } from '../../test';
+import { log } from './log.js';
 
 export default test({
-	async test({ assert, target, component }) {
+	before_test() {
+		log.length = 0;
+	},
+
+	async test({ assert, target }) {
 		const [b1] = target.querySelectorAll('button');
 
 		flushSync(() => {
@@ -10,6 +15,6 @@ export default test({
 		});
 
 		await Promise.resolve();
-		assert.deepEqual(component.log, ['onclick']);
+		assert.deepEqual(log, ['onclick']);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/event-attribute-template/log.js b/packages/svelte/tests/runtime-runes/samples/event-attribute-template/log.js
new file mode 100644
index 0000000000..0abf1fa915
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/event-attribute-template/log.js
@@ -0,0 +1 @@
+export const log = [];
diff --git a/packages/svelte/tests/runtime-runes/samples/event-attribute-template/main.svelte b/packages/svelte/tests/runtime-runes/samples/event-attribute-template/main.svelte
index 66db0b6013..5976ab15f8 100644
--- a/packages/svelte/tests/runtime-runes/samples/event-attribute-template/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/event-attribute-template/main.svelte
@@ -1,5 +1,5 @@
 <script>
-	const {log = []} = $props();
+	import { log } from './log.js';
 
 	function send() {
 		log.push("onclick")