🌈 Unit Test

docs: added calendar component document #849

Re-run triggered April 4, 2024 04:02

baiwusanyu-c

#432

bwsy/docs/calendar

Status Failure

Total duration 2m 50s

Artifacts –

unit-test.yml

on: pull_request

Matrix: test

Annotations

20 errors and 3 warnings

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > props: cls: components/Calendar/__test__/calendar.spec.ts#L42

Error: Snapshot `Test: KCalendar > props: cls 1` mismatched - Expected + Received - "<div class="k-calendar k-calendar--dark k-calendar--test"><div class="k-calendar-header"><div class="k-calendar-header-select-group"><div aria-hidden="true" class="flex k-calendar-header-select-y k-calendar-header-select-y-half" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> <div aria-hidden="true" class="flex k-calendar-header-select-m" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> </div> <div class="k-button-group k-calendar-header-btn-group"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__ghost k-button--main__ghost--dark k-button--main__active k-button--main__focus k-button--main__border k-calendar-header-btn" aria-hidden="true"> Year </button> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--info__border k-calendar-header-btn" aria-hidden="true"> Month </button></div></div> <div class="k-calendar-panel k-calendar-panel--dark"><div class="k-calendar-date-panel"><div class="k-calendar-body"><table class="k-calendar-content"><thead><tr><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sun</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Mon</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Tue</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Wed</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Thu</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Fri</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sat</th></tr></thead> <tbody><tr><td title="2024-03-31" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-not"><div class="k-calendar-date-value">31</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-01" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">1</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-02" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">2</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-03" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">3</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-04" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-v k-calendar-date-c k-calendar-date-s"><div class="k-calendar-date-value">4</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-05" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > props: value: components/Calendar/__test__/calendar.spec.ts#L50

Error: Snapshot `Test: KCalendar > props: value 1` mismatched - Expected + Received - "<div class="k-calendar k-calendar--dark"><div class="k-calendar-header"><div class="k-calendar-header-select-group"><div aria-hidden="true" class="flex k-calendar-header-select-y k-calendar-header-select-y-half" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> <div aria-hidden="true" class="flex k-calendar-header-select-m" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> </div> <div class="k-button-group k-calendar-header-btn-group"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__ghost k-button--main__ghost--dark k-button--main__active k-button--main__focus k-button--main__border k-calendar-header-btn" aria-hidden="true"> Year </button> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--info__border k-calendar-header-btn" aria-hidden="true"> Month </button></div></div> <div class="k-calendar-panel k-calendar-panel--dark"><div class="k-calendar-date-panel"><div class="k-calendar-body"><table class="k-calendar-content"><thead><tr><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sun</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Mon</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Tue</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Wed</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Thu</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Fri</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sat</th></tr></thead> <tbody><tr><td title="2024-03-31" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-not"><div class="k-calendar-date-value">31</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-01" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">1</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-02" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">2</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-03" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">3</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-04" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-c"><div class="k-calendar-date-value">4</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-05" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-c

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > props: locale: components/Calendar/__test__/calendar.spec.ts#L59

Error: Snapshot `Test: KCalendar > props: locale 1` mismatched - Expected + Received - "<div class="k-calendar k-calendar--dark"><div class="k-calendar-header"><div class="k-calendar-header-select-group"><div aria-hidden="true" class="flex k-calendar-header-select-y k-calendar-header-select-y-half" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> <div aria-hidden="true" class="flex k-calendar-header-select-m" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> </div> <div class="k-button-group k-calendar-header-btn-group"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__ghost k-button--main__ghost--dark k-button--main__active k-button--main__focus k-button--main__border k-calendar-header-btn" aria-hidden="true"> 年 </button> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--info__border k-calendar-header-btn" aria-hidden="true"> 月 </button></div></div> <div class="k-calendar-panel k-calendar-panel--dark"><div class="k-calendar-date-panel"><div class="k-calendar-body"><table class="k-calendar-content"><thead><tr><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">周一</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">周二</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">周三</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">周四</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">周五</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">周六</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">周日</th></tr></thead> <tbody><tr><td title="2024-03-31" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-not"><div class="k-calendar-date-value">31</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-01" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">1</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-02" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">2</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-03" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">3</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-04" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-c"><div class="k-calendar-date-value">4</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-05" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > props: fullscreen is false and mode is year: components/Calendar/__test__/calendar.spec.ts#L77

Error: Snapshot `Test: KCalendar > props: fullscreen is false and mode is year 1` mismatched - Expected + Received - "<div class="k-calendar k-calendar--dark k-calendar-card"><div class="k-calendar-header-card"><div class="k-calendar-header-select-group"><div aria-hidden="true" class="flex k-calendar-header-select-y k-calendar-header-select-y-half" data-popover-trigger=""><div class="k-select--base k-select__sm k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__sm k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__sm" role="" aria-hidden="true"></span></i></div></div> <div aria-hidden="true" class="flex k-calendar-header-select-m" data-popover-trigger=""><div class="k-select--base k-select__sm k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__sm k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__sm" role="" aria-hidden="true"></span></i></div></div> </div> <div class="k-button-group k-calendar-header-btn-group"><button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--main__ghost k-button--main__ghost--dark k-button--main__active k-button--main__focus k-button--sm k-button--main__border k-calendar-header-btn" aria-hidden="true"> Year </button> <button style="border-radius: 4px; font-size: 12px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--sm k-button--info__border k-calendar-header-btn" aria-hidden="true"> Month </button></div></div> <div class="k-calendar-panel-card k-calendar-panel--dark"><div class="k-calendar-date-panel"><div class="k-calendar-body"><table class="k-calendar-content"><thead><tr><th class="k-calendar-thead-card k-calendar-thead--dark k-calendar-thead-card--dark">Sun</th><th class="k-calendar-thead-card k-calendar-thead--dark k-calendar-thead-card--dark">Mon</th><th class="k-calendar-thead-card k-calendar-thead--dark k-calendar-thead-card--dark">Tue</th><th class="k-calendar-thead-card k-calendar-thead--dark k-calendar-thead-card--dark">Wed</th><th class="k-calendar-thead-card k-calendar-thead--dark k-calendar-thead-card--dark">Thu</th><th class="k-calendar-thead-card k-calendar-thead--dark k-calendar-thead-card--dark">Fri</th><th class="k-calendar-thead-card k-calendar-thead--dark k-calendar-thead-card--dark">Sat</th></tr></thead> <tbody><tr><td title="2024-03-31" class="k-calendar-cell k-calendar-cell-card"><div class="k-calendar-cell-inner k-calendar-date-card k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-not"><div class="k-calendar-date-value">31</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-01" class="k-calendar-cell k-calendar-cell-card"><div class="k-calendar-cell-inner k-calendar-date-card k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">1</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-02" class="k-calendar-cell k-calendar-cell-card"><div class="k-calendar-cell-inner k-calendar-date-card k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">2</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-03" class="k-calendar-cell k-calendar-cell-card"><div class="k-calendar-cell-inner k-calendar-date-card k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">3</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-04" class="k-calendar-cell k-calendar-cell-card"><div class="k-calendar-cell-inner k-calendar-date-card k-calendar-date-v k-calendar-date-c k-calendar-date-s-card"><div class="k-calenda

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > props: mode: components/Calendar/__test__/calendar.spec.ts#L104

Error: Snapshot `Test: KCalendar > props: mode 2` mismatched - Expected + Received - "<div class="k-calendar k-calendar--dark"><div class="k-calendar-header"><div class="k-calendar-header-select-group"><div aria-hidden="true" class="flex k-calendar-header-select-y k-calendar-header-select-y-half" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> <div aria-hidden="true" class="flex k-calendar-header-select-m" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> </div> <div class="k-button-group k-calendar-header-btn-group"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__ghost k-button--main__ghost--dark k-button--main__active k-button--main__focus k-button--main__border k-button--info__animate k-calendar-header-btn" aria-hidden="true"> Year </button> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--info__border k-calendar-header-btn" aria-hidden="true"> Month </button></div></div> <div class="k-calendar-panel k-calendar-panel--dark"><div class="k-calendar-date-panel"><div class="k-calendar-body"><table class="k-calendar-content"><thead><tr><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sun</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Mon</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Tue</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Wed</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Thu</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Fri</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sat</th></tr></thead> <tbody><tr><td title="2024-03-31" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-not"><div class="k-calendar-date-value">31</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-01" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">1</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-02" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">2</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-03" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">3</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-04" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-c"><div class="k-calendar-date-value">4</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-05" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > props: range: components/Calendar/__test__/calendar.spec.ts#L157

Error: Snapshot `Test: KCalendar > props: range 2` mismatched - Expected + Received "<div class="k-calendar k-calendar--dark"><div class="k-calendar-header"><div class="k-calendar-header-select-group"><div aria-hidden="true" class="flex k-calendar-header-select-y k-calendar-header-select-y-half" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> <div class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" aria-hidden="true" style="position: fixed; left: 0px; top: 8px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both, __svelte_1936640108_0 200ms linear 0ms 1 both;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" style="overflow-y: auto; min-width: initial; max-height: 250px;"><div class="k-virtual-list k-scrollbar" style="overflow-y: auto; height: inherit; --k-scrollbar--thumb__radius: 20px; --k-scrollbar--thumb: var(--ikun-light-800); --k-scrollbar__h: 6px; --k-scrollbar__w: 6px; --k-scrollbar--track__radius: 20px; --k-scrollbar--track: transparent;"> <div class="" style="padding: 0px 0px 0px;"><div class="k-virtual-list--item" data-kv-key="2024_YY_"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit k-select--option__active" value=" 2024 ">2024</option> </div></div> <div class="shepherd" style="width: 100%; height: 0px;"></div></div></div> </div> <div aria-hidden="true" class="flex k-calendar-header-select-m" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down rotate-180 k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> <div class="k-popover--base k-popover--base__bottom k-popover--base__bottom__dark k-popover--base__dark px-0 svelte-13arsd0" data-popper-placement="" aria-hidden="true" style="position: fixed; left: 0px; top: 8px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" style="overflow-y: auto; min-width: initial; max-height: 250px;"><div class="k-virtual-list k-scrollbar" style="overflow-y: auto; height: inherit; --k-scrollbar--thumb__radius: 20px; --k-scrollbar--thumb: var(--ikun-light-800); --k-scrollbar__h: 6px; --k-scrollbar__w: 6px; --k-scrollbar--track__radius: 20px; --k-scrollbar--track: transparent;"> <div class="" style="padding: 0px 0px 0px;"><div class="k-virtual-list--item" data-kv-key="4_MM_Apr"><option class="k-select--option k-select--option__dark k-select--option__hover k-select--option__fit k-select--option__active" value=" Apr - ">Apr</option> </div></div> <div class="shepherd" style="width: 100%; height: 0px;"></div></div></div> </div></div> <div class="k-button-group k-calendar-header-btn-group"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__ghost k-button--main__ghost--dark k-button--main__active k-button--main__focus k-button--main__border k-button--info__animate k-calendar-header-btn" aria-hidden="true"> Year </button> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--info__border k-calendar-header-btn" aria-hidden="true"> Month </button></div></div> <div class="k-

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > slots: header: components/Calendar/__test__/calendar.spec.ts#L166

Error: Snapshot `Test: KCalendar > slots: header 1` mismatched - Expected + Received - "<div class="k-calendar k-calendar--dark"><div slot="header">header</div> <div class="k-calendar-panel k-calendar-panel--dark"><div class="k-calendar-date-panel"><div class="k-calendar-body"><table class="k-calendar-content"><thead><tr><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sun</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Mon</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Tue</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Wed</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Thu</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Fri</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sat</th></tr></thead> <tbody><tr><td title="2024-03-31" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-not"><div class="k-calendar-date-value">31</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-01" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">1</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-02" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">2</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-03" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">3</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-04" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-c"><div class="k-calendar-date-value">4</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-05" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">5</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-06" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">6</div> <div class="k-calendar-date-content"></div></div></td> </tr><tr><td title="2024-04-07" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">7</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-08" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">8</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-09" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">9</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-10" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">10</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-11" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">11</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-12" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-dat

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > slots: monthFullCell: components/Calendar/__test__/calendar.spec.ts#L175

Error: Snapshot `Test: KCalendar > slots: monthFullCell 1` mismatched - Expected + Received - "<div class="k-calendar k-calendar--dark"><div class="k-calendar-header"><div class="k-calendar-header-select-group"><div aria-hidden="true" class="flex k-calendar-header-select-y k-calendar-header-select-y-half" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> <div aria-hidden="true" class="flex k-calendar-header-select-m" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> </div> <div class="k-button-group k-calendar-header-btn-group"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__ghost k-button--main__ghost--dark k-button--main__active k-button--main__focus k-button--main__border k-calendar-header-btn" aria-hidden="true"> Year </button> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--info__border k-calendar-header-btn" aria-hidden="true"> Month </button></div></div> <div class="k-calendar-panel k-calendar-panel--dark"><div class="k-calendar-date-panel"><div class="k-calendar-body"><table class="k-calendar-content"><thead><tr><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sun</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Mon</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Tue</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Wed</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Thu</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Fri</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sat</th></tr></thead> <tbody><tr><td title="2024-03-31" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-not"><div class="k-calendar-date-value">31</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-01" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">1</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-02" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">2</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-03" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">3</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-04" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-c"><div class="k-calendar-date-value">4</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-05" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div cl

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > props: cls: components/Calendar/__test__/calendar.spec.ts#L42

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > slots: monthCell: components/Calendar/__test__/calendar.spec.ts#L184

Error: Snapshot `Test: KCalendar > slots: monthCell 1` mismatched - Expected + Received - "<div class="k-calendar k-calendar--dark"><div class="k-calendar-header"><div class="k-calendar-header-select-group"><div aria-hidden="true" class="flex k-calendar-header-select-y k-calendar-header-select-y-half" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> <div aria-hidden="true" class="flex k-calendar-header-select-m" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> </div> <div class="k-button-group k-calendar-header-btn-group"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__ghost k-button--main__ghost--dark k-button--main__active k-button--main__focus k-button--main__border k-calendar-header-btn" aria-hidden="true"> Year </button> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--info__border k-calendar-header-btn" aria-hidden="true"> Month </button></div></div> <div class="k-calendar-panel k-calendar-panel--dark"><div class="k-calendar-date-panel"><div class="k-calendar-body"><table class="k-calendar-content"><thead><tr><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sun</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Mon</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Tue</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Wed</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Thu</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Fri</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sat</th></tr></thead> <tbody><tr><td title="2024-03-31" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-not"><div class="k-calendar-date-value">31</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-01" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">1</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-02" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">2</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-03" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">3</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-04" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-c"><div class="k-calendar-date-value">4</div> <div class="k-calendar-date-content"></div></div></td><td title="2024-04-05" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class=

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > props: value: components/Calendar/__test__/calendar.spec.ts#L50

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > slots: dateCell: components/Calendar/__test__/calendar.spec.ts#L193

Error: Snapshot `Test: KCalendar > slots: dateCell 1` mismatched - Expected + Received - "<div class="k-calendar k-calendar--dark"><div class="k-calendar-header"><div class="k-calendar-header-select-group"><div aria-hidden="true" class="flex k-calendar-header-select-y k-calendar-header-select-y-half" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> <div aria-hidden="true" class="flex k-calendar-header-select-m" data-popover-trigger=""><div class="k-select--base k-select__md k-select--base__dark k-select__hover k-select__focus" slot="triggerEl" aria-hidden="true"> <input class="k-select--inner k-select--inner__md k-select--inner__dark" readonly="" placeholder="Please select value"> <i><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-select--icon k-select--icon__md" role="" aria-hidden="true"></span></i></div></div> </div> <div class="k-button-group k-calendar-header-btn-group"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__ghost k-button--main__ghost--dark k-button--main__active k-button--main__focus k-button--main__border k-calendar-header-btn" aria-hidden="true"> Year </button> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--info__ghost k-button--info__ghost--dark k-button--info__active k-button--info__focus k-button--info__border k-calendar-header-btn" aria-hidden="true"> Month </button></div></div> <div class="k-calendar-panel k-calendar-panel--dark"><div class="k-calendar-date-panel"><div class="k-calendar-body"><table class="k-calendar-content"><thead><tr><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sun</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Mon</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Tue</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Wed</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Thu</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Fri</th><th class="k-calendar-thead k-calendar-thead--dark k-calendar-thead-card--dark">Sat</th></tr></thead> <tbody><tr><td title="2024-03-31" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-not"><div class="k-calendar-date-value">31</div> <div class="k-calendar-date-content"><div slot="dateCell">31</div></div></div></td><td title="2024-04-01" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">1</div> <div class="k-calendar-date-content"><div slot="dateCell">1</div></div></div></td><td title="2024-04-02" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">2</div> <div class="k-calendar-date-content"><div slot="dateCell">2</div></div></div></td><td title="2024-04-03" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover"><div class="k-calendar-date-value">3</div> <div class="k-calendar-date-content"><div slot="dateCell">3</div></div></div></td><td title="2024-04-04" class="k-calendar-cell"><div class="k-calendar-cell-inner k-calendar-date k-calendar-date-hover--dark k-calendar-date-hover k-calendar-date-c"><div class="k-calendar-date-value">4</div> <div class="k-calendar-date-content"><div slot="dateCell">4</div></div></div></td><td title="2024-04-

components/Calendar/__test__/calendar.spec.ts > Test: KCalendar > props: locale: components/Calendar/__test__/calendar.spec.ts#L59