@king-design/vue 2.1.3 → 2.1.4

package/components/select/index.spec.js

@@ -20,518 +20,427 @@ describe('Select', function () {
   });
   it('should select value correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, trigger, dropdown, item, _dropdown;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-            trigger = element.querySelector('.k-select');
-            trigger.click();
-            _context.next = 5;
-            return wait();
-
-          case 5:
-            expect(element.outerHTML).to.matchSnapshot();
-            dropdown = getElement('.k-select-menu');
-            expect(dropdown.innerHTML).to.matchSnapshot();
-            item = dropdown.querySelector('.k-dropdown-item');
-            item.click();
-            _context.next = 12;
-            return wait();
-
-          case 12:
-            expect(element.outerHTML).to.matchSnapshot();
-            trigger.click();
-            _context.next = 16;
-            return wait();
-
-          case 16:
-            _dropdown = getElement('.k-select-menu');
-            expect(_dropdown.innerHTML).to.matchSnapshot();
-
-          case 18:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+          trigger = element.querySelector('.k-select');
+          trigger.click();
+          _context.next = 5;
+          return wait();
+        case 5:
+          expect(element.outerHTML).to.matchSnapshot();
+          dropdown = getElement('.k-select-menu');
+          expect(dropdown.innerHTML).to.matchSnapshot();
+          item = dropdown.querySelector('.k-dropdown-item');
+          item.click();
+          _context.next = 12;
+          return wait();
+        case 12:
+          expect(element.outerHTML).to.matchSnapshot();
+          trigger.click();
+          _context.next = 16;
+          return wait();
+        case 16:
+          _dropdown = getElement('.k-select-menu');
+          expect(_dropdown.innerHTML).to.matchSnapshot();
+        case 18:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('disabled', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, _element$querySelecto, trigger, dropdown, close;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _mount2 = mount(DisabledDemo), instance = _mount2[0], element = _mount2[1];
-            _element$querySelecto = element.querySelectorAll('.k-select'), trigger = _element$querySelecto[1];
-            trigger.click();
-            _context2.next = 5;
-            return wait();
-
-          case 5:
-            dropdown = getElement('.k-select-menu');
-            expect(dropdown.innerHTML).to.matchSnapshot();
-            close = element.querySelector('.k-select-close');
-            close.click();
-            _context2.next = 11;
-            return wait();
-
-          case 11:
-            expect(instance.get('days').length).to.eql(2);
-
-          case 12:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _mount2 = mount(DisabledDemo), instance = _mount2[0], element = _mount2[1];
+          _element$querySelecto = element.querySelectorAll('.k-select'), trigger = _element$querySelecto[1];
+          trigger.click();
+          _context2.next = 5;
+          return wait();
+        case 5:
+          dropdown = getElement('.k-select-menu');
+          expect(dropdown.innerHTML).to.matchSnapshot();
+          close = element.querySelector('.k-select-close');
+          close.click();
+          _context2.next = 11;
+          return wait();
+        case 11:
+          expect(instance.get('days').length).to.eql(2);
+        case 12:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   })));
   it('clearable', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount3, instance, element, _element$querySelecto2, clear1, clear2, Demo, _mount4, element1, clear;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            _mount3 = mount(ClearableDemo), instance = _mount3[0], element = _mount3[1];
-            instance.set({
-              day: 'Monday',
-              days: ['Monday', 'TuesdayT']
-            });
-            _context4.next = 4;
-            return wait();
-
-          case 4:
-            expect(element.outerHTML).to.matchSnapshot();
-            _element$querySelecto2 = element.querySelectorAll('.k-select-clear'), clear1 = _element$querySelecto2[0], clear2 = _element$querySelecto2[1];
-            clear1.click();
-            clear2.click();
-            _context4.next = 10;
-            return wait();
-
-          case 10:
-            expect(instance.get('day')).to.eql(null);
-            expect(instance.get('days')).to.eql([]);
-            unmount(); // clearable shouldn't support when disabled is true
-
-            Demo = /*#__PURE__*/function (_Component) {
-              _inheritsLoose(Demo, _Component);
-
-              function Demo() {
-                var _context3;
-
-                var _this;
-
-                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                  args[_key] = arguments[_key];
-                }
-
-                _this = _Component.call.apply(_Component, _concatInstanceProperty(_context3 = [this]).call(_context3, args)) || this;
-                _this.Select = Select;
-                _this.Option = Option;
-                return _this;
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _mount3 = mount(ClearableDemo), instance = _mount3[0], element = _mount3[1];
+          instance.set({
+            day: 'Monday',
+            days: ['Monday', 'TuesdayT']
+          });
+          _context4.next = 4;
+          return wait();
+        case 4:
+          expect(element.outerHTML).to.matchSnapshot();
+          _element$querySelecto2 = element.querySelectorAll('.k-select-clear'), clear1 = _element$querySelecto2[0], clear2 = _element$querySelecto2[1];
+          clear1.click();
+          clear2.click();
+          _context4.next = 10;
+          return wait();
+        case 10:
+          expect(instance.get('day')).to.eql(null);
+          expect(instance.get('days')).to.eql([]);
+          unmount();
+          // clearable shouldn't support when disabled is true
+          Demo = /*#__PURE__*/function (_Component) {
+            _inheritsLoose(Demo, _Component);
+            function Demo() {
+              var _context3;
+              var _this;
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
               }
-
-              Demo.defaults = function defaults() {
-                return {
-                  days: ['Monday', 'Tuesday']
-                };
+              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context3 = [this]).call(_context3, args)) || this;
+              _this.Select = Select;
+              _this.Option = Option;
+              return _this;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                days: ['Monday', 'Tuesday']
               };
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "\n                const {Select, Option} = this;\n                <Select v-model=\"days\" multiple disabled clearable>\n                    <Option value=\"Monday\">\u661F\u671F</Option>\n                    <Option value=\"Tuesday\">\u661F\u671F\u4E8C</Option>\n                    <Option value=\"Wednesday\">\u661F\u671F\u4E09</Option>\n                    <Option value=\"Thursday\">\u661F\u671F\u56DB</Option>\n                    <Option value=\"Friday\">\u661F\u671F\u4E94</Option>\n                    <Option value=\"Saturday\">\u661F\u671F\u516D</Option>\n                    <Option value=\"Sunday\">\u661F\u671F\u5929</Option>\n                </Select>\n            ";
-            _mount4 = mount(Demo), element1 = _mount4[1];
-            clear = element1.querySelector('.k-select-clear');
-            expect(clear).to.be.null;
-
-          case 18:
-          case "end":
-            return _context4.stop();
-        }
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const {Select, Option} = this;\n                <Select v-model=\"days\" multiple disabled clearable>\n                    <Option value=\"Monday\">\u661F\u671F</Option>\n                    <Option value=\"Tuesday\">\u661F\u671F\u4E8C</Option>\n                    <Option value=\"Wednesday\">\u661F\u671F\u4E09</Option>\n                    <Option value=\"Thursday\">\u661F\u671F\u56DB</Option>\n                    <Option value=\"Friday\">\u661F\u671F\u4E94</Option>\n                    <Option value=\"Saturday\">\u661F\u671F\u516D</Option>\n                    <Option value=\"Sunday\">\u661F\u671F\u5929</Option>\n                </Select>\n            ";
+          _mount4 = mount(Demo), element1 = _mount4[1];
+          clear = element1.querySelector('.k-select-clear');
+          expect(clear).to.be.null;
+        case 18:
+        case "end":
+          return _context4.stop();
       }
     }, _callee3);
   })));
   it('multiple', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount5, instance, element, _element$querySelecto3, trigger, dropdown, _dropdown$querySelect, item1, item2, deleteBtn;
-
     return _regeneratorRuntime.wrap(function _callee4$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            _mount5 = mount(ClearableDemo), instance = _mount5[0], element = _mount5[1];
-            _element$querySelecto3 = element.querySelectorAll('.k-select'), trigger = _element$querySelecto3[1];
-            trigger.click();
-            _context5.next = 5;
-            return wait();
-
-          case 5:
-            dropdown = getElement('.k-select-menu');
-            _dropdown$querySelect = dropdown.querySelectorAll('.k-dropdown-item'), item1 = _dropdown$querySelect[0], item2 = _dropdown$querySelect[1];
-            item1.click();
-            item2.click();
-            _context5.next = 11;
-            return wait();
-
-          case 11:
-            expect(dropdown.innerHTML).to.matchSnapshot();
-            expect(instance.get('days')).to.eql(['Monday', 'Tuesday']); // delete
-
-            deleteBtn = element.querySelector('.k-select-close');
-            deleteBtn.click();
-            _context5.next = 17;
-            return wait();
-
-          case 17:
-            expect(instance.get('days')).to.eql(['Tuesday']);
-            expect(dropdown.innerHTML).to.matchSnapshot();
-
-          case 19:
-          case "end":
-            return _context5.stop();
-        }
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          _mount5 = mount(ClearableDemo), instance = _mount5[0], element = _mount5[1];
+          _element$querySelecto3 = element.querySelectorAll('.k-select'), trigger = _element$querySelecto3[1];
+          trigger.click();
+          _context5.next = 5;
+          return wait();
+        case 5:
+          dropdown = getElement('.k-select-menu');
+          _dropdown$querySelect = dropdown.querySelectorAll('.k-dropdown-item'), item1 = _dropdown$querySelect[0], item2 = _dropdown$querySelect[1];
+          item1.click();
+          item2.click();
+          _context5.next = 11;
+          return wait();
+        case 11:
+          expect(dropdown.innerHTML).to.matchSnapshot();
+          expect(instance.get('days')).to.eql(['Monday', 'Tuesday']);
+          // delete
+          deleteBtn = element.querySelector('.k-select-close');
+          deleteBtn.click();
+          _context5.next = 17;
+          return wait();
+        case 17:
+          expect(instance.get('days')).to.eql(['Tuesday']);
+          expect(dropdown.innerHTML).to.matchSnapshot();
+        case 19:
+        case "end":
+          return _context5.stop();
       }
     }, _callee4);
   })));
   it('filterable', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var _mount6, instance, element, _element$querySelecto4, input1, input2, input3, dropdown1, dropdown2;
-
     return _regeneratorRuntime.wrap(function _callee5$(_context6) {
-      while (1) {
-        switch (_context6.prev = _context6.next) {
-          case 0:
-            _mount6 = mount(FilterDemo), instance = _mount6[0], element = _mount6[1];
-            _element$querySelecto4 = element.querySelectorAll('.k-input-inner'), input1 = _element$querySelecto4[0], input2 = _element$querySelecto4[1], input3 = _element$querySelecto4[2];
-            input1.click();
-            _context6.next = 5;
-            return wait();
-
-          case 5:
-            input1.value = 'm';
-            dispatchEvent(input1, 'input');
-            _context6.next = 9;
-            return wait();
-
-          case 9:
-            dropdown1 = getElement('.k-select-menu');
-            expect(dropdown1.innerHTML).to.matchSnapshot();
-            dispatchEvent(document, 'keydown', {
-              keyCode: 13
-            });
-            _context6.next = 14;
-            return wait();
-
-          case 14:
-            expect(instance.get('day')).to.eql('Monday');
-            input2.click();
-            _context6.next = 18;
-            return wait();
-
-          case 18:
-            input2.value = '二';
-            dispatchEvent(input2, 'input');
-            _context6.next = 22;
-            return wait();
-
-          case 22:
-            dropdown2 = getElement('.k-select-menu');
-            expect(dropdown2.innerHTML).to.matchSnapshot();
-            dispatchEvent(document, 'keydown', {
-              keyCode: 13
-            });
-            _context6.next = 27;
-            return wait();
-
-          case 27:
-            input2.value = 'Wed';
-            dispatchEvent(input2, 'input');
-            _context6.next = 31;
-            return wait();
-
-          case 31:
-            dispatchEvent(document, 'keydown', {
-              keyCode: 13
-            });
-            _context6.next = 34;
-            return wait();
-
-          case 34:
-            expect(instance.get('days')).to.eql(['Tuesday', 'Wednesday']);
-            input3.click();
-            _context6.next = 38;
-            return wait();
-
-          case 38:
-            input3.value = 'm';
-            dispatchEvent(input3, 'input');
-            _context6.next = 42;
-            return wait();
-
-          case 42:
-            expect(getElement('.k-select-menu').innerText).to.eql('无数据');
-            input3.value = '三';
-            dispatchEvent(input3, 'input');
-            _context6.next = 47;
-            return wait();
-
-          case 47:
-            dispatchEvent(document, 'keydown', {
-              keyCode: 13
-            });
-            _context6.next = 50;
-            return wait();
-
-          case 50:
-            expect(instance.get('day1')).to.eql('Wednesday');
-
-          case 51:
-          case "end":
-            return _context6.stop();
-        }
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          _mount6 = mount(FilterDemo), instance = _mount6[0], element = _mount6[1];
+          _element$querySelecto4 = element.querySelectorAll('.k-input-inner'), input1 = _element$querySelecto4[0], input2 = _element$querySelecto4[1], input3 = _element$querySelecto4[2];
+          input1.click();
+          _context6.next = 5;
+          return wait();
+        case 5:
+          input1.value = 'm';
+          dispatchEvent(input1, 'input');
+          _context6.next = 9;
+          return wait();
+        case 9:
+          dropdown1 = getElement('.k-select-menu');
+          expect(dropdown1.innerHTML).to.matchSnapshot();
+          dispatchEvent(document, 'keydown', {
+            keyCode: 13
+          });
+          _context6.next = 14;
+          return wait();
+        case 14:
+          expect(instance.get('day')).to.eql('Monday');
+          input2.click();
+          _context6.next = 18;
+          return wait();
+        case 18:
+          input2.value = '二';
+          dispatchEvent(input2, 'input');
+          _context6.next = 22;
+          return wait();
+        case 22:
+          dropdown2 = getElement('.k-select-menu');
+          expect(dropdown2.innerHTML).to.matchSnapshot();
+          dispatchEvent(document, 'keydown', {
+            keyCode: 13
+          });
+          _context6.next = 27;
+          return wait();
+        case 27:
+          input2.value = 'Wed';
+          dispatchEvent(input2, 'input');
+          _context6.next = 31;
+          return wait();
+        case 31:
+          dispatchEvent(document, 'keydown', {
+            keyCode: 13
+          });
+          _context6.next = 34;
+          return wait();
+        case 34:
+          expect(instance.get('days')).to.eql(['Tuesday', 'Wednesday']);
+          input3.click();
+          _context6.next = 38;
+          return wait();
+        case 38:
+          input3.value = 'm';
+          dispatchEvent(input3, 'input');
+          _context6.next = 42;
+          return wait();
+        case 42:
+          expect(getElement('.k-select-menu').innerText).to.eql('无数据');
+          input3.value = '三';
+          dispatchEvent(input3, 'input');
+          _context6.next = 47;
+          return wait();
+        case 47:
+          dispatchEvent(document, 'keydown', {
+            keyCode: 13
+          });
+          _context6.next = 50;
+          return wait();
+        case 50:
+          expect(instance.get('day1')).to.eql('Wednesday');
+        case 51:
+        case "end":
+          return _context6.stop();
       }
     }, _callee5);
   })));
   it('group', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
     var _mount7, instance, element, _element$querySelecto5, trigger1, trigger2, dropdown1, item, dropdown2;
-
     return _regeneratorRuntime.wrap(function _callee6$(_context7) {
-      while (1) {
-        switch (_context7.prev = _context7.next) {
-          case 0:
-            _mount7 = mount(GroupDemo), instance = _mount7[0], element = _mount7[1];
-            _element$querySelecto5 = element.querySelectorAll('.k-select'), trigger1 = _element$querySelecto5[0], trigger2 = _element$querySelecto5[1];
-            trigger1.click();
-            _context7.next = 5;
-            return wait();
-
-          case 5:
-            dropdown1 = getElement('.k-select-menu');
-            expect(dropdown1.innerHTML).to.matchSnapshot();
-            item = dropdown1.querySelector('.k-select-option');
-            item.click();
-            expect(instance.get('day')).to.eql('Monday');
-            trigger2.click();
-            _context7.next = 13;
-            return wait();
-
-          case 13:
-            dropdown2 = getElement('.k-select-menu');
-            expect(dropdown2.innerHTML).to.matchSnapshot();
-
-          case 15:
-          case "end":
-            return _context7.stop();
-        }
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          _mount7 = mount(GroupDemo), instance = _mount7[0], element = _mount7[1];
+          _element$querySelecto5 = element.querySelectorAll('.k-select'), trigger1 = _element$querySelecto5[0], trigger2 = _element$querySelecto5[1];
+          trigger1.click();
+          _context7.next = 5;
+          return wait();
+        case 5:
+          dropdown1 = getElement('.k-select-menu');
+          expect(dropdown1.innerHTML).to.matchSnapshot();
+          item = dropdown1.querySelector('.k-select-option');
+          item.click();
+          expect(instance.get('day')).to.eql('Monday');
+          trigger2.click();
+          _context7.next = 13;
+          return wait();
+        case 13:
+          dropdown2 = getElement('.k-select-menu');
+          expect(dropdown2.innerHTML).to.matchSnapshot();
+        case 15:
+        case "end":
+          return _context7.stop();
       }
     }, _callee6);
   })));
   it('keyboard operations', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
     var _mount8, instance, element, select, dropdown;
-
     return _regeneratorRuntime.wrap(function _callee7$(_context8) {
-      while (1) {
-        switch (_context8.prev = _context8.next) {
-          case 0:
-            _mount8 = mount(BasicDemo), instance = _mount8[0], element = _mount8[1];
-            select = element.querySelector('.k-select');
-            dispatchEvent(select, 'keydown', {
-              keyCode: 13
-            });
-            _context8.next = 5;
-            return wait();
-
-          case 5:
-            dropdown = getElement('.k-select-menu');
-            expect(dropdown.innerHTML).to.matchSnapshot();
-            dispatchEvent(select, 'keydown', {
-              keyCode: 9
-            });
-            _context8.next = 10;
-            return wait(500);
-
-          case 10:
-            expect(dropdown.style.display).to.eql('none');
-
-          case 11:
-          case "end":
-            return _context8.stop();
-        }
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          _mount8 = mount(BasicDemo), instance = _mount8[0], element = _mount8[1];
+          select = element.querySelector('.k-select');
+          dispatchEvent(select, 'keydown', {
+            keyCode: 13
+          });
+          _context8.next = 5;
+          return wait();
+        case 5:
+          dropdown = getElement('.k-select-menu');
+          expect(dropdown.innerHTML).to.matchSnapshot();
+          dispatchEvent(select, 'keydown', {
+            keyCode: 9
+          });
+          _context8.next = 10;
+          return wait(500);
+        case 10:
+          expect(dropdown.style.display).to.eql('none');
+        case 11:
+        case "end":
+          return _context8.stop();
       }
     }, _callee7);
   })));
   it('creatable', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
     var _mount9, instance, element, input, dropdown;
-
     return _regeneratorRuntime.wrap(function _callee8$(_context9) {
-      while (1) {
-        switch (_context9.prev = _context9.next) {
-          case 0:
-            _mount9 = mount(CreatableDemo), instance = _mount9[0], element = _mount9[1];
-            input = element.querySelector('.k-input-inner');
-            input.click();
-            _context9.next = 5;
-            return wait();
-
-          case 5:
-            input.value = 'xxx';
-            dispatchEvent(input, 'input');
-            _context9.next = 9;
-            return wait();
-
-          case 9:
-            dropdown = getElement('.k-select-menu');
-            expect(dropdown.innerHTML).to.matchSnapshot(); // select
-
-            dispatchEvent(document, 'keydown', {
-              keyCode: 13
-            });
-            _context9.next = 14;
-            return wait();
-
-          case 14:
-            expect(instance.get('day')).to.eql('xxx'); // open again
-
-            input.click();
-            _context9.next = 18;
-            return wait();
-
-          case 18:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(dropdown.innerHTML).to.matchSnapshot(); // input again
-
-            input.value = 'yyy';
-            dispatchEvent(input, 'input');
-            _context9.next = 24;
-            return wait();
-
-          case 24:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(dropdown.innerHTML).to.matchSnapshot(); // discard
-
-            dispatchEvent(document, 'click');
-            _context9.next = 29;
-            return wait();
-
-          case 29:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(instance.get('day')).to.eql('xxx');
-
-          case 31:
-          case "end":
-            return _context9.stop();
-        }
+      while (1) switch (_context9.prev = _context9.next) {
+        case 0:
+          _mount9 = mount(CreatableDemo), instance = _mount9[0], element = _mount9[1];
+          input = element.querySelector('.k-input-inner');
+          input.click();
+          _context9.next = 5;
+          return wait();
+        case 5:
+          input.value = 'xxx';
+          dispatchEvent(input, 'input');
+          _context9.next = 9;
+          return wait();
+        case 9:
+          dropdown = getElement('.k-select-menu');
+          expect(dropdown.innerHTML).to.matchSnapshot();
+          // select
+          dispatchEvent(document, 'keydown', {
+            keyCode: 13
+          });
+          _context9.next = 14;
+          return wait();
+        case 14:
+          expect(instance.get('day')).to.eql('xxx');
+          // open again
+          input.click();
+          _context9.next = 18;
+          return wait();
+        case 18:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(dropdown.innerHTML).to.matchSnapshot();
+          // input again
+          input.value = 'yyy';
+          dispatchEvent(input, 'input');
+          _context9.next = 24;
+          return wait();
+        case 24:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(dropdown.innerHTML).to.matchSnapshot();
+          // discard
+          dispatchEvent(document, 'click');
+          _context9.next = 29;
+          return wait();
+        case 29:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(instance.get('day')).to.eql('xxx');
+        case 31:
+        case "end":
+          return _context9.stop();
       }
     }, _callee8);
   })));
   it('Tooltip with Select', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
     var Demo, _mount10, instance, element;
-
     return _regeneratorRuntime.wrap(function _callee9$(_context11) {
-      while (1) {
-        switch (_context11.prev = _context11.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component2) {
-              _inheritsLoose(Demo, _Component2);
-
-              function Demo() {
-                var _context10;
-
-                var _this2;
-
-                for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                  args[_key2] = arguments[_key2];
-                }
-
-                _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context10 = [this]).call(_context10, args)) || this;
-                _this2.Tooltip = Tooltip;
-                _this2.Select = Select;
-                _this2.Option = Option;
-                return _this2;
+      while (1) switch (_context11.prev = _context11.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component2) {
+            _inheritsLoose(Demo, _Component2);
+            function Demo() {
+              var _context10;
+              var _this2;
+              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
               }
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "\n                const {Tooltip, Select, Option} = this;\n                <Tooltip content=\"hello\">\n                    <Select><Option value=\"1\">option 1</Option></Select>\n                </Tooltip>\n            ";
-            _mount10 = mount(Demo), instance = _mount10[0], element = _mount10[1];
-            element.click();
-            _context11.next = 6;
-            return wait();
-
-          case 6:
-            expect(getElement('.k-select-menu')).to.be.exist;
-            expect(getElement('.k-tooltip-content')).to.be.exist;
-
-          case 8:
-          case "end":
-            return _context11.stop();
-        }
+              _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context10 = [this]).call(_context10, args)) || this;
+              _this2.Tooltip = Tooltip;
+              _this2.Select = Select;
+              _this2.Option = Option;
+              return _this2;
+            }
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const {Tooltip, Select, Option} = this;\n                <Tooltip content=\"hello\">\n                    <Select><Option value=\"1\">option 1</Option></Select>\n                </Tooltip>\n            ";
+          _mount10 = mount(Demo), instance = _mount10[0], element = _mount10[1];
+          element.click();
+          _context11.next = 6;
+          return wait();
+        case 6:
+          expect(getElement('.k-select-menu')).to.be.exist;
+          expect(getElement('.k-tooltip-content')).to.be.exist;
+        case 8:
+        case "end":
+          return _context11.stop();
       }
     }, _callee9);
   })));
   it('Searchable with multiple', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
     var _mount11, instance, element, _element$querySelecto6, select, dropdown, _dropdown$querySelect2, selectAll, toggleSelect, unselectAll, _dropdown$querySelect3, confirm, cancel, input;
-
     return _regeneratorRuntime.wrap(function _callee10$(_context12) {
-      while (1) {
-        switch (_context12.prev = _context12.next) {
-          case 0:
-            _mount11 = mount(SearchableDemo), instance = _mount11[0], element = _mount11[1];
-            _element$querySelecto6 = element.querySelectorAll('.k-select'), select = _element$querySelecto6[1];
-            select.click();
-            _context12.next = 5;
-            return wait();
-
-          case 5:
-            dropdown = getElement('.k-select-menu');
-            _dropdown$querySelect2 = dropdown.querySelectorAll('.k-select-op .k-btn'), selectAll = _dropdown$querySelect2[0], toggleSelect = _dropdown$querySelect2[1], unselectAll = _dropdown$querySelect2[2];
-            _dropdown$querySelect3 = dropdown.querySelectorAll('.k-select-footer .k-btn'), confirm = _dropdown$querySelect3[0], cancel = _dropdown$querySelect3[1]; // select all
-
-            selectAll.click();
-            confirm.click();
-            expect(instance.get('days')).have.length(7); // unselect all
-
-            select.click();
-            _context12.next = 14;
-            return wait();
-
-          case 14:
-            unselectAll.click();
-            confirm.click();
-            expect(instance.get('days')).have.length(0); // toggle select
-
-            select.click();
-            _context12.next = 20;
-            return wait();
-
-          case 20:
-            instance.set('days', ['Monday', 'Tuesday']);
-            _context12.next = 23;
-            return wait();
-
-          case 23:
-            input = dropdown.querySelector('.k-input-inner');
-            input.value = 's';
-            dispatchEvent(input, 'input');
-            _context12.next = 28;
-            return wait();
-
-          case 28:
-            toggleSelect.click();
-            confirm.click();
-            expect(instance.get('days')).have.length(5);
-            expect(instance.get('days')).include('Monday');
-
-          case 32:
-          case "end":
-            return _context12.stop();
-        }
+      while (1) switch (_context12.prev = _context12.next) {
+        case 0:
+          _mount11 = mount(SearchableDemo), instance = _mount11[0], element = _mount11[1];
+          _element$querySelecto6 = element.querySelectorAll('.k-select'), select = _element$querySelecto6[1];
+          select.click();
+          _context12.next = 5;
+          return wait();
+        case 5:
+          dropdown = getElement('.k-select-menu');
+          _dropdown$querySelect2 = dropdown.querySelectorAll('.k-select-op .k-btn'), selectAll = _dropdown$querySelect2[0], toggleSelect = _dropdown$querySelect2[1], unselectAll = _dropdown$querySelect2[2];
+          _dropdown$querySelect3 = dropdown.querySelectorAll('.k-select-footer .k-btn'), confirm = _dropdown$querySelect3[0], cancel = _dropdown$querySelect3[1]; // select all
+          selectAll.click();
+          confirm.click();
+          expect(instance.get('days')).have.length(7);
+          // unselect all
+          select.click();
+          _context12.next = 14;
+          return wait();
+        case 14:
+          unselectAll.click();
+          confirm.click();
+          expect(instance.get('days')).have.length(0);
+          // toggle select
+          select.click();
+          _context12.next = 20;
+          return wait();
+        case 20:
+          instance.set('days', ['Monday', 'Tuesday']);
+          _context12.next = 23;
+          return wait();
+        case 23:
+          input = dropdown.querySelector('.k-input-inner');
+          input.value = 's';
+          dispatchEvent(input, 'input');
+          _context12.next = 28;
+          return wait();
+        case 28:
+          toggleSelect.click();
+          confirm.click();
+          expect(instance.get('days')).have.length(5);
+          expect(instance.get('days')).include('Monday');
+        case 32:
+        case "end":
+          return _context12.stop();
       }
     }, _callee10);
-  }))); // it('should trigger change event correctly', async () => {
+  })));
+  // it('should trigger change event correctly', async () => {
   // const spy = sinon.spy();
   // class Demo extends Component {
   // static template = `