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

Error: Snapshot `Test: KForm > props: KForm initValue 1` mismatched - Expected + Received - "<form class="k-form"><div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KInput</label> <div class="k-form-item-content"><div class="k-input"> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="Please input value"> </div> </div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KSwitch</label> <div class="k-form-item-content"><div class="k-switch k-switch--base k-switch--md k-switch__checked k-switch-tra" aria-hidden="true"> <span class="k-switch-circle k-switch-circle--md" style="right: 1px;"></span> <span class="k-switch-tx__checked k-switch-tx__checked--md"></span></div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KRate</label> <div class="k-form-item-content"><div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KInputNumber</label> <div class="k-form-item-content"><div class="k-input svelte-1ibt20v"> <div class="k-input--base k-input-number__md 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="-Infinity" max="Infinity" 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__md" 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__md" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div></div><

Error: Snapshot `Test: KRate > props: cls 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md k-rate--test"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div>" + "<div class="k-rate k-rate--md k-rate--test"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> </div>" ❯ components/Rate/__test__/rate.spec.ts:29:26

Error: Snapshot `Test: KRate > props: max 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k

Error: Snapshot `Test: KRate > props: value 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> </div>" ❯ components/Rate/__test__/rate.spec.ts:55:26

Error: Snapshot `Test: KRate > props: showScore 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">3</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">3</span></div>" ❯ components/Rate/__test__/rate.spec.ts:70:26

Error: Snapshot `Test: KRate > props: scoreTemplate 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">the score is 4.5 points</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">the score is 4.5 points</span></div>" ❯ components/Rate/__test__/rate.spec.ts:88:26

Error: Snapshot `Test: KRate > props: showText and texts is string 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">the text</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">the text</span></div>" ❯ components/Rate/__test__/rate.spec.ts:103:26

Error: Snapshot `Test: KRate > props: showText and texts is object 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">four</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">four</span></div>" ❯ components/Rate/__test__/rate.spec.ts:129:26

Error: Snapshot `Test: KRate > props: showText and textColor 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: red;">the text</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: red;">the text</span></div>" ❯ components/Rate/__test__/rate.spec.ts:146:26

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

Error: Snapshot `Test: KForm > props: KForm initValue 1` mismatched - Expected + Received - "<form class="k-form"><div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KInput</label> <div class="k-form-item-content"><div class="k-input"> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="Please input value"> </div> </div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KSwitch</label> <div class="k-form-item-content"><div class="k-switch k-switch--base k-switch--md k-switch__checked k-switch-tra" aria-hidden="true"> <span class="k-switch-circle k-switch-circle--md" style="right: 1px;"></span> <span class="k-switch-tx__checked k-switch-tx__checked--md"></span></div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KRate</label> <div class="k-form-item-content"><div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KInputNumber</label> <div class="k-form-item-content"><div class="k-input svelte-1ibt20v"> <div class="k-input--base k-input-number__md 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="-Infinity" max="Infinity" 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__md" 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__md" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div></div><

Error: Snapshot `Test: KRate > props: cls 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md k-rate--test"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div>" + "<div class="k-rate k-rate--md k-rate--test"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> </div>" ❯ components/Rate/__test__/rate.spec.ts:29:26

Error: Snapshot `Test: KRate > props: max 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k

Error: Snapshot `Test: KRate > props: value 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> </div>" ❯ components/Rate/__test__/rate.spec.ts:55:26

Error: Snapshot `Test: KRate > props: showScore 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">3</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">3</span></div>" ❯ components/Rate/__test__/rate.spec.ts:70:26

Error: Snapshot `Test: KRate > props: scoreTemplate 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">the score is 4.5 points</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">the score is 4.5 points</span></div>" ❯ components/Rate/__test__/rate.spec.ts:88:26

Error: Snapshot `Test: KRate > props: showText and texts is string 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">the text</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">the text</span></div>" ❯ components/Rate/__test__/rate.spec.ts:103:26

Error: Snapshot `Test: KRate > props: showText and texts is object 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">four</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">four</span></div>" ❯ components/Rate/__test__/rate.spec.ts:129:26

Error: Snapshot `Test: KRate > props: showText and textColor 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: red;">the text</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: red;">the text</span></div>" ❯ components/Rate/__test__/rate.spec.ts:146:26

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

Error: Snapshot `Test: KForm > props: KForm initValue 1` mismatched - Expected + Received - "<form class="k-form"><div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KInput</label> <div class="k-form-item-content"><div class="k-input"> <div class="k-input--base k-input__md k-input__dark k-input__hover k-input__focus k-input__rounded"> <input class="k-input--inner k-input--inner__dark" type="text" placeholder="Please input value"> </div> </div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KSwitch</label> <div class="k-form-item-content"><div class="k-switch k-switch--base k-switch--md k-switch__checked k-switch-tra" aria-hidden="true"> <span class="k-switch-circle k-switch-circle--md" style="right: 1px;"></span> <span class="k-switch-tx__checked k-switch-tx__checked--md"></span></div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KRate</label> <div class="k-form-item-content"><div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div> </div></div> <div class="k-form-item k-form-item__horizontal"><label class="k-form-item-label k-form-item-label__ml k-form-item-label__dark k-form-item-label__right k-form-item-label__horizontal k-form-item-label__md" style="min-width: 80px;"> KInputNumber</label> <div class="k-form-item-content"><div class="k-input svelte-1ibt20v"> <div class="k-input--base k-input-number__md 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="-Infinity" max="Infinity" 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__md" 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__md" role="" aria-hidden="true" style="width: 24px; height: 24px;"></span></div></div><

Error: Snapshot `Test: KRate > props: cls 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md k-rate--test"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div>" + "<div class="k-rate k-rate--md k-rate--test"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> </div>" ❯ components/Rate/__test__/rate.spec.ts:29:26

Error: Snapshot `Test: KRate > props: max 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k

Error: Snapshot `Test: KRate > props: value 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> </div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> </div>" ❯ components/Rate/__test__/rate.spec.ts:55:26

Error: Snapshot `Test: KRate > props: showScore 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">3</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">3</span></div>" ❯ components/Rate/__test__/rate.spec.ts:70:26

Error: Snapshot `Test: KRate > props: scoreTemplate 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">the score is 4.5 points</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">the score is 4.5 points</span></div>" ❯ components/Rate/__test__/rate.spec.ts:88:26

Error: Snapshot `Test: KRate > props: showText and texts is string 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">the text</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">the text</span></div>" ❯ components/Rate/__test__/rate.spec.ts:103:26

Error: Snapshot `Test: KRate > props: showText and texts is object 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text">four</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--active-icon" role="" aria-hidden="true" style="background: var(--ikun-amber-500); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: var(--ikun-zinc-500);">four</span></div>" ❯ components/Rate/__test__/rate.spec.ts:129:26

Error: Snapshot `Test: KRate > props: showText and textColor 1` mismatched - Expected + Received - "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: red;">the text</span></div>" + "<div class="k-rate k-rate--md"><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span><span class="k-rate--item k-rate--item--md k-rate--item__not-readonly" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition k-rate--void-icon" role="" aria-hidden="true" style="background: var(--ikun-stone-300); width: 100%; height: 100%;"></span></span> <span class="k-rate--text" style="color: red;">the text</span></div>" ❯ components/Rate/__test__/rate.spec.ts:146:26