diff --git a/packages/svelte/tests/runtime-runes/samples/form-default-value/_config.js b/packages/svelte/tests/runtime-runes/samples/form-default-value/_config.js index 5f18836e73..622ed4c92b 100644 --- a/packages/svelte/tests/runtime-runes/samples/form-default-value/_config.js +++ b/packages/svelte/tests/runtime-runes/samples/form-default-value/_config.js @@ -35,22 +35,8 @@ export default test({ const after_reset = []; const reset = /** @type {HTMLInputElement} */ (target.querySelector('input[type=reset]')); - const [ - test1, - test2, - test3, - test4, - test5, - test6, - test7, - test8, - test9, - test10, - test11, - test12, - test13 - ] = target.querySelectorAll('div'); - const [test14, test15, test16, test17] = target.querySelectorAll('select'); + const [test1, test2, test3, test4, test5] = target.querySelectorAll('div'); + const [test6, test7, test8, test9] = target.querySelectorAll('select'); { /** @type {NodeListOf} */ @@ -118,84 +104,12 @@ export default test({ after_reset.push(() => check_inputs(inputs, 'checked', false)); } - { - /** @type {NodeListOf} */ - const inputs = test6.querySelectorAll('input'); - check_inputs(inputs, 'checked', [false, true, false]); - - set_input(inputs[0], 'checked', true); - flushSync(); - check_inputs(inputs, 'checked', [true, false, false]); - - after_reset.push(() => check_inputs(inputs, 'checked', [false, true, false])); - } - - { - /** @type {NodeListOf} */ - const inputs = test7.querySelectorAll('input'); - check_inputs(inputs, 'checked', [false, true, false]); - - set_input(inputs[0], 'checked', true); - flushSync(); - check_inputs(inputs, 'checked', [true, false, false]); - - after_reset.push(() => check_inputs(inputs, 'checked', [false, true, false])); - } - - { - /** @type {NodeListOf} */ - const inputs = test8.querySelectorAll('input'); - check_inputs(inputs, 'checked', [true, false, false]); - - set_input(inputs[3], 'checked', true); - flushSync(); - check_inputs(inputs, 'checked', [false, false, true]); - - after_reset.push(() => check_inputs(inputs, 'checked', [false, true, false])); - } - - { - /** @type {NodeListOf} */ - const inputs = test9.querySelectorAll('input'); - check_inputs(inputs, 'checked', [true, false, false]); - - set_input(inputs[3], 'checked', true); - flushSync(); - check_inputs(inputs, 'checked', [false, false, true]); - - after_reset.push(() => check_inputs(inputs, 'checked', [false, true, false])); - } - - { - /** @type {NodeListOf} */ - const inputs = test12.querySelectorAll('input'); - check_inputs(inputs, 'checked', [true, false, false]); - - set_input(inputs[3], 'checked', true); - flushSync(); - check_inputs(inputs, 'checked', [true, false, true]); - - after_reset.push(() => check_inputs(inputs, 'checked', [false, true, false])); - } - - { - /** @type {NodeListOf} */ - const inputs = test13.querySelectorAll('input'); - check_inputs(inputs, 'checked', [true, false, false]); - - set_input(inputs[3], 'checked', true); - flushSync(); - check_inputs(inputs, 'checked', [true, false, true]); - - after_reset.push(() => check_inputs(inputs, 'checked', [false, true, false])); - } - { /** @type {NodeListOf} */ - const options = test14.querySelectorAll('option'); + const options = test6.querySelectorAll('option'); check_inputs(options, 'selected', [false, true, false]); - select_option(options[3]); + select_option(options[2]); flushSync(); check_inputs(options, 'selected', [false, false, true]); @@ -204,10 +118,10 @@ export default test({ { /** @type {NodeListOf} */ - const options = test15.querySelectorAll('option'); + const options = test7.querySelectorAll('option'); check_inputs(options, 'selected', [false, true, false]); - select_option(options[3]); + select_option(options[2]); flushSync(); check_inputs(options, 'selected', [false, false, true]); @@ -216,7 +130,7 @@ export default test({ { /** @type {NodeListOf} */ - const options = test16.querySelectorAll('option'); + const options = test8.querySelectorAll('option'); check_inputs(options, 'selected', [false, false, true]); select_option(options[0]); @@ -228,7 +142,7 @@ export default test({ { /** @type {NodeListOf} */ - const options = test17.querySelectorAll('option'); + const options = test9.querySelectorAll('option'); check_inputs(options, 'selected', [false, false, true]); select_option(options[0]); diff --git a/packages/svelte/tests/runtime-runes/samples/form-default-value/main.svelte b/packages/svelte/tests/runtime-runes/samples/form-default-value/main.svelte index c27bd53796..661bdb6182 100644 --- a/packages/svelte/tests/runtime-runes/samples/form-default-value/main.svelte +++ b/packages/svelte/tests/runtime-runes/samples/form-default-value/main.svelte @@ -26,24 +26,14 @@ let checked8 = $state(false); let checked9 = $state(true); let checked10 = $state(true); - - let group1 = $state(); - let group2 = $state(); - let group3 = $state('a'); - let group4 = $state('a'); - let group5 = $state(); - let group6 = $state(); - let group7 = $state(['a']); - let group8 = $state(['a']); + let selected1 = $state(); let selected2 = $state(); let selected3 = $state('c'); let selected4 = $state('c'); - let selected5 = $state(); - let selected6 = $state(); - let selected7 = $state(['c']); - let selected8 = $state(['c']); + let selected5 = $state(['c']); + let selected6 = $state(['c']); let defaultValue = $state('x'); let defaultChecked = $state(true); @@ -98,66 +88,7 @@ -

Input group (radio)

- -
- - - -
- - -
- - - -
- - -
- - - -
- - -
- - - -
- -

Input group (checkbox)

- - -
- -
- - -
- -
- - -
- - - -
- - -
- - - -
+

Select (single)

@@ -189,32 +120,18 @@

Select (multiple)

- - - - - - + - -