@king-design/vue 3.6.0 → 3.6.1

package/__tests__/__snapshots__/Vue Next Demos.md

@@ -45,7 +45,7 @@
 ####   `Button basic`
 
 ```
-"<div><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">primary</button><button class=\"k-btn k-secondary css-h31bz\" tabindex=\"0\" type=\"button\">secondary</button><button class=\"k-btn k-warning css-h31bz\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-danger css-h31bz\" tabindex=\"0\" type=\"button\">danger</button><button class=\"k-btn k-success css-h31bz\" tabindex=\"0\" type=\"button\">success</button><button class=\"k-btn k-none css-h31bz\" tabindex=\"0\" type=\"button\">none</button><button class=\"k-btn k-link css-h31bz\" tabindex=\"0\" type=\"button\">link</button><button class=\"k-btn k-flat css-h31bz\" tabindex=\"0\" type=\"button\">flat</button><button class=\"k-btn k-custom css-989a5g\" tabindex=\"0\" type=\"button\">custom</button><button class=\"k-btn k-custom css-1k0icaw\" tabindex=\"0\" type=\"button\">custom</button><button class=\"k-btn k-custom css-155s4js\" tabindex=\"0\" type=\"button\">custom</button></div>"
+"<div><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">primary</button><button class=\"k-btn k-secondary css-h31bz\" tabindex=\"0\" type=\"button\">secondary</button><button class=\"k-btn k-warning css-h31bz\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-danger css-h31bz\" tabindex=\"0\" type=\"button\">danger</button><button class=\"k-btn k-success css-h31bz\" tabindex=\"0\" type=\"button\">success</button><button class=\"k-btn k-none css-h31bz\" tabindex=\"0\" type=\"button\">none</button><button class=\"k-btn k-link css-h31bz\" tabindex=\"0\" type=\"button\">link</button><button class=\"k-btn k-flat css-h31bz\" tabindex=\"0\" type=\"button\">flat</button><button class=\"k-btn k-custom css-989a5g\" tabindex=\"0\" type=\"button\">custom</button><button class=\"k-btn k-custom css-1k0icaw\" tabindex=\"0\" type=\"button\">custom</button></div>"
 ```
 
 ####   `Button disabled`
@@ -360,18 +360,10 @@
 "<div><div class=\"k-select k-datepicker css-1bseial\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择日期</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1bseial\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择日期和时间</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1bseial\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择年份</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1bseial\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择月份</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-15o9y0o\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>开始日期 ~ 结束日期</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-15o9y0o\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>开始时间 ~ 结束时间</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br></div>"
 ```
 
-####   `Datepicker nowrap`
-
-```
-"<div><div class=\"k-select k-nowrap k-datepicker css-15o9y0o\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
-            +0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>开始日期 ~ 结束日期</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-nowrap k-datepicker css-15o9y0o\" ismerge=\"\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
-            +0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>开始日期 ~ 结束日期</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br></div>"
-```
-
 ####   `Datepicker range`
 
 ```
-"<div><div class=\"k-select k-datepicker css-8iqtbx\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-15o9y0o\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-15o9y0o\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始年份 ~ 结束年份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-15o9y0o\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始月份 ~ 结束月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br></div>"
+"<div><div class=\"k-select k-datepicker css-68s2gf\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-15o9y0o\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-15o9y0o\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始年份 ~ 结束年份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-15o9y0o\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始月份 ~ 结束月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br></div>"
 ```
 
 ####   `Datepicker shortcuts`
@@ -386,6 +378,14 @@
 "<div><div class=\"k-select k-datepicker css-1bseial\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1bseial\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
 ```
 
+####   `Datepicker nowrap`
+
+```
+"<div><div class=\"k-select k-nowrap k-datepicker css-15o9y0o\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
+            +0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>开始日期 ~ 结束日期</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-nowrap k-datepicker css-15o9y0o\" ismerge=\"\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
+            +0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>开始日期 ~ 结束日期</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br></div>"
+```
+
 ## `descriptions`
 
 ####   `Descriptions basic`
@@ -411,7 +411,7 @@
 ####   `Diagram basic`
 
 ```
-"<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><ddiamond></ddiamond><dcircle></dcircle><dline></dline><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 193px; height: 187px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 193px; min-height: 187px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"36\" y=\"0\" width=\"120\" height=\"60\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(76,6)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"41\" height=\"49\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 42px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\"><h2>hello</h2></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 40 106 L 80 146 L 40 186 L 0 146 Z\" fill=\"#ffffff\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g style=\"\"><g transform=\"translate(26,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"29\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 30px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">world</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><ellipse cx=\"152\" cy=\"146\" rx=\"40\" ry=\"40\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></ellipse></g><g style=\"\"><g transform=\"translate(143,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"19\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 20px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">kpc</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 40 104.88 L 36.5 97.88 L 40 99.63 L 43.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 152 104.88 L 148.5 97.88 L 152 99.63 L 155.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g></g><g></g><g></g></g></svg></div></div>"
+"<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><ddiamond></ddiamond><dcircle></dcircle><dline></dline><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 193px; height: 187px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 193px; min-height: 187px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"36\" y=\"0\" width=\"120\" height=\"60\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(75,6)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"42\" height=\"49\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 43px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\"><h2>hello</h2></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 40 106 L 80 146 L 40 186 L 0 146 Z\" fill=\"#ffffff\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g style=\"\"><g transform=\"translate(26,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"29\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 30px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">world</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><ellipse cx=\"152\" cy=\"146\" rx=\"40\" ry=\"40\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></ellipse></g><g style=\"\"><g transform=\"translate(143,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"19\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 20px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">kpc</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 40 104.88 L 36.5 97.88 L 40 99.63 L 43.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 152 104.88 L 148.5 97.88 L 152 99.63 L 155.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g></g><g></g><g></g></g></svg></div></div>"
 ```
 
 ####   `Diagram children`
@@ -885,7 +885,7 @@
 ####   `Menu horizontal`
 
 ```
-"<div><div class=\"k-menu k-dark k-horizontal css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1vrj62t\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1vrj62t\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1vrj62t\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1vrj62t\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div><br><br><div class=\"k-switch k-default css-1kd39ob\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
+"<div><div class=\"k-menu k-dark k-horizontal css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1vrj62t\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1vrj62t\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1vrj62t\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1vrj62t\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div></div></div><br><br><div class=\"k-switch k-default css-1kd39ob\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
 ```
 
 ####   `Menu recursive`
@@ -1375,7 +1375,7 @@
 ####   `Slider tooltip`
 
 ```
-"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: px;\">6<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 10.6015625px\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span style=\"left: 9.09091%;\">2</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 55.5556%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 55.5556%;\"><div class=\"k-slider-thumb k-dropdown-open k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-light k-small k-slider-tooltip css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -5.80469px; top: -34.7969px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 9.8046875px\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"300\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
+"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: px;\">6<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 10.34375px\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span style=\"left: 9.09091%;\">2</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 55.5556%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 55.5556%;\"><div class=\"k-slider-thumb k-dropdown-open k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-light k-small k-slider-tooltip css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -5.01562px; top: -34.7969px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 9.015625px\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"300\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
 ```
 
 ## `spin`
@@ -1959,7 +1959,7 @@
 ####   `Tooltip always`
 
 ```
-"<div style=\"position: relative;\"><span class=\"k-dropdown-open\"> always show this tootip </span><!--portal--><br><br><span> always hide this tootip </span><!--portal--><br><br><span class=\"k-dropdown-open\"> don't show if content is empty </span><!--portal--></div><div class=\"k-dropdown-menu k-tooltip-content k-always k-dark css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: 40.4297px; top: 111px;\">hello<i class=\"k-tooltip-arrow k-top\" style=\"left: 20.0078125px\"></i></div><div class=\"k-dropdown-menu k-tooltip-content k-always k-dark css-o1x0o9 css-7sngro\" style=\"display: none;\">hide<i class=\"k-tooltip-arrow\"></i></div>"
+"<div style=\"position: relative;\"><span class=\"k-dropdown-open\"> always show this tootip </span><!--portal--><br><br><span> always hide this tootip </span><!--portal--><br><br><span class=\"k-dropdown-open\"> don't show if content is empty </span><!--portal--></div><div class=\"k-dropdown-menu k-tooltip-content k-always k-dark css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: 36.6875px; top: 177px;\">hello<i class=\"k-tooltip-arrow k-top\" style=\"left: 19.6796875px\"></i></div><div class=\"k-dropdown-menu k-tooltip-content k-always k-dark css-o1x0o9 css-7sngro\" style=\"display: none;\">hide<i class=\"k-tooltip-arrow\"></i></div>"
 ```
 
 ####   `Tooltip basic`
@@ -1977,7 +1977,7 @@
 ####   `Tooltip position`
 
 ```
-"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-15gu3l7\"><label class=\"k-form-label\">position:</label><div class=\"k-form-content\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">left<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">right<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">top<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">bottom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">custom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item k-fluid css-15gu3l7\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><div class=\"opera\"><button class=\"k-btn k-default k-dropdown-open css-h31bz\" tabindex=\"0\" type=\"button\">at</button><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-dark css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -62.4688px; top: -0.398438px;\">\"left\"<i class=\"k-tooltip-arrow k-right\" style=\"top: 11.3984375px\"></i></div></div></div></div></form>"
+"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-15gu3l7\"><label class=\"k-form-label\">position:</label><div class=\"k-form-content\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">left<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">right<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">top<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">bottom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">custom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item k-fluid css-15gu3l7\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><div class=\"opera\"><button class=\"k-btn k-default k-dropdown-open css-h31bz\" tabindex=\"0\" type=\"button\">at</button><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-dark css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -58.5312px; top: -0.398438px;\">\"left\"<i class=\"k-tooltip-arrow k-right\" style=\"top: 11.3984375px\"></i></div></div></div></div></form>"
 ```
 
 ####   `Tooltip trigger`

package/__tests__/components/editable.spec.ts

@@ -35,7 +35,7 @@ describe('Editable', () => {
         container.querySelector<HTMLDivElement>('.k-icon')!.click();
         await wait();
 
-        const input = container.querySelector('.k-input textarea') as HTMLTextAreaElement;
+        const input = container.querySelector('.k-input-inner') as HTMLInputElement;
         expect(input.selectionStart).to.eql(0);
         expect(input.selectionEnd).to.eql(1);
 

package/__tests__/components/table.spec.ts

@@ -43,6 +43,7 @@ describe('Table', () => {
         dispatchEvent(input, 'focus');
         input.value = 'a';
         dispatchEvent(input, 'input')
+        await wait();
         dispatchEvent(input, 'blur');
 
         await wait();

package/components/copy/index.spec.js

@@ -20,36 +20,30 @@ describe('Copy', function () {
     }, _callee);
   })));
   it('should copy', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var _mount, instance, element, text;
+    var spy, _mount, instance, element;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
+          spy = sinon.spy(navigator.clipboard, 'writeText');
           _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
           element.click();
-          _context2.prev = 2;
           _context2.next = 5;
-          return navigator.clipboard.readText();
+          return wait();
         case 5:
-          text = _context2.sent;
-          expect(text).to.eql('Hello King Desgin!');
-          _context2.next = 12;
-          break;
-        case 9:
-          _context2.prev = 9;
-          _context2.t0 = _context2["catch"](2);
-          // Read permisson denied 
-          console.log(_context2.t0);
-        case 12:
+          expect(spy.calledWith('Hello King Desgin!')).to.be.true;
+          spy.restore();
+        case 7:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[2, 9]]);
+    }, _callee2);
   })));
   it('wrap copy with tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-    var Demo, _mount2, instance, element, text;
+    var spy, Demo, _mount2, instance, element;
     return _regeneratorRuntime.wrap(function _callee3$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
+          spy = sinon.spy(navigator.clipboard, 'writeText');
           Demo = /*#__PURE__*/function (_Component) {
             _inheritsLoose(Demo, _Component);
             function Demo() {
@@ -68,26 +62,15 @@ describe('Copy', function () {
           Demo.template = "\n                const { Tooltip, Copy } = this;\n                <Tooltip content=\"test\">\n                    <Copy text=\"test\" />\n                </Tooltip>\n            ";
           _mount2 = mount(Demo), instance = _mount2[0], element = _mount2[1];
           element.click();
-          _context4.next = 6;
+          _context4.next = 7;
           return wait();
-        case 6:
-          _context4.prev = 6;
-          _context4.next = 9;
-          return navigator.clipboard.readText();
+        case 7:
+          expect(spy.calledWith('test')).to.be.true;
+          spy.restore();
         case 9:
-          text = _context4.sent;
-          expect(text).to.eql('test');
-          _context4.next = 16;
-          break;
-        case 13:
-          _context4.prev = 13;
-          _context4.t0 = _context4["catch"](6);
-          // Read permisson denied 
-          console.log(_context4.t0);
-        case 16:
         case "end":
           return _context4.stop();
       }
-    }, _callee3, null, [[6, 13]]);
+    }, _callee3);
   })));
 });