mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
test(radio-tile): add unit tests
This commit is contained in:
parent
13ce85b9eb
commit
ed8e2dc75b
6 changed files with 281 additions and 17 deletions
43
tests/RadioTile/RadioTile.test.svelte
Normal file
43
tests/RadioTile/RadioTile.test.svelte
Normal file
|
@ -0,0 +1,43 @@
|
|||
<script lang="ts">
|
||||
import { RadioTile, TileGroup } from "carbon-components-svelte";
|
||||
import type { ComponentProps } from "svelte";
|
||||
|
||||
export let checked: ComponentProps<RadioTile>["checked"] = false;
|
||||
export let light: ComponentProps<RadioTile>["light"] = false;
|
||||
export let disabled: ComponentProps<RadioTile>["disabled"] = false;
|
||||
export let required: ComponentProps<RadioTile>["required"] = false;
|
||||
export let value: ComponentProps<RadioTile>["value"] = "test";
|
||||
export let tabindex: ComponentProps<RadioTile>["tabindex"] = "0";
|
||||
export let iconDescription: ComponentProps<RadioTile>["iconDescription"] =
|
||||
"Tile checkmark";
|
||||
export let id: ComponentProps<RadioTile>["id"] = "ccs-test";
|
||||
export let name: ComponentProps<RadioTile>["name"] = "test-group";
|
||||
</script>
|
||||
|
||||
<TileGroup
|
||||
legend="Test group"
|
||||
name="test-group"
|
||||
selected={checked ? value : undefined}
|
||||
>
|
||||
<RadioTile
|
||||
{checked}
|
||||
{light}
|
||||
{disabled}
|
||||
{required}
|
||||
{value}
|
||||
{tabindex}
|
||||
{iconDescription}
|
||||
{id}
|
||||
{name}
|
||||
on:change={() => {
|
||||
console.log("change");
|
||||
}}
|
||||
on:keydown
|
||||
on:click
|
||||
on:mouseover
|
||||
on:mouseenter
|
||||
on:mouseleave
|
||||
>
|
||||
Test content
|
||||
</RadioTile>
|
||||
</TileGroup>
|
Loading…
Add table
Add a link
Reference in a new issue