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

test(truncate): add unit tests

Browse source
This commit is contained in:
Eric Liu 2025-03-16 17:22:05 -07:00
commit d64465e774
4 changed files with 123 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

22
tests/Truncate/TruncateAction.test.svelte Normal file
View file

@ -0,0 +1,22 @@
<script lang="ts">
import { truncate } from "carbon-components-svelte";
export let clamp: "end" | "front" = "end";
export let text =
"This is a long text that should be truncated when it exceeds the available space";
export let element: "h1" | "h2" | "h3" | "h4" | "p" | "span" = "p";
</script>
{#if element === "h1"}
<h1 use:truncate={{ clamp }}>{text}</h1>
{:else if element === "h2"}
<h2 use:truncate={{ clamp }}>{text}</h2>
{:else if element === "h3"}
<h3 use:truncate={{ clamp }}>{text}</h3>
{:else if element === "h4"}
<h4 use:truncate={{ clamp }}>{text}</h4>
{:else if element === "span"}
<span use:truncate={{ clamp }}>{text}</span>
{:else}
<p use:truncate={{ clamp }}>{text}</p>
{/if}