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(date-picker): add unit tests

Browse source
This commit is contained in:
Eric Liu 2025-04-12 16:23:38 -07:00
commit f8cb660c51
4 changed files with 170 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

55
tests/DatePicker/DatePicker.test.svelte Normal file
View file

@ -0,0 +1,55 @@
<script lang="ts">
import { DatePicker, DatePickerInput } from "carbon-components-svelte";
import type { ComponentProps } from "svelte";
export let datePickerType: ComponentProps<DatePicker>["datePickerType"] =
"simple";
export let value = "";
export let valueFrom = "";
export let valueTo = "";
export let dateFormat = "m/d/Y";
export let maxDate: ComponentProps<DatePicker>["maxDate"] = null;
export let minDate: ComponentProps<DatePicker>["minDate"] = null;
export let locale: ComponentProps<DatePicker>["locale"] = "en";
export let short = false;
export let light = false;
export let flatpickrProps: ComponentProps<DatePicker>["flatpickrProps"] = {
static: true,
};
export let disabled = false;
export let invalid = false;
export let invalidText = "";
export let warn = false;
export let warnText = "";
export let helperText = "";
export let hideLabel = false;
</script>
<DatePicker
{datePickerType}
{value}
{valueFrom}
{valueTo}
{dateFormat}
{maxDate}
{minDate}
{locale}
{short}
{light}
{flatpickrProps}
on:change={(e) => {
console.log("change", e.detail);
}}
>
<DatePickerInput
labelText="Date"
placeholder="mm/dd/yyyy"
{disabled}
{invalid}
{invalidText}
{warn}
{warnText}
{helperText}
{hideLabel}
/>
</DatePicker>