test(checkbox): test multiple checkbox reactivity

This commit is contained in:
Eric Liu 2025-08-09 14:16:04 -07:00
commit 863c30f3c8
2 changed files with 131 additions and 0 deletions

View file

@ -0,0 +1,28 @@
<script lang="ts">
import { Checkbox, Button } from "carbon-components-svelte";
export let values = ["Apple", "Banana", "Coconut"];
export let group = values.slice(0, 2);
$: console.log("group changed:", group);
</script>
{#each values as value, index}
<Checkbox
bind:group
labelText={value}
{value}
data-testid={`checkbox-${index}`}
/>
{/each}
<Button
on:click={() => {
group = ["Banana"];
console.log("set to banana");
}}
>
Set to ["Banana"]
</Button>
<span data-testid="selected-values">{JSON.stringify(group)}</span>