test

Author: adiguba

packages/svelte/tests/runtime-runes/samples/attribute-spread-input/_config.js

@@ -0,0 +1,33 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	async test({ target, assert }) {
+		// Test for https://github.com/sveltejs/svelte/issues/15237
+		const [setValues, clearValue] = target.querySelectorAll('button');
+		const [text1, text2, check1, check2] = target.querySelectorAll('input');
+
+		assert.equal(text1.value, '');
+		assert.equal(text2.value, '');
+		assert.equal(check1.checked, false);
+		assert.equal(check2.checked, false);
+
+		flushSync(() => {
+			setValues.click();
+		});
+
+		assert.equal(text1.value, 'message');
+		assert.equal(text2.value, 'message');
+		assert.equal(check1.checked, true);
+		assert.equal(check2.checked, true);
+
+		flushSync(() => {
+			clearValue.click();
+		});
+
+		assert.equal(text1.value, '');
+		assert.equal(text2.value, '');
+		assert.equal(check1.checked, false);
+		assert.equal(check2.checked, false);
+	}
+});

packages/svelte/tests/runtime-runes/samples/attribute-spread-input/main.svelte

@@ -0,0 +1,22 @@
+<script>
+	let value = $state();
+	let checked = $state(false);
+
+	function setValues() {
+		value = 'message';
+		checked = true;
+	}
+	function clearValues() {
+		value = null;
+		checked = null;
+	}
+</script>
+
+<button onclick={setValues}>setValues</button>
+<button onclick={clearValues}>clearValues</button>
+
+<input type="text" {value} />
+<input type="text" {value} {...{}} />
+
+<input type="checkbox" {checked} />
+<input type="checkbox" {checked} {...{}} />