chore: update/simplify test (#16630)

* update/simplify test

* oops

* simplify effect-order-7

Author: Rich-Harris

packages/svelte/tests/runtime-runes/samples/effect-order-6/A.svelte

@@ -1,11 +1,12 @@
 <script>
 	import B from './B.svelte';
 
-	let { boolean, closed } = $props();
+	let { boolean, closed, close } = $props();
 
+	// this runs after the effect in B, because child effects run first
 	$effect(() => {
-		console.log(boolean);
+		console.log({ boolean, closed });
 	});
 </script>
 
-<B {closed} />
+<B {closed} {close} />

packages/svelte/tests/runtime-runes/samples/effect-order-6/B.svelte

@@ -1,7 +1,5 @@
 <script>
-	import { close } from './Child.svelte';
-
-	let { closed } = $props();
+	let { closed, close } = $props();
 
 	$effect(() => {
 		if (closed) close();

packages/svelte/tests/runtime-runes/samples/effect-order-6/Child.svelte

@@ -8,6 +8,6 @@ export default test({
 		flushSync(() => open.click());
 		flushSync(() => close.click());
 
-		assert.deepEqual(logs, [true]);
+		assert.deepEqual(logs, [{ boolean: true, closed: false }]);
 	}
 });

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

@@ -1,6 +1,15 @@
 <script>
 	import A from './A.svelte';
-	import Child, { open } from './Child.svelte';
+
+	let object = $state();
+
+	function open() {
+		object = { boolean: true };
+	}
+
+	function close() {
+		object = undefined;
+	}
 
 	let closed = $state(false);
 </script>
@@ -15,9 +24,6 @@
 
 <hr>
 
-<Child>
-	{#snippet children(boolean)}
-		<A {closed} {boolean} />
-	{/snippet}
-</Child>
-
+{#if object}
+	<A {closed} {close} boolean={object.boolean} />
+{/if}

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

@@ -1,9 +1,9 @@
 <script>
 	import B from './B.svelte';
 
-	let { boolean, closed } = $props();
+	let { boolean, closed, close } = $props();
 </script>
 
-<span>{boolean}</span>
+<span>{boolean} {closed}</span>
 
-<B {closed} />
+<B {closed} {close} />

packages/svelte/tests/runtime-runes/samples/effect-order-7/A.svelte

@@ -1,7 +1,5 @@
 <script>
-	import { close } from './Child.svelte';
-
-	let { closed } = $props();
+	let { closed, close } = $props();
 
 	$effect.pre(() => {
 		if (closed) close();

packages/svelte/tests/runtime-runes/samples/effect-order-7/B.svelte

@@ -1,6 +1,15 @@
 <script>
 	import A from './A.svelte';
-	import Child, { open } from './Child.svelte';
+
+	let object = $state();
+
+	function open() {
+		object = { boolean: true };
+	}
+
+	function close() {
+		object = undefined;
+	}
 
 	let closed = $state(false);
 </script>
@@ -15,8 +24,6 @@
 
 <hr>
 
-<Child>
-	{#snippet children(nested)}
-		<A {closed} boolean={nested.boolean} />
-	{/snippet}
-</Child>
+{#if object}
+	<A {close} {closed} boolean={object.boolean} />
+{/if}