mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
test(progress-bar): add unit tests
This commit is contained in:
parent
87ea4c8592
commit
8c78e25013
3 changed files with 117 additions and 16 deletions
32
tests/ProgressBar/ProgressBar.test.svelte
Normal file
32
tests/ProgressBar/ProgressBar.test.svelte
Normal file
|
@ -0,0 +1,32 @@
|
|||
<script lang="ts">
|
||||
import { ProgressBar } from "carbon-components-svelte";
|
||||
</script>
|
||||
|
||||
<ProgressBar status="active" data-testid="indeterminate-progress" />
|
||||
|
||||
<ProgressBar helperText="Loading..." />
|
||||
|
||||
<ProgressBar
|
||||
value={40}
|
||||
max={100}
|
||||
labelText="Progress 40%"
|
||||
data-testid="progress-40%"
|
||||
/>
|
||||
|
||||
<ProgressBar size="sm" value={60} data-testid="small-progress" />
|
||||
|
||||
<ProgressBar size="md" value={60} data-testid="medium-progress" />
|
||||
|
||||
<ProgressBar kind="inline" value={40} data-testid="inline-progress" />
|
||||
|
||||
<ProgressBar kind="indented" value={40} data-testid="indented-progress" />
|
||||
|
||||
<ProgressBar status="error" value={40} data-testid="error-progress" />
|
||||
|
||||
<ProgressBar status="finished" value={100} data-testid="finished-progress" />
|
||||
|
||||
<ProgressBar labelText="Hidden label" hideLabel value={50} />
|
||||
|
||||
<ProgressBar value={150} max={100} data-testid="over-max" />
|
||||
|
||||
<ProgressBar value={-10} data-testid="under-zero" />
|
Loading…
Add table
Add a link
Reference in a new issue