🌈 Unit Test

fix: KTour component positioning inaccurate #919

Triggered via pull request January 22, 2025 07:04

baiwusanyu-c

opened #457

fix/popover

Status Failure

Total duration 5m 7s

Artifacts –

unit-test.yml

on: pull_request

Matrix: test

Annotations

30 errors and 1 warning

components/AutoComplete/__test__/auto-complete.spec.ts > Test: KAutoComplete > props: fitInputWidth: components/AutoComplete/__test__/auto-complete.spec.ts#L108

Error: Snapshot `Test: KAutoComplete > props: fitInputWidth 1` mismatched - Expected + Received @@ -1,6 +1,6 @@ - "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </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="bottom" 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="vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue"><option class="k-auto-complete--option k-auto-complete--option__dark k-auto-complete--option__hover k-auto-complete--option__fit " value=" + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </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="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: fixed; left: 0px; top: 8px;"><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

components/AutoComplete/__test__/auto-complete.spec.ts > Test: KAutoComplete > basic functional testing: components/AutoComplete/__test__/auto-complete.spec.ts#L142

Error: Snapshot `Test: KAutoComplete > basic functional testing 1` mismatched - Expected + Received @@ -1,6 +1,6 @@ - "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </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="vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue"><option class="k-auto-complete--option k-auto-complete--option__dark k-auto-complete--option__hover k-auto-complete--option__fit " value=" + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </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="animation: __svelte_767937530_0 300ms linear 0ms 1 both, __svelte_2123877217_0 300ms linear 0ms 1 both; position: fixed; left: 0px; top: 8px;"><div slot="contentEl" style="overflow-y: auto; min-width: initial; max-height: 250px;"><div class="k-virtual-list k-scrollbar" style="over

components/AutoComplete/__test__/auto-complete.spec.ts > Test: KAutoComplete > slot: default: components/AutoComplete/__test__/auto-complete.spec.ts#L179

Error: Snapshot `Test: KAutoComplete > slot: default 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </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="bottom" 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="vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue"><div>test vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue</div> </div><div class="k-virtual-list--item" data-kv-key="vuex"><div>test vuex</div> </div><div class="k-virtual-list--item" data-kv-key="vue-router"><div>test vue-router</div> </div></div> <div class="shepherd" style="width: 100%; height: 0px;"></div></div></div> </div>" + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div class="k-auto-complete" slot="triggerEl" aria-hidden="true"><div class="k-input"><button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--prepend k-input--prepend__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-search k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="please select"> </div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--main__fill k-button--main__hover__fill k-button--main__active k-button--main__focus k-input--append k-input--append__md" aria-hidden="true"><span class="k-icon--base k-icon-transition i-carbon-logo-svelte k-button--main__icon k-button--main__icon__fill" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span> </button></div> </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="animation: __svelte_767937530_0 300ms linear 0ms 1 both; position: fixed; left: 0px; top: 8px;"><div slot="contentEl" style=

components/ColorPicker/__test__/color-picker.spec.ts > Test: KColorPicker > props: cls: components/ColorPicker/__test__/color-picker.spec.ts#L51

Error: Snapshot `Test: KColorPicker > props: cls 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md k-color-picker-block-w--focus"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 0, 0, 0);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></div> <div class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="top" aria-hidden="true" style="position: fixed; left: 0px; top: 0px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both; bottom: 8px;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" class="k-color-picker k-color-picker--test"><div class="k-color-picker-header"><span class=""></span> </div> <div><div class="k-color-picker-palette k-color-picker-palette--base" aria-hidden="true" style="background-color: rgb(0, 0, 0);"><div class="k-color-picker-pointer" aria-hidden="true" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div aria-hidden="true" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(255, 0, 0); left: 0%;"></div></div> <div aria-hidden="true" class="k-color-picker-slider k-color-picker-slider_alpha k-color-picker--alpha"><div class="k-color-picker-slider--track_alpha"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgba(0, 0, 0, 0); left: 0%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgba(0, 0, 0, 0);"></div></div></div> <div class="k-color-picker-format"><div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><div class="k-color-picker-format--val k-color-picker-format--val__dark">HEX <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role="" aria-hidden="true"></span></div></button></div> <div class="k-input k-color-picker-format--input"> <div class="k-input--base k-input__sm k-input__dark k-input__hover k-input__focus k-input__rounded"><span slot="prefix">#</span> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="1" max="100" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="increase number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> </div></div> </div>" + "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md k-color-picker-block-w--focus"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 0, 0, 0);"></div></div> <div

components/ColorPicker/__test__/color-picker.spec.ts > Test: KColorPicker > props: defaultValue & defaultValue: components/ColorPicker/__test__/color-picker.spec.ts#L179

Error: Snapshot `Test: KColorPicker > props: defaultValue & defaultValue 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md k-color-picker-block-w--focus"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></div> <div class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="top" aria-hidden="true" style="position: fixed; left: 0px; top: 0px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both; bottom: 8px;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div class="k-color-picker-palette k-color-picker-palette--base" aria-hidden="true" style="background-color: rgb(0, 255, 255);"><div class="k-color-picker-pointer" aria-hidden="true" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div aria-hidden="true" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 255, 255); left: 50%;"></div></div> <div aria-hidden="true" class="k-color-picker-slider k-color-picker-slider_alpha k-color-picker--alpha"><div class="k-color-picker-slider--track_alpha"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgba(0, 255, 255, 0.5); left: 50%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgba(0, 255, 255, 0.5);"></div></div></div> <div class="k-color-picker-format"><div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><div class="k-color-picker-format--val k-color-picker-format--val__dark">RGB <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role="" aria-hidden="true"></span></div></button></div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="increase number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div></div></div> </div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-input--icon__sm" role="" a

components/ColorPicker/__test__/color-picker.spec.ts > Test: KColorPicker > props: allowClear: components/ColorPicker/__test__/color-picker.spec.ts#L201

Error: Snapshot `Test: KColorPicker > props: allowClear 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md k-color-picker-block-w--focus"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></div> <div class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="top" aria-hidden="true" style="position: fixed; left: 0px; top: 0px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both; bottom: 8px;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> <div class="k-color-picker-clear k-color-picker-line" aria-hidden="true"></div></div> <div><div class="k-color-picker-palette k-color-picker-palette--base" aria-hidden="true" style="background-color: rgb(0, 255, 255);"><div class="k-color-picker-pointer" aria-hidden="true" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div aria-hidden="true" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 255, 255); left: 50%;"></div></div> <div aria-hidden="true" class="k-color-picker-slider k-color-picker-slider_alpha k-color-picker--alpha"><div class="k-color-picker-slider--track_alpha"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgba(0, 255, 255, 0.5); left: 50%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgba(0, 255, 255, 0.5);"></div></div></div> <div class="k-color-picker-format"><div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><div class="k-color-picker-format--val k-color-picker-format--val__dark">RGB <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role="" aria-hidden="true"></span></div></button></div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="increase number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div></div></div> </div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbo

components/ColorPicker/__test__/color-picker.spec.ts > Test: KColorPicker > props: disabledAlpha: components/ColorPicker/__test__/color-picker.spec.ts#L269

Error: Snapshot `Test: KColorPicker > props: disabledAlpha 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md k-color-picker-block-w--focus"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgba(0, 255, 255, 0.5);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></div> <div class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="top" aria-hidden="true" style="position: fixed; left: 0px; top: 0px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both; bottom: 8px;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div class="k-color-picker-palette k-color-picker-palette--base" aria-hidden="true" style="background-color: rgb(0, 255, 255);"><div class="k-color-picker-pointer" aria-hidden="true" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div aria-hidden="true" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 255, 255); left: 50%;"></div></div> </div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgba(0, 255, 255, 0.5);"></div></div></div> <div class="k-color-picker-format"><div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><div class="k-color-picker-format--val k-color-picker-format--val__dark">RGB <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role="" aria-hidden="true"></span></div></button></div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="increase number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div></div></div> </div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="0" max="255" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="increase number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron

components/ColorPicker/__test__/color-picker.spec.ts > Test: KColorPicker > props: presets: components/ColorPicker/__test__/color-picker.spec.ts#L311

Error: Snapshot `Test: KColorPicker > props: presets 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md k-color-picker-block-w--focus"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgb(105, 177, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark" style="display: none;"></div></div></div></div> <div class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="top" aria-hidden="true" style="position: fixed; left: 0px; top: 0px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both; bottom: 8px;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div class="k-color-picker-palette k-color-picker-palette--base" aria-hidden="true" style="background-color: rgb(105, 177, 255);"><div class="k-color-picker-pointer" aria-hidden="true" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div aria-hidden="true" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 122, 255); left: 58.67%;"></div></div> <div aria-hidden="true" class="k-color-picker-slider k-color-picker-slider_alpha k-color-picker--alpha"><div class="k-color-picker-slider--track_alpha"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(105, 177, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(105, 177, 255);"></div></div></div> <div class="k-color-picker-format"><div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><div class="k-color-picker-format--val k-color-picker-format--val__dark">HEX <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role="" aria-hidden="true"></span></div></button></div> <div class="k-input k-color-picker-format--input"> <div class="k-input--base k-input__sm k-input__dark k-input__hover k-input__focus k-input__rounded"><span slot="prefix">#</span> <input class="k-input--inner k-input--inner__dark" type="text" placeholder=""> </div> </div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="1" max="100" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="increase number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div></div></div> </div></div> <div class="k-color-picker-preset"><div class="k-checkbox-group k-checkbox-group--base"><div class="k-color-picker-preset--container"><div class="k-color-picker-preset--head" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-color-picker-preset--icon" role="" aria-hidden="true" style="width: 14px; height: 14px;"></span> <span cla

components/ColorPicker/__test__/color-picker.spec.ts > Test: KColorPicker > slots: default: components/ColorPicker/__test__/color-picker.spec.ts#L333

Error: Snapshot `Test: KColorPicker > slots: default 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div>ikun-ui</div></div></div> <div class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="top" aria-hidden="true" style="position: fixed; left: 0px; top: 0px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both; bottom: 8px;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><span class=""></span> </div> <div><div class="k-color-picker-palette k-color-picker-palette--base" aria-hidden="true" style="background-color: rgb(105, 177, 255);"><div class="k-color-picker-pointer" aria-hidden="true" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div aria-hidden="true" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 122, 255); left: 58.67%;"></div></div> <div aria-hidden="true" class="k-color-picker-slider k-color-picker-slider_alpha k-color-picker--alpha"><div class="k-color-picker-slider--track_alpha"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(105, 177, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(105, 177, 255);"></div></div></div> <div class="k-color-picker-format"><div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><div class="k-color-picker-format--val k-color-picker-format--val__dark">HSV <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role="" aria-hidden="true"></span></div></button></div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="0" max="360" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="increase number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div></div></div> </div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="0" max="100" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="increase number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-input-number--icon k-input--icon__sm" role="" aria-hid

components/ColorPicker/__test__/color-picker.spec.ts > Test: KColorPicker > slots: title: components/ColorPicker/__test__/color-picker.spec.ts#L346

Error: Snapshot `Test: KColorPicker > slots: title 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><div slot="triggerEl" class=""><div class="k-color-picker-block-w k-color-picker-block-w--md k-color-picker-block-w--focus"><div class="k-color-picker-block k-color-picker-block--md"><div class="k-color-picker-block-content--md" style="background-color: rgb(105, 177, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">hsv(211, 59%, 100%)</div></div></div></div> <div class="k-popover--base k-popover--base__top k-popover--base__top__dark k-popover--base__dark svelte-13arsd0" data-popper-placement="top" aria-hidden="true" style="position: fixed; left: 0px; top: 0px; margin: 0px; animation: __svelte_3896445108_0 200ms linear 0ms 1 both; bottom: 8px;" data-popper-reference-hidden="" data-popper-escaped=""><div slot="contentEl" class="k-color-picker"><div class="k-color-picker-header"><div slot="title">ikun-ui</div> </div> <div><div class="k-color-picker-palette k-color-picker-palette--base" aria-hidden="true" style="background-color: rgb(105, 177, 255);"><div class="k-color-picker-pointer" aria-hidden="true" style="left: -8px; top: -8px;"></div></div> <div class="k-color-picker--hsb"><div class="k-color-picker--hs"><div aria-hidden="true" class="k-color-picker-slider"><div class="k-color-picker-slider--track"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(0, 122, 255); left: 58.67%;"></div></div> <div aria-hidden="true" class="k-color-picker-slider k-color-picker-slider_alpha k-color-picker--alpha"><div class="k-color-picker-slider--track_alpha"></div> <div class="k-color-picker-slider--thumb" style="background-color: rgb(105, 177, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(105, 177, 255);"></div></div></div> <div class="k-color-picker-format"><div aria-hidden="true" class="flex svelte-13arsd0" data-popover-trigger=""><button class="k-dropdown" role="menu" tabindex="0" slot="triggerEl"><div class="k-color-picker-format--val k-color-picker-format--val__dark">HSV <span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down op50" role="" aria-hidden="true"></span></div></button></div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="0" max="360" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div> <div class="k-input-number--down k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="increase number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-down k-input-number--icon k-input--icon__sm" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div></div></div> </div> <div class="k-input k-color-picker-format--input-num svelte-1ibt20v"> <div class="k-input--base k-input-number__sm k-input__dark k-input__hover k-input__focus k-input__rounded svelte-1ibt20v"><input type="number" class="k-input--inner k-input--inner__dark svelte-1ibt20v" min="0" max="100" placeholder="" name="" id=""> <div class="k-input-number--controls svelte-1ibt20v"><div class="k-input-number--up k-input-number--controls__dark svelte-1ibt20v" aria-hidden="true" role="button" aria-label="decrease number"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-chevron-up k-input-number--icon k-inpu

components/AutoComplete/__test__/auto-complete.spec.ts > Test: KAutoComplete > props: fitInputWidth: components/AutoComplete/__test__/auto-complete.spec.ts#L108