From b9f0273328cfc594cc3bbe12683c4a85802da64e Mon Sep 17 00:00:00 2001
From: Dominic Gannaway <dg@domgan.com>
Date: Thu, 12 Dec 2024 10:22:10 +0000
Subject: [PATCH] add test

---
 .../binding-interop-derived/Comp.svelte       | 12 ++++++++++++
 .../binding-interop-derived/_config.js        |  5 +++++
 .../binding-interop-derived/main.svelte       | 19 +++++++++++++++++++
 3 files changed, 36 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-runes/samples/binding-interop-derived/Comp.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/binding-interop-derived/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/binding-interop-derived/main.svelte

diff --git a/packages/svelte/tests/runtime-runes/samples/binding-interop-derived/Comp.svelte b/packages/svelte/tests/runtime-runes/samples/binding-interop-derived/Comp.svelte
new file mode 100644
index 0000000000..c309299748
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/binding-interop-derived/Comp.svelte
@@ -0,0 +1,12 @@
+<script>
+
+	let { children } = $props()
+
+	const snippetProps = $derived.by(() => ({
+		id: '123',
+		name: 'my-select'
+	}))
+
+</script>
+
+{@render children({ props: snippetProps })}
diff --git a/packages/svelte/tests/runtime-runes/samples/binding-interop-derived/_config.js b/packages/svelte/tests/runtime-runes/samples/binding-interop-derived/_config.js
new file mode 100644
index 0000000000..e52264c793
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/binding-interop-derived/_config.js
@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	html: '<select id="123" name="my-select"><option>A</option><option>B</option><option>C</option></select>'
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/binding-interop-derived/main.svelte b/packages/svelte/tests/runtime-runes/samples/binding-interop-derived/main.svelte
new file mode 100644
index 0000000000..5900ddc846
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/binding-interop-derived/main.svelte
@@ -0,0 +1,19 @@
+<svelte:options runes={false} />
+
+<script>
+	import { writable } from 'svelte/store'
+	import Comp from './Comp.svelte'
+
+	const myStore = writable('')
+
+</script>
+
+<Comp>
+	{#snippet children({ props })}
+			<select {...props} bind:value={$myStore} >
+				<option>A</option>
+				<option>B</option>
+				<option>C</option>
+			</select>
+	{/snippet}
+</Comp>