@king-design/react 2.1.4 → 2.1.6

package/components/select/index.spec.js

@@ -20,427 +20,518 @@ 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];
+      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;
               }
-              _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']
+
+              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];
+      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;
               }
-              _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();
+
+              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 = `