Skip to content

Commit 5bdf688

Browse files
baiwusanyu-cbaiwusanyu-c
committed
test: updated unit test and snap
1 parent 04de636 commit 5bdf688

File tree

50 files changed

+639
-501
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+639
-501
lines changed

‎components/Alert/__test__/__snapshots__/alert.spec.ts.snap

+16-16
Original file line numberDiff line numberDiff line change
@@ -2,34 +2,34 @@
22

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

5-
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>"`;
5+
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>"`;
66

7-
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>"`;
7+
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>"`;
88

9-
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>"`;
9+
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>"`;
1010

11-
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>"`;
11+
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>"`;
1212

13-
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>"`;
13+
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>"`;
1414

15-
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>"`;
15+
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>"`;
1616

17-
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>"`;
17+
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>"`;
1818

19-
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>"`;
19+
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>"`;
2020

21-
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>"`;
21+
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>"`;
2222

23-
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>"`;
23+
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>"`;
2424

25-
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>"`;
25+
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>"`;
2626

27-
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>"`;
27+
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>"`;
2828

29-
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>"`;
29+
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>"`;
3030

31-
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>"`;
31+
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>"`;
3232

33-
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>"`;
33+
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>"`;
3434

35-
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>"`;
35+
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>"`;

0 commit comments

Comments
 (0)