Error: Snapshot `Test: KColorPicker > props: cls 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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" 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"

Error: Snapshot `Test: KColorPicker > props: defaultValue & defaultValue 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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

Error: Snapshot `Test: KColorPicker > props: allowClear 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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--i

Error: Snapshot `Test: KColorPicker > props: disabledAlpha 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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-down k-input-number--icon k-i

Error: Snapshot `Test: KColorPicker > props: presets 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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 class="k-color-picker-preset--lab

Error: Snapshot `Test: KColorPicker > slots: default 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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-hidden="true" style="width: 24px;

Error: Snapshot `Test: KColorPicker > slots: title 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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-hidd

Error: Snapshot `Test: KColorPicker > slots: preset 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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"><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" 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

Error: Snapshot `Test: KColorPicker > apis: handleOpen & handleClose 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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(22, 119, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">#1677ffff</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="k-color-picker-title">asdasd</span> </div> <div><div class="k-color-picker-palette k-color-picker-palette--base" aria-hidden="true" style="background-color: rgb(22, 119, 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, 106, 255); left: 59.730000000000004%;"></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(22, 119, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(22, 119, 255);"></div></div></div> <div class="k-color-picker-format"><div aria-hidden="true" class="flex" 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 id="format_test">hsv</div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" aria-hidden="true" id="open"> open </button> <button style="border-radius: 4px; font-size:

AssertionError: expected false to be truthy ❯ components/Select/__test__/select.spec.ts:151:46

Error: Snapshot `Test: KColorPicker > props: cls 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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" 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"

Error: Snapshot `Test: KColorPicker > props: defaultValue & defaultValue 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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

Error: Snapshot `Test: KColorPicker > props: allowClear 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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--i

Error: Snapshot `Test: KColorPicker > props: disabledAlpha 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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-down k-input-number--icon k-i

Error: Snapshot `Test: KColorPicker > props: presets 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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 class="k-color-picker-preset--lab

Error: Snapshot `Test: KColorPicker > slots: default 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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-hidden="true" style="width: 24px;

Error: Snapshot `Test: KColorPicker > slots: title 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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-hidd

Error: Snapshot `Test: KColorPicker > slots: preset 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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"><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" 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

Error: Snapshot `Test: KColorPicker > apis: handleOpen & handleClose 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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(22, 119, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">#1677ffff</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="k-color-picker-title">asdasd</span> </div> <div><div class="k-color-picker-palette k-color-picker-palette--base" aria-hidden="true" style="background-color: rgb(22, 119, 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, 106, 255); left: 59.730000000000004%;"></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(22, 119, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(22, 119, 255);"></div></div></div> <div class="k-color-picker-format"><div aria-hidden="true" class="flex" 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 id="format_test">hsv</div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" aria-hidden="true" id="open"> open </button> <button style="border-radius: 4px; font-size:

AssertionError: expected false to be truthy ❯ components/Select/__test__/select.spec.ts:151:46

Error: Snapshot `Test: KColorPicker > props: cls 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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" 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"

Error: Snapshot `Test: KColorPicker > props: defaultValue & defaultValue 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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

Error: Snapshot `Test: KColorPicker > props: allowClear 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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--i

Error: Snapshot `Test: KColorPicker > props: disabledAlpha 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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-down k-input-number--icon k-i

Error: Snapshot `Test: KColorPicker > props: presets 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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 class="k-color-picker-preset--lab

Error: Snapshot `Test: KColorPicker > slots: default 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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-hidden="true" style="width: 24px;

Error: Snapshot `Test: KColorPicker > slots: title 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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" 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-hidd

Error: Snapshot `Test: KColorPicker > slots: preset 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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"><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" 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

Error: Snapshot `Test: KColorPicker > apis: handleOpen & handleClose 1` mismatched - Expected + Received - "<div aria-hidden="true" class="flex" 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(22, 119, 255);"></div></div> <div slot="text" class="k-color-picker-txt__dark k-color-picker-txt" style="display: initial;">#1677ffff</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="k-color-picker-title">asdasd</span> </div> <div><div class="k-color-picker-palette k-color-picker-palette--base" aria-hidden="true" style="background-color: rgb(22, 119, 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, 106, 255); left: 59.730000000000004%;"></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(22, 119, 255); left: 100%;"></div></div></div> <div class="k-color-picker-block"><div class="k-color-picker-block-content" style="background-color: rgb(22, 119, 255);"></div></div></div> <div class="k-color-picker-format"><div aria-hidden="true" class="flex" 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 id="format_test">hsv</div> <button style="border-radius: 4px; font-size: 16px;" class="k-button k-button--base k-button--primary__fill k-button--primary__hover__fill k-button--primary__active k-button--primary__focus" aria-hidden="true" id="open"> open </button> <button style="border-radius: 4px; font-size:

AssertionError: expected false to be truthy ❯ components/Select/__test__/select.spec.ts:151:46

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.