mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 02:41:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

test(tabs): add unit tests

Browse source
This commit is contained in:
Eric Liu 2025-03-16 14:17:48 -07:00
commit 0c6a171a24
3 changed files with 158 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

29
tests/Tabs/Tabs.test.svelte Normal file
View file

@ -0,0 +1,29 @@
<script lang="ts">
import { Tabs, Tab, TabContent } from "carbon-components-svelte";
export let selected = 0;
export let type: "default" | "container" = "default";
export let autoWidth = false;
export let iconDescription = "Show menu options";
export let triggerHref = "#";
</script>
<Tabs
{selected}
{type}
{autoWidth}
{iconDescription}
{triggerHref}
on:change={({ detail }) => {
console.log("change event", detail);
}}
>
<Tab label="Tab 1" />
<Tab label="Tab 2" disabled />
<Tab label="Tab 3" />
<svelte:fragment slot="content">
<TabContent>Content 1</TabContent>
<TabContent>Content 2</TabContent>
<TabContent>Content 3</TabContent>
</svelte:fragment>
</Tabs>