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

test(tag): add unit tests

Browse source
This commit is contained in:
Eric Liu 2024-12-29 13:44:29 -08:00
commit ad74124206
3 changed files with 106 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

51
tests/Tag/Tag.test.svelte Normal file
View file

@ -0,0 +1,51 @@
<script lang="ts">
import { Tag } from "carbon-components-svelte";
import Add from "carbon-icons-svelte/lib/Add.svelte";
</script>
<Tag class="my-class" style="margin: 1rem;">IBM Cloud</Tag>
<Tag type="red">red</Tag>
<Tag type="magenta">magenta</Tag>
<Tag type="purple">purple</Tag>
<Tag type="blue">blue</Tag>
<Tag type="cyan">cyan</Tag>
<Tag type="teal">teal</Tag>
<Tag type="green">green</Tag>
<Tag type="gray">gray</Tag>
<Tag type="cool-gray">cool-gray</Tag>
<Tag type="warm-gray">warm-gray</Tag>
<Tag type="high-contrast">high-contrast</Tag>
<Tag type="outline">outline</Tag>
<Tag
filter
on:click={() => {
console.log("click");
}}
on:close={() => {
console.log("close");
}}>Filterable</Tag
>
<Tag icon={Add}>Custom icon</Tag>
<Tag
interactive
on:click={() => {
console.log("click");
}}>Text</Tag
>
<Tag skeleton />