monkey-patch console.log and console.warn for all tests (#11265)

* monkey-patch console.log and console.warn for all tests

* update legacy tests

* various

* tests passing

* tidy up

* tidy up

* tidier output

packages/svelte/tests/hydration/samples/ignore-mismatched-href/_config.js

@@ -11,5 +11,9 @@ export default test({
 
 	test(assert, target) {
 		assert.equal(target.querySelector('a')?.getAttribute('href'), '/bar');
-	}
+	},
+
+	errors: [
+		'Detected a href attribute value change during hydration. This will not be repaired during hydration, the href value that came from the server will be used. Related element:'
+	]
 });

packages/svelte/tests/hydration/test.ts

@@ -32,6 +32,7 @@ interface HydrationTest extends BaseTest {
 	) => void | Promise<void>;
 	before_test?: () => void;
 	after_test?: () => void;
+	errors?: any[];
 }
 
 function read(path: string): string | void {
@@ -65,6 +66,7 @@ const { test, run } = suite<HydrationTest>(async (config, cwd) => {
 		const snapshot = config.snapshot ? config.snapshot(target) : {};
 
 		const error = console.error;
+		const errors: any[] = [];
 		let got_hydration_error = false;
 		console.error = (message: any) => {
 			if (typeof message === 'string' && message.startsWith('ERR_SVELTE_HYDRATION_MISMATCH')) {
@@ -73,7 +75,7 @@ const { test, run } = suite<HydrationTest>(async (config, cwd) => {
 					error(message);
 				}
 			} else {
-				error(message);
+				errors.push(message);
 			}
 		};
 
@@ -85,12 +87,19 @@ const { test, run } = suite<HydrationTest>(async (config, cwd) => {
 		});
 
 		console.error = error;
+
 		if (config.expect_hydration_error) {
 			assert.ok(got_hydration_error, 'Expected hydration error');
 		} else {
 			assert.ok(!got_hydration_error, 'Unexpected hydration error');
 		}
 
+		if (config.errors) {
+			assert.deepEqual(errors, config.errors);
+		} else if (errors.length) {
+			throw new Error(`Unexpected errors: ${errors.join('\n')}`);
+		}
+
 		const expected = read(`${cwd}/_expected.html`) ?? rendered.html;
 		assert_html_equal(target.innerHTML, expected);
 

packages/svelte/tests/runtime-browser/test.ts

@@ -14,7 +14,6 @@ let browser: import('@playwright/test').Browser;
 
 beforeAll(async () => {
 	browser = await chromium.launch();
-	console.log('[runtime-browser] Launched browser');
 }, 20000);
 
 afterAll(async () => {

packages/svelte/tests/runtime-legacy/samples/binding-this-multiple/_config.js

@@ -2,11 +2,11 @@ import { flushSync } from 'svelte';
 import { test } from '../../test';
 
 export default test({
-	test({ assert, component, target }) {
+	test({ assert, target, logs }) {
 		const [b1, b2, b3] = target.querySelectorAll('button');
 		const first_h1 = target.querySelector('h1');
 
-		assert.deepEqual(component.log, [undefined, first_h1]);
+		assert.deepEqual(logs, [undefined, first_h1]);
 
 		flushSync(() => {
 			b3.click();
@@ -14,12 +14,12 @@ export default test({
 
 		const third_h1 = target.querySelector('h1');
 
-		assert.deepEqual(component.log, [undefined, first_h1, third_h1]);
+		assert.deepEqual(logs, [undefined, first_h1, third_h1]);
 
 		flushSync(() => {
 			b1.click();
 		});
 
-		assert.deepEqual(component.log, [undefined, first_h1, third_h1, target.querySelector('h1')]);
+		assert.deepEqual(logs, [undefined, first_h1, third_h1, target.querySelector('h1')]);
 	}
 });

packages/svelte/tests/runtime-legacy/samples/binding-this-multiple/main.svelte

@@ -1,9 +1,8 @@
 <script>
 	let activeTab = 0;
 	let activeHeading;
-	export let log = [];
 
-	$: log.push(activeHeading);
+	$: console.log(activeHeading);
 </script>
 
 <div class="tabs">

packages/svelte/tests/runtime-legacy/samples/component-nested-deep/_config.js

@@ -4,5 +4,7 @@ import { unmount } from 'svelte';
 export default test({
 	test({ component }) {
 		unmount(component.l1);
-	}
+	},
+
+	warnings: ['Tried to unmount a component that was not mounted.']
 });

packages/svelte/tests/runtime-legacy/samples/component-slot-context-props-each-nested/Nested.svelte

@@ -1,9 +1,9 @@
 <script>
 	let keys = ['a', 'b'];
 	let items = ['c', 'd'];
-  export let log;
+
 	function setKey(key, value, item) {
-		log.push(`setKey(${key}, ${value}, ${item})`);
+		console.log(`setKey(${key}, ${value}, ${item})`);
 	}
 </script>
 

packages/svelte/tests/runtime-legacy/samples/component-slot-context-props-each-nested/_config.js

@@ -7,25 +7,26 @@ export default test({
 		<button type="button">Set a-d</button>
 		<button type="button">Set b-d</button>
 	`,
-	async test({ assert, target, window, component }) {
+
+	async test({ assert, target, window, logs }) {
 		const [btn1, btn2, btn3, btn4] = target.querySelectorAll('button');
 		const click = new window.MouseEvent('click', { bubbles: true });
 
 		await btn1.dispatchEvent(click);
-		assert.deepEqual(component.log, ['setKey(a, value-a-c, c)']);
+		assert.deepEqual(logs, ['setKey(a, value-a-c, c)']);
 
 		await btn2.dispatchEvent(click);
-		assert.deepEqual(component.log, ['setKey(a, value-a-c, c)', 'setKey(b, value-b-c, c)']);
+		assert.deepEqual(logs, ['setKey(a, value-a-c, c)', 'setKey(b, value-b-c, c)']);
 
 		await btn3.dispatchEvent(click);
-		assert.deepEqual(component.log, [
+		assert.deepEqual(logs, [
 			'setKey(a, value-a-c, c)',
 			'setKey(b, value-b-c, c)',
 			'setKey(a, value-a-d, d)'
 		]);
 
 		await btn4.dispatchEvent(click);
-		assert.deepEqual(component.log, [
+		assert.deepEqual(logs, [
 			'setKey(a, value-a-c, c)',
 			'setKey(b, value-b-c, c)',
 			'setKey(a, value-a-d, d)',

packages/svelte/tests/runtime-legacy/samples/component-slot-context-props-each-nested/main.svelte

@@ -1,8 +1,7 @@
 <script>
 	import Nested from './Nested.svelte';
-	export let log = [];
 </script>
 
-<Nested {log} let:set let:key let:item>
+<Nested let:set let:key let:item>
 	<button type="button" on:click={() => set(`value-${key}-${item}`)}>Set {key}-{item}</button>
 </Nested>

packages/svelte/tests/runtime-legacy/samples/component-slot-context-props-each/Nested.svelte

@@ -1,8 +1,8 @@
 <script>
 	let keys = ['a', 'b'];
-  export let log;
+
 	function setKey(key, value) {
-		log.push(`setKey(${key}, ${value})`);
+		console.log(`setKey(${key}, ${value})`);
 	}
 </script>
 

packages/svelte/tests/runtime-legacy/samples/component-slot-context-props-each/_config.js

@@ -5,14 +5,15 @@ export default test({
 		<button type="button">Set a</button>
 		<button type="button">Set b</button>
 	`,
-	async test({ assert, target, window, component }) {
+
+	async test({ assert, target, window, logs }) {
 		const [btn1, btn2] = target.querySelectorAll('button');
 		const click = new window.MouseEvent('click', { bubbles: true });
 
 		await btn1.dispatchEvent(click);
-		assert.deepEqual(component.log, ['setKey(a, value-a)']);
+		assert.deepEqual(logs, ['setKey(a, value-a)']);
 
 		await btn2.dispatchEvent(click);
-		assert.deepEqual(component.log, ['setKey(a, value-a)', 'setKey(b, value-b)']);
+		assert.deepEqual(logs, ['setKey(a, value-a)', 'setKey(b, value-b)']);
 	}
 });

packages/svelte/tests/runtime-legacy/samples/component-slot-context-props-each/main.svelte

@@ -1,8 +1,7 @@
 <script>
 	import Nested from './Nested.svelte';
-	export let log = [];
 </script>
 
-<Nested {log} let:set let:key>
+<Nested let:set let:key>
 	<button type="button" on:click={() => set(`value-${key}`)}>Set {key}</button>
 </Nested>

packages/svelte/tests/runtime-legacy/samples/component-slot-context-props-let/Inner.svelte

@@ -1,7 +1,6 @@
 <script>
-  export let log;
 	function setKey(key, value) {
-		log.push(`setKey(${key}, ${value})`);
+		console.log(`setKey(${key}, ${value})`);
 	}
 </script>
 

packages/svelte/tests/runtime-legacy/samples/component-slot-context-props-let/Nested.svelte

@@ -1,8 +1,7 @@
 <script>
 	import Inner from './Inner.svelte';
-  export let log;
 </script>
 
-<Inner {log} let:key let:set>
+<Inner let:key let:set>
 	<slot {key} set={(value) => set(key, value)} />
 </Inner>

packages/svelte/tests/runtime-legacy/samples/component-slot-context-props-let/_config.js

@@ -5,14 +5,15 @@ export default test({
 		<button type="button">Set a</button>
 		<button type="button">Set b</button>
 	`,
-	async test({ assert, target, window, component }) {
+
+	async test({ assert, target, window, logs }) {
 		const [btn1, btn2] = target.querySelectorAll('button');
 		const click = new window.MouseEvent('click', { bubbles: true });
 
 		await btn1.dispatchEvent(click);
-		assert.deepEqual(component.log, ['setKey(a, value-a)']);
+		assert.deepEqual(logs, ['setKey(a, value-a)']);
 
 		await btn2.dispatchEvent(click);
-		assert.deepEqual(component.log, ['setKey(a, value-a)', 'setKey(b, value-b)']);
+		assert.deepEqual(logs, ['setKey(a, value-a)', 'setKey(b, value-b)']);
 	}
 });

packages/svelte/tests/runtime-legacy/samples/component-slot-context-props-let/main.svelte

@@ -1,8 +1,7 @@
 <script>
 	import Nested from './Nested.svelte';
-	export let log = [];
 </script>
 
-<Nested {log} let:set let:key>
+<Nested let:set let:key>
 	<button type="button" on:click={() => set(`value-${key}`)}>Set {key}</button>
 </Nested>

packages/svelte/tests/runtime-legacy/samples/destroy-twice/_config.js

@@ -5,5 +5,10 @@ export default test({
 	test({ component }) {
 		unmount(component);
 		unmount(component);
-	}
+	},
+
+	warnings: [
+		'Tried to unmount a component that was not mounted.',
+		'Tried to unmount a component that was not mounted.'
+	]
 });

packages/svelte/tests/runtime-legacy/samples/empty-component-destroy/_config.js

@@ -1,30 +1,14 @@
 import { test } from '../../test';
 
-/**
- * @type {{ (...data: any[]): void; (message?: any, ...optionalParams: any[]): void; (...data: any[]): void; (message?: any, ...optionalParams: any[]): void; }}
- */
-let log;
-
 export default test({
 	html: `
 	  <button>destroy component</button>
 	`,
 
-	before_test() {
+	async test({ assert, target, window, logs }) {
-		log = console.log;
-	},
-	after_test() {
-		console.log = log;
-	},
-
-	async test({ assert, target, window }) {
 		const button = target.querySelector('button');
 		const event = new window.MouseEvent('click');
-		/**
+
-		 * @type {any[]}
-		 */
-		const messages = [];
-		console.log = (msg) => messages.push(msg);
 		// @ts-ignore
 		await button.dispatchEvent(event);
 		assert.htmlEqual(
@@ -33,6 +17,6 @@ export default test({
 			<button>destroy component</button>
 		`
 		);
-		assert.deepEqual(messages, ['destroy']);
+		assert.deepEqual(logs, ['destroy']);
 	}
 });

packages/svelte/tests/runtime-legacy/samples/empty-component-destroy/main.svelte

@@ -3,6 +3,6 @@
 	let active = true;
 </script>
 
-<button on:click='{() => active = false }'>destroy component</button>
+<button on:click={() => active = false }>destroy component</button>
 
 <svelte:component this={active ? Empty : null} />

packages/svelte/tests/runtime-legacy/samples/event-handler-mutation-scope/_config.js

@@ -2,7 +2,7 @@ import { flushSync } from 'svelte';
 import { ok, test } from '../../test';
 
 export default test({
-	test({ assert, component, target, window }) {
+	test({ assert, logs, target }) {
 		const button = target.querySelector('button');
 		ok(button);
 
@@ -10,12 +10,12 @@ export default test({
 			button.click();
 		});
 
-		assert.deepEqual(component.log, ['1 - 1']);
+		assert.deepEqual(logs, ['1 - 1']);
 
 		flushSync(() => {
 			button.click();
 		});
 
-		assert.deepEqual(component.log, ['1 - 1', '2 - 2']);
+		assert.deepEqual(logs, ['1 - 1', '2 - 2']);
 	}
 });

packages/svelte/tests/runtime-legacy/samples/event-handler-mutation-scope/main.svelte

@@ -1,5 +1,4 @@
 <script>
-	export let log = [];
 	let referenced_directly = 0;
 	let not_referenced_directly = 0;
 	let css_based_on_not_referenced = '';
@@ -8,7 +7,7 @@
 		referenced_directly += 1;
 		not_referenced_directly += 1;
 		css_based_on_not_referenced = not_referenced_directly % 2 == 1 ? 'background-color: red' : '';
-		log.push(referenced_directly + ' - ' + not_referenced_directly); //only referenced_directly is increasing
+		console.log(referenced_directly + ' - ' + not_referenced_directly); //only referenced_directly is increasing
 	}
 </script>
 

packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/Child.svelte

@@ -1,24 +1,23 @@
 <script>
 	import { beforeUpdate, afterUpdate } from "svelte";
-	import { log } from './log.js';
 
 	export let a;
 	export let b;
 
 	beforeUpdate(() => {
-		log.push('before');
+		console.log('before');
 	});
 
 	beforeUpdate(()=>{
-		log.push(`before ${a}, ${b}`);
+		console.log(`before ${a}, ${b}`);
 	});
 
 	afterUpdate(() => {
-		log.push('after');
+		console.log('after');
 	});
 
 	afterUpdate(()=>{
-		log.push(`after ${a}, ${b}`);
+		console.log(`after ${a}, ${b}`);
 	});
 </script>
 

packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/_config.js

@@ -1,13 +1,8 @@
 import { flushSync } from 'svelte';
-import { log } from './log.js';
 import { test, ok } from '../../test';
 
 export default test({
-	before_test: () => {
+	test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	test({ assert, target }) {
 		const [button1, button2] = target.querySelectorAll('button');
 		ok(button1);
 		ok(button2);
@@ -18,7 +13,7 @@ export default test({
 		button2.click();
 		flushSync();
 
-		assert.deepEqual(log, [
+		assert.deepEqual(logs, [
 			'before',
 			'before 0, 0',
 			'after',

packages/svelte/tests/runtime-legacy/samples/lifecycle-render-afterUpdate2/log.js

@@ -1,2 +0,0 @@
-/** @type {string[]} */
-export const log = [];

packages/svelte/tests/runtime-legacy/samples/lifecycle-render-beforeUpdate/Child.svelte

@@ -1,7 +1,6 @@
 <script>
 	export let name;
-	export let log;
+	$: console.log('name in child: ' + name);
-	$: log.push('name in child: ' + name);
 </script>
 
 <p>welcome, dan</p>

packages/svelte/tests/runtime-legacy/samples/lifecycle-render-beforeUpdate/_config.js

@@ -2,11 +2,11 @@ import { test } from '../../test';
 import { flushSync } from 'svelte';
 
 export default test({
-	async test({ assert, target, component }) {
+	async test({ assert, target, logs }) {
 		const input = /** @type {HTMLInputElement} */ (target.querySelector('input'));
 		assert.equal(input?.value, 'rich');
 
-		assert.deepEqual(component.log, []);
+		assert.deepEqual(logs, []);
 
 		const inputEvent = new window.InputEvent('input');
 		input.value = 'dan';
@@ -14,15 +14,15 @@ export default test({
 
 		flushSync();
 
-		assert.deepEqual(component.log, ['name in child: dan']);
+		assert.deepEqual(logs, ['name in child: dan']);
 
-		component.log.length = 0;
+		logs.length = 0;
 
 		input.value = 'da';
 		await input.dispatchEvent(inputEvent);
 
 		flushSync();
 
-		assert.deepEqual(component.log, []);
+		assert.deepEqual(logs, []);
 	}
 });

packages/svelte/tests/runtime-legacy/samples/lifecycle-render-beforeUpdate/main.svelte

@@ -2,8 +2,6 @@
 	import { beforeUpdate } from 'svelte';
 	import Child from './Child.svelte';
 
-	export let log = [];
-	
 	let name = 'rich';
 	let allowed = false;
 
@@ -16,5 +14,5 @@
 <input bind:value={name} />
 
 {#if allowed}
-	<Child name={name} log={log} />
+	<Child name={name} />
 {/if}

packages/svelte/tests/runtime-legacy/samples/reactive-assignment-prevent-loop/_config.js

@@ -1,21 +1,16 @@
 import { flushSync } from 'svelte';
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
 	html: '<button>1 / 1</button>',
 
-	before_test() {
+	test({ assert, target, logs }) {
-		log.length = 0;
+		assert.deepEqual(logs, [2, 1]);
-	},
-
-	test({ assert, target }) {
-		assert.deepEqual(log, [2, 1]);
 
 		const button = target.querySelector('button');
 
 		flushSync(() => button?.click());
-		assert.deepEqual(log, [2, 1, 2, 1]);
+		assert.deepEqual(logs, [2, 1, 2, 1]);
 
 		assert.htmlEqual(target.innerHTML, '<button>3 / 2</button>');
 	}

packages/svelte/tests/runtime-legacy/samples/reactive-assignment-prevent-loop/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-legacy/samples/reactive-assignment-prevent-loop/main.svelte

@@ -1,6 +1,4 @@
 <script>
-	import { log } from './log.js';
-
 	let count1 = 0;
 	let count2 = 0;
 
@@ -9,12 +7,12 @@
 	}
 
 	$: if (count2 < 10) {
-		log.push(1);
+		console.log(1);
 		increaseCount1();
 	}
 
 	$: if (count1 < 10) {
-		log.push(2);
+		console.log(2);
 		count2++;
 	}
 </script>

packages/svelte/tests/runtime-legacy/shared.ts

@@ -1,7 +1,6 @@
 import * as fs from 'node:fs';
 import { setImmediate } from 'node:timers/promises';
 import glob from 'tiny-glob/sync.js';
-import * as $ from 'svelte/internal/client';
 import { createClassComponent } from 'svelte/legacy';
 import { flushSync } from 'svelte';
 import { render } from 'svelte/server';
@@ -56,6 +55,8 @@ export interface RuntimeTest<Props extends Record<string, any> = Record<string,
 			KeyboardEvent: typeof KeyboardEvent;
 			MouseEvent: typeof MouseEvent;
 		};
+		logs: any[];
+		warnings: any[];
 	}) => void | Promise<void>;
 	test_ssr?: (args: { assert: Assert }) => void | Promise<void>;
 	accessors?: boolean;
@@ -151,6 +152,36 @@ async function run_test_variant(
 ) {
 	let unintended_error = false;
 
+	// eslint-disable-next-line no-console
+	const { log, warn } = console;
+
+	let logs: string[] = [];
+	let warnings: string[] = [];
+
+	{
+		// use some crude static analysis to determine if logs/warnings are intercepted.
+		// we do this instead of using getters on the `test` parameters so that we can
+		// squelch logs in SSR tests while printing temporary logs in other cases
+		let str = config.test?.toString() ?? '';
+		let n = 0;
+		let i = 0;
+		while (i < str.length) {
+			if (str[i] === '(') n++;
+			if (str[i] === ')' && --n === 0) break;
+			i++;
+		}
+
+		if (str.slice(0, i).includes('logs')) {
+			// eslint-disable-next-line no-console
+			console.log = (...args) => logs.push(...args);
+		}
+
+		if (str.slice(0, i).includes('warnings') || config.warnings) {
+			// eslint-disable-next-line no-console
+			console.warn = (...args) => warnings.push(...args);
+		}
+	}
+
 	try {
 		unhandled_rejection = null;
 
@@ -237,15 +268,9 @@ async function run_test_variant(
 				});
 			}
 		} else {
-			config.before_test?.();
+			logs.length = warnings.length = 0;
 
-			const warnings: string[] = [];
+			config.before_test?.();
-			// eslint-disable-next-line no-console
-			const warn = console.warn;
-			// eslint-disable-next-line no-console
-			console.warn = (warning) => {
-				warnings.push(warning);
-			};
 
 			// eslint-disable-next-line no-console
 			const error = console.error;
@@ -266,8 +291,6 @@ async function run_test_variant(
 				hydrate: variant === 'hydrate'
 			});
 
-			// eslint-disable-next-line no-console
-			console.warn = warn;
 			// eslint-disable-next-line no-console
 			console.error = error;
 
@@ -276,13 +299,6 @@ async function run_test_variant(
 				assert.fail('Expected a runtime error');
 			}
 
-			if (config.warnings) {
-				assert.deepEqual(warnings, config.warnings);
-			} else if (warnings.length) {
-				unintended_error = true;
-				assert.fail('Received unexpected warnings');
-			}
-
 			if (config.html) {
 				flushSync();
 				assert_html_equal_with_options(target.innerHTML, config.html, {
@@ -309,7 +325,9 @@ async function run_test_variant(
 						snapshot,
 						window,
 						raf,
-						compileOptions
+						compileOptions,
+						logs,
+						warnings
 					});
 				}
 
@@ -319,6 +337,15 @@ async function run_test_variant(
 				}
 			} finally {
 				instance.$destroy();
+
+				if (config.warnings) {
+					assert.deepEqual(warnings, config.warnings);
+				} else if (warnings.length && console.warn === warn) {
+					unintended_error = true;
+					warn.apply(console, warnings);
+					assert.fail('Received unexpected warnings');
+				}
+
 				assert_html_equal(
 					target.innerHTML,
 					'',
@@ -341,6 +368,9 @@ async function run_test_variant(
 			throw err;
 		}
 	} finally {
+		console.log = log;
+		console.warn = warn;
+
 		config.after_test?.();
 
 		// Free up the microtask queue

packages/svelte/tests/runtime-runes/samples/action-context/_config.js

@@ -1,22 +1,17 @@
 import { ok, test } from '../../test';
-import { flushSync, tick } from 'svelte';
+import { flushSync } from 'svelte';
-import { log } from './log.js';
 
 export default test({
 	html: `<button>0</button>`,
 
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 		ok(btn);
 
 		flushSync(() => btn.click());
-		assert.deepEqual(log, ['update', 0, 1]);
+		assert.deepEqual(logs, ['update', 0, 1]);
 
 		flushSync(() => btn.click());
-		assert.deepEqual(log, ['update', 0, 1, 'destroy', 1]);
+		assert.deepEqual(logs, ['update', 0, 1, 'destroy', 1]);
 	}
 });

packages/svelte/tests/runtime-runes/samples/action-context/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/action-context/main.svelte

@@ -1,6 +1,4 @@
 <script>
-	import { log } from './log.js';
-
 	let count = $state(0);
 
 	/**
@@ -12,10 +10,10 @@
 			count,
 			/** @param {number} count */
 			update(count) {
-				log.push('update', this.count, (this.count = count));
+				console.log('update', this.count, (this.count = count));
 			},
 			destroy() {
-				log.push('destroy', this.count);
+				console.log('destroy', this.count);
 			},
 		}
 	};

packages/svelte/tests/runtime-runes/samples/action-state-arg-deep/Task.svelte

@@ -1,6 +1,4 @@
 <script>
-	import { log } from './log.js';
-
   const { prop } = $props()
 
   let trackedState = $state(0)
@@ -8,7 +6,7 @@
 
   function dummyAction(el, { getTrackedState, propFromComponent }) {
     $effect(() => {
-      log.push("action $effect: ", { buttonClicked: getTrackedState() })
+      console.log("action $effect: ", { buttonClicked: getTrackedState() })
     })
   }
 </script>

packages/svelte/tests/runtime-runes/samples/action-state-arg-deep/_config.js

@@ -1,15 +1,10 @@
 import { test } from '../../test';
-import { flushSync, tick } from 'svelte';
+import { flushSync } from 'svelte';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
-		log.length = 0;
-	},
-
 	html: `<div class="container">{"text":"initial"}</div><button>update tracked state</button><button>Update prop</button>`,
 
-	async test({ assert, target }) {
+	async test({ assert, target, logs }) {
 		const [btn1, btn2] = target.querySelectorAll('button');
 
 		flushSync(() => {
@@ -30,7 +25,7 @@ export default test({
 			`<div class="container">{"text":"updated"}</div><button>update tracked state</button><button>Update prop</button>`
 		);
 
-		assert.deepEqual(log, [
+		assert.deepEqual(logs, [
 			'action $effect: ',
 			{ buttonClicked: 0 },
 			'action $effect: ',

packages/svelte/tests/runtime-runes/samples/action-state-arg-deep/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/before-update-in-legacy-child/Child.svelte

@@ -2,11 +2,10 @@
 
 <script>
 	import { beforeUpdate } from 'svelte';
-	import { logs } from './logs.js'
 
 	export let object;
 
 	beforeUpdate(() => {
-		logs.push('changed');
+		console.log('changed');
 	});
 </script>

packages/svelte/tests/runtime-runes/samples/before-update-in-legacy-child/_config.js

@@ -1,20 +1,15 @@
 import { flushSync } from 'svelte';
 import { test } from '../../test';
-import { logs } from './logs.js';
 
 export default test({
 	html: `<button>clicks: 0</button>`,
 
-	test({ assert, target }) {
+	test({ assert, target, logs }) {
 		const btn = target.querySelector('button');
 
 		flushSync(() => btn?.click());
 
 		assert.htmlEqual(target.innerHTML, `<button>clicks: 1</button>`);
 		assert.deepEqual(logs, ['changed', 'changed']);
-	},
-
-	after_test() {
-		logs.length = 0;
 	}
 });

packages/svelte/tests/runtime-runes/samples/before-update-in-legacy-child/logs.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const logs = [];

packages/svelte/tests/runtime-runes/samples/bind-this-proxy/_config.js

@@ -1,15 +1,10 @@
 import { flushSync } from 'svelte';
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
-	before_test: () => {
-		log.length = 0;
-	},
-
 	html: `<button>Toggle</button><div>Hello\nworld</div>`,
 
-	async test({ assert, target }) {
+	async test({ assert, target, logs }) {
 		const [btn1] = target.querySelectorAll('button');
 
 		flushSync(() => {
@@ -24,6 +19,6 @@ export default test({
 
 		assert.htmlEqual(target.innerHTML, `<button>Toggle</button><div>Hello\nworld</div>`);
 
-		assert.deepEqual(log, [{ a: {} }, null, { a: {} }]);
+		assert.deepEqual(logs, [{ a: {} }, null, { a: {} }]);
 	}
 });

packages/svelte/tests/runtime-runes/samples/bind-this-proxy/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/bind-this-proxy/main.svelte

@@ -1,12 +1,11 @@
 <script>
-	import { log } from './log.js';
 	import Component from './Component.svelte';
 
 	let type = $state(Component)
 	let elem = $state()
 
 	$effect(() => {
-		log.push(elem);
+		console.log(elem);
 	});
 </script>
 

packages/svelte/tests/runtime-runes/samples/class-frozen-state-object/_config.js

@@ -1,14 +1,9 @@
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
 	html: `<button>0</button>`,
 
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		await btn?.click();
@@ -17,6 +12,6 @@ export default test({
 		await btn?.click();
 		assert.htmlEqual(target.innerHTML, `<button>0</button>`);
 
-		assert.deepEqual(log, ['read only', 'read only']);
+		assert.deepEqual(logs, ['read only', 'read only']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/class-frozen-state-object/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/class-frozen-state-object/main.svelte

@@ -1,6 +1,4 @@
 <script>
-	import { log } from './log.js';
-
 	class Counter {
 		count = $state.frozen({ a: 0 });
 	}
@@ -11,6 +9,6 @@
 	try {
 		counter.count.a++
 	} catch (e) {
-		log.push('read only')
+		console.log('read only')
 	}
 }}>{counter.count.a}</button>

packages/svelte/tests/runtime-runes/samples/class-private-frozen-state-object/_config.js

@@ -1,14 +1,9 @@
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
 	html: `<button>0</button>`,
 
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		await btn?.click();
@@ -17,6 +12,6 @@ export default test({
 		await btn?.click();
 		assert.htmlEqual(target.innerHTML, `<button>0</button>`);
 
-		assert.deepEqual(log, ['read only', 'read only']);
+		assert.deepEqual(logs, ['read only', 'read only']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/class-private-frozen-state-object/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/class-private-frozen-state-object/main.svelte

@@ -1,6 +1,4 @@
 <script>
-	import { log } from './log.js';
-
 	class Counter {
 		#count = $state.frozen();
 
@@ -22,6 +20,6 @@
 	try {
 		counter.count.a++
 	} catch (e) {
-		log.push('read only')
+		console.log('read only')
 	}
 }}>{counter.count.a}</button>

packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/_config.js

@@ -1,41 +1,36 @@
 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?
 	mode: ['client', 'server'],
 
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		flushSync(() => {
 			btn?.click();
 		});
 
-		assert.deepEqual(log, [0, 'class trigger false', 'local trigger false', 1]);
+		assert.deepEqual(logs, [0, 'class trigger false', 'local trigger false', 1]);
 
 		flushSync(() => {
 			btn?.click();
 		});
 
-		assert.deepEqual(log, [0, 'class trigger false', 'local trigger false', 1, 2]);
+		assert.deepEqual(logs, [0, 'class trigger false', 'local trigger false', 1, 2]);
 
 		flushSync(() => {
 			btn?.click();
 		});
 
-		assert.deepEqual(log, [0, 'class trigger false', 'local trigger false', 1, 2, 3]);
+		assert.deepEqual(logs, [0, 'class trigger false', 'local trigger false', 1, 2, 3]);
 
 		flushSync(() => {
 			btn?.click();
 		});
 
-		assert.deepEqual(log, [
+		assert.deepEqual(logs, [
 			0,
 			'class trigger false',
 			'local trigger false',

packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/class-state-derived-unowned/main.svelte

@@ -11,8 +11,6 @@
 </script>
 
 <script>
-	import { log } from './log.js';
-
 	function increment() {
 		someLogic.trigger();
 	}
@@ -20,13 +18,13 @@
 	let localDerived = $derived(someLogic.someValue > 3);
 
 	$effect(() => {
-		log.push(someLogic.someValue);
+		console.log(someLogic.someValue);
 	});
 	$effect(() => {
-		log.push('class trigger ' + someLogic.isAboveThree)
+		console.log('class trigger ' + someLogic.isAboveThree)
 	});
 	$effect(() => {
-		log.push('local trigger ' + localDerived)
+		console.log('local trigger ' + localDerived)
 	});
 
 </script>

packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/_config.js

@@ -1,14 +1,9 @@
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
 	html: `<button>0</button>`,
 
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		await btn?.click();
@@ -17,6 +12,6 @@ export default test({
 		await btn?.click();
 		assert.htmlEqual(target.innerHTML, `<button>2</button>`);
 
-		assert.deepEqual(log, [undefined]);
+		assert.deepEqual(logs, [undefined]);
 	}
 });

packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/class-state-init-eager-2/main.svelte

@@ -1,8 +1,6 @@
 <script>
-	import { log } from './log.js';
-
 	const logger = (obj) => {
-		log.push(obj.count)
+		console.log(obj.count)
 	}
 
 	class Counter {

packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/_config.js

@@ -1,14 +1,9 @@
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
 	html: `<button>0</button>`,
 
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		await btn?.click();
@@ -17,6 +12,6 @@ export default test({
 		await btn?.click();
 		assert.htmlEqual(target.innerHTML, `<button>2</button>`);
 
-		assert.deepEqual(log, [undefined]);
+		assert.deepEqual(logs, [undefined]);
 	}
 });

packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/class-state-init-eager-3/main.svelte

@@ -1,12 +1,10 @@
 <script>
-	import { log } from './log.js';
-
 	class Counter {
 		count = $state();
 		#count;
 
 		constructor(initial_count) {
-			log.push(this.count)
+			console.log(this.count)
 			this.count = initial_count;
 		}
 	}

packages/svelte/tests/runtime-runes/samples/class-state-init-eager/_config.js

@@ -1,14 +1,9 @@
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
 	html: `<button>0</button>`,
 
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const btn = target.querySelector('button');
 
 		await btn?.click();
@@ -17,6 +12,6 @@ export default test({
 		await btn?.click();
 		assert.htmlEqual(target.innerHTML, `<button>2</button>`);
 
-		assert.deepEqual(log, [100]);
+		assert.deepEqual(logs, [100]);
 	}
 });

packages/svelte/tests/runtime-runes/samples/class-state-init-eager/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/class-state-init-eager/main.svelte

@@ -1,12 +1,10 @@
 <script>
-	import { log } from './log.js';
-
 	class Counter {
 		count = $state(100);
 		#count;
 
 		constructor(initial_count) {
-			log.push(this.count)
+			console.log(this.count)
 			this.count = initial_count;
 		}
 	}

packages/svelte/tests/runtime-runes/samples/derived-destructure/_config.js

@@ -1,28 +1,23 @@
 import { test } from '../../test';
 import { flushSync } from 'svelte';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const [b1, b2, b3] = target.querySelectorAll('button');
-		log.length = 0;
+		logs.length = 0;
 		flushSync(() => {
 			b1.click();
 		});
-		assert.deepEqual(log, ['a', 1]);
+		assert.deepEqual(logs, ['a', 1]);
-		log.length = 0;
+		logs.length = 0;
 		flushSync(() => {
 			b2.click();
 		});
-		assert.deepEqual(log, ['b', 1]);
+		assert.deepEqual(logs, ['b', 1]);
-		log.length = 0;
+		logs.length = 0;
 		flushSync(() => {
 			b3.click();
 		});
-		assert.deepEqual(log, ['c', 1]);
+		assert.deepEqual(logs, ['c', 1]);
 	}
 });

packages/svelte/tests/runtime-runes/samples/derived-destructure/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/derived-destructure/main.svelte

@@ -1,21 +1,19 @@
 <script>
-	import { log } from './log.js';
-
 	let a = $state(0);
 	let b = $state(0);
 	let c = $state(0);
 	const {a: a1, b: b1, c: c1} = $derived({a, b, c});
 
 	$effect(() => {
-		log.push('a', a1)
+		console.log('a', a1)
 	});
 
 	$effect(() => {
-		log.push('b', b1)
+		console.log('b', b1)
 	});
 
 	$effect(() => {
-		log.push('c', c1)
+		console.log('c', c1)
 	});
 </script>
 

packages/svelte/tests/runtime-runes/samples/derived-fn-destructure/_config.js

@@ -1,19 +1,15 @@
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	mode: ['server'],
-		log.length = 0;
-	},
-
 	html: `<button>0</button>`,
 
-	async test({ assert, target, window }) {
+	async test({ assert, target, window, logs }) {
 		const btn = target.querySelector('button');
 		const clickEvent = new window.Event('click', { bubbles: true });
 		await btn?.dispatchEvent(clickEvent);
 
 		assert.htmlEqual(target.innerHTML, `<button>2</button>`);
-		assert.deepEqual(log, ['create_derived']);
+		assert.deepEqual(logs, ['create_derived']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/derived-fn-destructure/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/derived-fn-destructure/main.svelte

@@ -1,9 +1,7 @@
 <script>
-	import {log} from './log.js'
-
   let count = $state(0);
 	function create_derived() {
-		log.push('create_derived');
+		console.log('create_derived');
 		return () => {
 			return {
 				get double() {

packages/svelte/tests/runtime-runes/samples/derived-stale-value/_config.js

@@ -1,13 +1,8 @@
 import { test } from '../../test';
 import { flushSync } from 'svelte';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const [b1] = target.querySelectorAll('button');
 		flushSync(() => {
 			b1.click();
@@ -21,6 +16,6 @@ export default test({
 		flushSync(() => {
 			b1.click();
 		});
-		assert.deepEqual(log, [0, 2, 4]);
+		assert.deepEqual(logs, [0, 2, 4]);
 	}
 });

packages/svelte/tests/runtime-runes/samples/derived-stale-value/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/derived-stale-value/main.svelte

@@ -1,12 +1,10 @@
 <script>
-	import { log } from './log.js';
-
 	let count = $state(0);
 	const derived = $derived(Math.floor(count / 2));
 	const derived2 = $derived(derived * 2);
 
 	$effect(() => {
-		log.push(derived2);
+		console.log(derived2);
 	});
 </script>
 

packages/svelte/tests/runtime-runes/samples/destructure-derived-event/_config.js

@@ -1,15 +1,10 @@
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target, window }) {
 		const btn = target.querySelector('button');
 		await btn?.click();
 
-		assert.deepEqual(log, ['works!']);
+		assert.deepEqual(logs, ['works!']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/destructure-derived-event/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/destructure-derived-event/main.svelte

@@ -1,9 +1,7 @@
 <script>
-	import { log } from './log.js';
-
 	let structured = $state({
 		handler() {
-			log.push('works!')
+			console.log('works!')
 		}
 	});
 </script>

packages/svelte/tests/runtime-runes/samples/dynamic-transition/_config.js

@@ -1,31 +1,26 @@
 import { flushSync } from 'svelte';
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const [b1, b2] = target.querySelectorAll('button');
 
 		flushSync(() => {
 			b1.click();
 		});
 
-		assert.deepEqual(log, ['transition 2']);
+		assert.deepEqual(logs, ['transition 2']);
 
 		flushSync(() => {
 			b2.click();
 		});
 
-		assert.deepEqual(log, ['transition 2']);
+		assert.deepEqual(logs, ['transition 2']);
 
 		flushSync(() => {
 			b1.click();
 		});
 
-		assert.deepEqual(log, ['transition 2', 'transition 1']);
+		assert.deepEqual(logs, ['transition 2', 'transition 1']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/dynamic-transition/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/dynamic-transition/main.svelte

@@ -1,8 +1,6 @@
 <script>
-	import { log } from './log.js';
-
 	function transition1() {
-		log.push('transition 1')
+		console.log('transition 1')
 		return {
 			tick() {
 
@@ -11,7 +9,7 @@
 	}
 
 	function transition2() {
-		log.push('transition 2')
+		console.log('transition 2')
 		return {
 			tick() {
 

packages/svelte/tests/runtime-runes/samples/effect-cleanup/_config.js

@@ -1,13 +1,8 @@
 import { test } from '../../test';
 import { flushSync } from 'svelte';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const [b1] = target.querySelectorAll('button');
 		flushSync(() => {
 			b1.click();
@@ -15,6 +10,6 @@ export default test({
 		flushSync(() => {
 			b1.click();
 		});
-		assert.deepEqual(log, ['init 0', 'cleanup 2', null, 'init 2', 'cleanup 4', null, 'init 4']);
+		assert.deepEqual(logs, ['init 0', 'cleanup 2', null, 'init 2', 'cleanup 4', null, 'init 4']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/effect-cleanup/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/effect-cleanup/main.svelte

@@ -1,17 +1,15 @@
 <script>
-	import { log } from './log.js';
-
 	let count = $state(0);
 
 	$effect(() => {
 		let double = $derived(count * 2)
 
-		log.push('init ' + double);
+		console.log('init ' + double);
 
 		return function() {
-			log.push('cleanup ' + double);
+			console.log('cleanup ' + double);
 			// @ts-expect-error
-			log.push(this);
+			console.log(this);
 		};
 	})
 </script>

packages/svelte/tests/runtime-runes/samples/effect-order-2/_config.js

@@ -1,13 +1,8 @@
 import { test } from '../../test';
 import { flushSync } from 'svelte';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const [b1] = target.querySelectorAll('button');
 		flushSync(() => {
 			b1.click();
@@ -15,7 +10,7 @@ export default test({
 		flushSync(() => {
 			b1.click();
 		});
-		assert.deepEqual(log, [
+		assert.deepEqual(logs, [
 			{ a: 1 },
 			{ b: 1 },
 			{ c: 1 },

packages/svelte/tests/runtime-runes/samples/effect-order-2/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/effect-order-2/main.svelte

@@ -1,19 +1,18 @@
 <script>
-	import { log } from './log.js';
 	let a = $state(1);
 	let b = $state(1);
 	let c = $state(1);
 
 	$effect(() => {
-		log.push({ a });
+		console.log({ a });
 	});
 
 	$effect(() => {
-		log.push({ b });
+		console.log({ b });
 	});
 
 	$effect(() => {
-		log.push({ c });
+		console.log({ c });
 	});
 
 	function increment() {

packages/svelte/tests/runtime-runes/samples/effect-order/_config.js

@@ -1,13 +1,8 @@
 import { test } from '../../test';
 import { flushSync } from 'svelte';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const [b1] = target.querySelectorAll('button');
 		flushSync(() => {
 			b1.click();
@@ -15,6 +10,6 @@ export default test({
 		flushSync(() => {
 			b1.click();
 		});
-		assert.deepEqual(log, ['A', 'B', 'A', 'B', 'A', 'B']);
+		assert.deepEqual(logs, ['A', 'B', 'A', 'B', 'A', 'B']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/effect-order/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/effect-order/main.svelte

@@ -1,17 +1,15 @@
 <script>
-	import { log } from './log.js';
-
 	let s = $state(0);
 	let d = $derived(s)
 
 	$effect(() => {
 		s;
-		log.push('A')
+		console.log('A')
 	})
 
 	$effect(() => {
 		d;
-		log.push('B')
+		console.log('B')
 	})
 </script>
 

packages/svelte/tests/runtime-runes/samples/effect-root-2/_config.js

@@ -1,31 +1,26 @@
 import { flushSync } from 'svelte';
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const [b1, b2] = target.querySelectorAll('button');
 
 		flushSync(() => {
 			b1.click();
 		});
 
-		assert.deepEqual(log, [0]);
+		assert.deepEqual(logs, [0]);
 
 		flushSync(() => {
 			b2.click();
 		});
 
-		assert.deepEqual(log, [0, 'cleanup']);
+		assert.deepEqual(logs, [0, 'cleanup']);
 
 		flushSync(() => {
 			b1.click();
 		});
 
-		assert.deepEqual(log, [0, 'cleanup']);
+		assert.deepEqual(logs, [0, 'cleanup']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/effect-root-2/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/effect-root-2/main.svelte

@@ -1,11 +1,9 @@
 <script>
-	import { log } from './log.js';
-
 	let x = $state(0);
 
 	const cleanup = $effect.root(() => {
-		log.push(x);
+		console.log(x);
-		return () => log.push('cleanup');
+		return () => console.log('cleanup');
 	});
 </script>
 

packages/svelte/tests/runtime-runes/samples/effect-root/_config.js

@@ -1,13 +1,8 @@
 import { flushSync } from 'svelte';
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const [b1, b2, b3] = target.querySelectorAll('button');
 
 		flushSync(() => {
@@ -15,19 +10,19 @@ export default test({
 			b2.click();
 		});
 
-		assert.deepEqual(log, [0, 1]);
+		assert.deepEqual(logs, [0, 1]);
 
 		flushSync(() => {
 			b3.click();
 		});
 
-		assert.deepEqual(log, [0, 1, 'cleanup 1', 'cleanup 2']);
+		assert.deepEqual(logs, [0, 1, 'cleanup 1', 'cleanup 2']);
 
 		flushSync(() => {
 			b1.click();
 			b2.click();
 		});
 
-		assert.deepEqual(log, [0, 1, 'cleanup 1', 'cleanup 2']);
+		assert.deepEqual(logs, [0, 1, 'cleanup 1', 'cleanup 2']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/effect-root/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/effect-root/main.svelte

@@ -1,22 +1,20 @@
 <script>
-	import { log } from './log.js';
-
 	let x = $state(0);
 	let y = $state(0);
 
 	const cleanup = $effect.root(() => {
 		$effect(() => {
-			log.push(x);
+			console.log(x);
 		});
 
 		const nested_cleanup = $effect.root(() => {
 			return () => {
-				log.push('cleanup 2');
+				console.log('cleanup 2');
 			}
 		});
 
 		return () => {
-			log.push('cleanup 1');
+			console.log('cleanup 1');
 			nested_cleanup();
 		}
 	});

packages/svelte/tests/runtime-runes/samples/effect/_config.js

@@ -1,17 +1,12 @@
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const [b1, b2] = target.querySelectorAll('button');
 		b1.click();
 		b2.click();
 		await Promise.resolve();
 
-		assert.deepEqual(log, [0, 1]);
+		assert.deepEqual(logs, [0, 1]);
 	}
 });

packages/svelte/tests/runtime-runes/samples/effect/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/effect/main.svelte

@@ -1,11 +1,9 @@
 <script>
-	import { log } from './log.js';
-
 	let x = $state(0);
 	let y = $state(0);
 
 	$effect(() => {
-		log.push(x);
+		console.log(x);
 	});
 </script>
 

packages/svelte/tests/runtime-runes/samples/effects-order/_config.js

@@ -1,17 +1,12 @@
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const [b1, b2] = target.querySelectorAll('button');
 		b1.click();
 		b2.click();
 		await Promise.resolve();
 
-		assert.deepEqual(log, ['first0', 'second0', 'first1', 'second1']);
+		assert.deepEqual(logs, ['first0', 'second0', 'first1', 'second1']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/effects-order/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/effects-order/main.svelte

@@ -1,15 +1,13 @@
 <script>
-	import { log } from './log.js';
-
 	let x = $state(0);
 	let y = $state(0);
 
 	$effect.pre(() => {
-		log.push('first'+x);
+		console.log('first'+x);
 	});
 
 	$effect(() => {
-		log.push('second'+x);
+		console.log('second'+x);
 	});
 </script>
 

packages/svelte/tests/runtime-runes/samples/event-attribute-delegation-2/_config.js

@@ -1,13 +1,8 @@
 import { flushSync } from 'svelte';
 import { test } from '../../test';
-import { log } from './log.js';
 
 export default test({
-	before_test() {
+	async test({ assert, target, logs }) {
-		log.length = 0;
-	},
-
-	async test({ assert, target }) {
 		const [b1] = target.querySelectorAll('button');
 
 		flushSync(() => {
@@ -15,6 +10,6 @@ export default test({
 		});
 
 		await Promise.resolve();
-		assert.deepEqual(log, ['clicked button']);
+		assert.deepEqual(logs, ['clicked button']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/event-attribute-delegation-2/log.js

@@ -1,2 +0,0 @@
-/** @type {any[]} */
-export const log = [];

packages/svelte/tests/runtime-runes/samples/event-attribute-delegation-2/main.svelte

@@ -1,8 +1,5 @@
-<script>
+<div on:click={(e) => { console.log('clicked div') }}>
-	import { log } from './log.js';
+	<button onclick={(e) => { console.log('clicked button'); e.stopPropagation() }}>
-</script>
-<div on:click={(e) => { log.push('clicked div') }}>
-	<button onclick={(e) => { log.push('clicked button'); e.stopPropagation() }}>
 		Button
 	</button>
 </div>