Add test

Author: trueadm

packages/svelte/tests/runtime-runes/samples/bind-state-property/CheckBox.svelte

@@ -0,0 +1,5 @@
+<script>
+	let { checked, ...rest } = $props();
+</script>
+
+<input type="checkbox" bind:checked {...rest} />

packages/svelte/tests/runtime-runes/samples/bind-state-property/_config.js

@@ -0,0 +1,12 @@
+import { test } from '../../test';
+
+export default test({
+	html: `<input type="checkbox"><br>\nChecked:\nfalse`,
+
+	async test({ assert, target }) {
+		const input = target.querySelector('input');
+
+		await input?.click();
+		assert.htmlEqual(target.innerHTML, `<input type="checkbox"><br>\nChecked:\ntrue`);
+	}
+});

packages/svelte/tests/runtime-runes/samples/bind-state-property/main.svelte

@@ -0,0 +1,18 @@
+<script>
+	import CheckBox from './CheckBox.svelte';
+
+	let checked = $state(false);
+	function wrap() {
+		return {
+			get checked() { return checked },
+			set checked(v) { checked = v },
+		}
+	}
+</script>
+
+{#if true}
+	{@const obj = wrap()}
+	<CheckBox type="checkbox" bind:checked={obj.checked} />
+{/if}
+<br/>
+Checked: {checked}