Skip to content

Commit

Permalink
test: updated unit test and snap
Browse files Browse the repository at this point in the history
  • Loading branch information
@baiwusanyu-c
baiwusanyu-c committed Jan 23, 2025
1 parent 04de636 commit 5bdf688
Show file tree
Hide file tree
Showing 50 changed files with 639 additions and 501 deletions.
32 changes: 16 additions & 16 deletions components/Alert/__test__/__snapshots__/alert.spec.ts.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,34 +2,34 @@

exports[`Test: KAlert > props: closable is false 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> </div> </div>"`;

exports[`Test: KAlert > props: closable is true 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: closable is true 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > props: closeIcon 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-settings inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: closeIcon 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-settings inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > props: cls 1`] = `"<div class="k-alert k-alert--info k-alert--test"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: cls 1`] = `"<div class="k-alert k-alert--info k-alert--test"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > props: description 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> <div class="k-alert--description k-alert--description__no-title">this is description</div></div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: description 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> <div class="k-alert--description k-alert--description__no-title">this is description</div></div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > props: icon 1`] = `"<div class="k-alert k-alert--info"><div class="k-alert--icon"><span class="k-icon--base k-icon-transition i-carbon-settings k-alert--info__icon-color" role="" aria-hidden="true" style="width: 18px; height: 18px;"></span></div> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: icon 1`] = `"<div class="k-alert k-alert--info"><div class="k-alert--icon"><span class="k-icon--base k-icon-transition i-carbon-settings k-alert--info__icon-color" role="" style="width: 18px; height: 18px;"></span></div> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > props: showIcon is false 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: showIcon is false 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > props: showIcon is true 1`] = `"<div class="k-alert k-alert--info"><div class="k-alert--icon"><span class="k-icon--base k-icon-transition k-alert--info__icon k-alert--info__icon-color" role="" aria-hidden="true" style="width: 18px; height: 18px;"></span></div> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: showIcon is true 1`] = `"<div class="k-alert k-alert--info"><div class="k-alert--icon"><span class="k-icon--base k-icon-transition k-alert--info__icon k-alert--info__icon-color" role="" style="width: 18px; height: 18px;"></span></div> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > props: title 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"><span class="k-alert--title">this is title</span> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: title 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"><span class="k-alert--title">this is title</span> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > props: type 1`] = `"<div class="k-alert k-alert--success"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--success__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: type 1`] = `"<div class="k-alert k-alert--success"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--success__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > props: type 2`] = `"<div class="k-alert k-alert--error"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--error__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: type 2`] = `"<div class="k-alert k-alert--error"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--error__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > props: type 3`] = `"<div class="k-alert k-alert--warning"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--warning__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: type 3`] = `"<div class="k-alert k-alert--warning"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--warning__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > props: type 4`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > props: type 4`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > slots: closeIcon 1`] = `"<div class="k-alert k-alert--info" style="animation: __svelte_276924520_0 400ms linear 50ms 1 both;"> <div class="k-alert--content"><span class="k-alert--title">KAlert title</span> </div> <div class="k-alert--close k-alert--close__icon-color" aria-hidden="true"><span slot="close" id="alert-close">this is close slot</span></div></div> <div id="alert-console">false</div>"`;
exports[`Test: KAlert > slots: closeIcon 1`] = `"<div class="k-alert k-alert--info" style="animation: __svelte_276924520_0 400ms linear 50ms 1 both;"> <div class="k-alert--content"><span class="k-alert--title">KAlert title</span> </div> <div class="k-alert--close k-alert--close__icon-color"><span slot="close" id="alert-close">this is close slot</span></div></div> <div id="alert-console">false</div>"`;

exports[`Test: KAlert > slots: description => default 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> <div class="k-alert--description k-alert--description__no-title"><span id="alert-description">this is description slot</span></div></div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > slots: description => default 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"> <div class="k-alert--description k-alert--description__no-title"><span id="alert-description">this is description slot</span></div></div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > slots: icon 1`] = `"<div class="k-alert k-alert--info"><div class="k-alert--icon"><span slot="icon" id="alert-icon">this is icon slot</span></div> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > slots: icon 1`] = `"<div class="k-alert k-alert--info"><div class="k-alert--icon"><span slot="icon" id="alert-icon">this is icon slot</span></div> <div class="k-alert--content"> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--close__no-title k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;

exports[`Test: KAlert > slots: title 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"><span class="k-alert--title"><span slot="title" id="alert-title">this is title slot</span></span> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--info__close-icon" aria-hidden="true"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" aria-hidden="true" style="width: 16px; height: 16px;"></span></div></div>"`;
exports[`Test: KAlert > slots: title 1`] = `"<div class="k-alert k-alert--info"> <div class="k-alert--content"><span class="k-alert--title"><span slot="title" id="alert-title">this is title slot</span></span> </div> <div class="k-alert--close k-alert--close__icon-color k-alert--info__close-icon"><span class="k-icon--base k-icon--base__dark k-icon-transition i-carbon-close inline-flex" role="" style="width: 16px; height: 16px;"></span></div></div>"`;
Loading

0 comments on commit 5bdf688

Please sign in to comment.