Add yet another test case

Author: rChaoz

packages/svelte/tests/runtime-runes/samples/if-nested-template/Component.svelte

@@ -0,0 +1,7 @@
+<script>
+	let { value } = $props()
+
+	const text = $derived(value.toString())
+
+	$effect(() => console.log(text))
+</script>

packages/svelte/tests/runtime-runes/samples/if-nested-template/_config.js

@@ -2,15 +2,16 @@ import { flushSync } from 'svelte';
 import { test } from '../../test';
 
 export default test({
-	async test({ assert, target }) {
+	async test({ assert, target, logs }) {
 		const [btn1, btn2] = target.querySelectorAll('button');
 		const [div] = target.querySelectorAll('div');
 
 		flushSync(() => btn1?.click());
-		assert.htmlEqual(div.innerHTML, '123 <br> 123');
+		assert.htmlEqual(div.innerHTML, '123 123');
 		assert.equal(div.inert, true);
 
 		flushSync(() => btn2?.click());
 		assert.htmlEqual(div.innerHTML, '');
+		assert.deepEqual(logs, ['123']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/if-nested-template/main.svelte

@@ -1,4 +1,6 @@
 <script>
+	import Component from './Component.svelte';
+
 	let outer = $state(true);
 	let inner = $state(123);
 
@@ -11,9 +13,8 @@
 	<div out:outro>
 		{#if inner}
 			{@const text = inner.toString()}
-			{text}
-			<br>
-			{inner.toString()}
+			{text} {inner.toString()}
+			<Component value={inner} />
 		{/if}
 	</div>
 {/if}