tweak test

Author: dummdidumm

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

@@ -1,22 +1,20 @@
-import { expect, vi } from 'vitest';
 import { test } from '../../test';
 import { flushSync } from 'svelte';
 
-const trackBranch = vi.fn();
-
 export default test({
 	mode: ['client'],
-	props: { trackBranch: trackBranch },
-	async test({ target }) {
+	async test({ target, assert, logs }) {
 		const button = target.querySelector('button');
 
-		flushSync(() => button?.click());
-		flushSync(() => button?.click());
-		flushSync(() => button?.click());
-		flushSync(() => button?.click());
+		button?.click();
+		flushSync();
+		button?.click();
+		flushSync();
+		button?.click();
+		flushSync();
+		button?.click();
+		flushSync();
 
-		expect(trackBranch).toHaveBeenCalledWith('one');
-		expect(trackBranch).toHaveBeenCalledWith('two');
-		expect(trackBranch).not.toHaveBeenCalledWith('else');
+		assert.deepEqual(logs, ['two', 'one', 'two', 'one', 'two']);
 	}
 });

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

@@ -1,6 +1,4 @@
 <script lang="ts">
-	const { trackBranch }:{ trackBranch: (branch:string)=>void } = $props();
-
 	let b = $state(false);
 	let v = $state("two");
 
@@ -12,9 +10,9 @@
 <button onclick={() => b = !b}>Trigger</button>
 
 {#if v === "one"}
-	<div>if1 matched! {trackBranch('one')}</div>
+	<div>if1 matched! {console.log('one')}</div>
 {:else if v === "two"}
-	<div>if2 matched! {trackBranch('two')}</div>
+	<div>if2 matched! {console.log('two')}</div>
 {:else}
-	<div>nothing matched {trackBranch('else')}</div>
+	<div>nothing matched {console.log('else')}</div>
 {/if}