diff --git a/packages/svelte/tests/runtime-runes/samples/bind-group-nested-data/_config.js b/packages/svelte/tests/runtime-runes/samples/bind-group-nested-data/_config.js new file mode 100644 index 000000000000..6dd11d13cb9f --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/bind-group-nested-data/_config.js @@ -0,0 +1,23 @@ +import { test } from '../../test'; + +export default test({ + async test({ assert, target, window, component }) { + const checkboxes = /** @type {NodeListOf} */ ( + target.querySelectorAll('input[type="checkbox"]') + ); + + assert.isFalse(checkboxes[0].checked); + assert.isTrue(checkboxes[1].checked); + assert.isFalse(checkboxes[2].checked); + + await checkboxes[1].click(); + + const noChecked = target.querySelector('#output')?.innerHTML; + assert.equal(noChecked, ''); + + await checkboxes[1].click(); + + const oneChecked = target.querySelector('#output')?.innerHTML; + assert.equal(oneChecked, 'Mint choc chip'); + } +}); diff --git a/packages/svelte/tests/runtime-runes/samples/bind-group-nested-data/main.svelte b/packages/svelte/tests/runtime-runes/samples/bind-group-nested-data/main.svelte new file mode 100644 index 000000000000..885adf576092 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/bind-group-nested-data/main.svelte @@ -0,0 +1,19 @@ + + +
+ One scoop + Two scoops + Three scoops + + {#each menu as flavour} + {flavour} + {/each} +
+ +
{$order.iceCream[index].flavours.join('+')}