@king-design/vue 3.6.0-beta.0 → 3.6.0

package/components/timepicker/index.spec.js

@@ -25,142 +25,312 @@ describe('Timepicker', function () {
     }, _callee);
   })));
   it('select time', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var _mount, instance, element, _element$querySelecto, picker1, picker2, dropdown, next, ok, ok2, _picker2$querySelecto, close;
+    var _mount, instance, element, _element$querySelecto, picker1, picker2, inputInner, dropdown, ok, next, activeHour;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           this.timeout(0);
           _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
           _element$querySelecto = element.querySelectorAll('.k-select'), picker1 = _element$querySelecto[0], picker2 = _element$querySelecto[1];
+          inputInner = picker1.querySelector('.k-input-inner');
+          expect(inputInner.value).eql('');
           picker1.click();
-          _context2.next = 6;
+          _context2.next = 8;
           return wait(500);
-        case 6:
+        case 8:
+          expect(inputInner.value).eql('');
           dropdown = getElement('.k-time-content');
+          ok = dropdown.querySelector('.k-btn');
+          expect(ok.classList.contains('k-disabled')).eql(true);
           expect(dropdown.innerHTML).to.matchSnapshot();
           next = dropdown.querySelector('.k-scroll-select-item:nth-child(11)');
           next.click();
-          _context2.next = 12;
+          _context2.next = 17;
           return wait();
-        case 12:
+        case 17:
           expect(dropdown.innerHTML).to.matchSnapshot();
           expect(instance.get('time')).to.be.null;
           next.click();
-          _context2.next = 17;
+          _context2.next = 22;
           return wait();
-        case 17:
+        case 22:
           expect(instance.get('time')).to.be.null;
           expect(dropdown.innerHTML).to.matchSnapshot();
-          ok = dropdown.querySelector('.k-btn');
           ok.click();
-          _context2.next = 23;
+          _context2.next = 27;
           return wait(500);
-        case 23:
+        case 27:
           expect(instance.get('time')).to.eql('02:00:00');
           expect(dropdown.style.display).to.eql('none');
           // set time
           instance.set('time', '03:03:03');
           picker1.click();
-          _context2.next = 29;
-          return wait(500);
-        case 29:
-          expect(dropdown.innerHTML).to.matchSnapshot();
-          // multiple
-          picker2.click();
           _context2.next = 33;
           return wait(500);
         case 33:
+          expect(dropdown.innerHTML).to.matchSnapshot();
+          // should reset show value on hiding
+          activeHour = dropdown.querySelector('.k-scroll-select-item.k-active');
+          dispatchEvent(activeHour.nextElementSibling, 'click');
+          _context2.next = 38;
+          return wait();
+        case 38:
+          expect(inputInner.value).eql('04:03:03');
+          expect(instance.get('time')).eql('03:03:03');
+          document.body.click();
+          _context2.next = 43;
+          return wait();
+        case 43:
+          expect(inputInner.value).eql('03:03:03');
+          expect(instance.get('time')).eql('03:03:03');
+        case 45:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, this);
+  })));
+  it('multipe time', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _mount2, instance, element, _element$querySelecto2, picker1, picker2, dropdown, ok2, inputInner, _picker2$querySelecto, close;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _mount2 = mount(BasicDemo), instance = _mount2[0], element = _mount2[1];
+          _element$querySelecto2 = element.querySelectorAll('.k-select'), picker1 = _element$querySelecto2[0], picker2 = _element$querySelecto2[1]; // multiple
+          picker2.click();
+          _context3.next = 5;
+          return wait();
+        case 5:
           dropdown = getElement('.k-time-content');
-          dropdown.querySelector('.k-scroll-select-item:nth-child(11)').click();
           ok2 = dropdown.querySelector('.k-btn');
+          expect(ok2.classList.contains('k-disabled')).eql(false);
+          dropdown.querySelector('.k-scroll-select-item:nth-child(11)').click();
+          _context3.next = 11;
+          return wait();
+        case 11:
+          inputInner = picker2.querySelector('.k-input-inner');
+          expect(inputInner.value).eql('01:00:00');
+          expect(instance.get('timeArray')).eql([]);
           ok2.click();
-          dropdown.querySelector('.k-scroll-select-item:nth-child(12)').click();
+          _context3.next = 17;
+          return wait();
+        case 17:
+          expect(instance.get('timeArray')).eql(['01:00:00']);
+          dropdown.querySelector('.k-scroll-select-item:nth-child(11)').click();
+          _context3.next = 21;
+          return wait();
+        case 21:
           ok2.click();
-          _context2.next = 41;
+          _context3.next = 24;
           return wait();
-        case 41:
+        case 24:
           expect(instance.get('timeArray')).to.eql(['01:00:00', '02:00:00']);
+          expect(ok2.classList.contains('k-disabled')).eql(false);
           // click the same time will do nothing
           ok2.click();
-          _context2.next = 45;
+          _context3.next = 29;
           return wait();
-        case 45:
+        case 29:
           expect(instance.get('timeArray')).to.eql(['01:00:00', '02:00:00']);
           // remove one value
           _picker2$querySelecto = picker2.querySelectorAll('.k-tag-close'), close = _picker2$querySelecto[1];
           close.click();
-          _context2.next = 50;
+          _context3.next = 34;
           return wait();
-        case 50:
+        case 34:
           expect(instance.get('timeArray')).to.eql(['01:00:00']);
-          expect(dropdown.innerHTML).to.matchSnapshot();
           // clear
           picker2.querySelector('.k-select-clear').click();
-          _context2.next = 55;
+          _context3.next = 38;
           return wait();
-        case 55:
+        case 38:
           expect(instance.get('timeArray')).to.eql([]);
           ok2.click();
-          _context2.next = 59;
+          _context3.next = 42;
           return wait();
-        case 59:
+        case 42:
           expect(instance.get('timeArray')).to.eql(['00:00:00']);
           // set value
           instance.set('timeArray', ['03:03:03', '03:03:04']);
-          _context2.next = 63;
-          return wait();
-        case 63:
-          expect(dropdown.innerHTML).to.matchSnapshot();
-        case 64:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2, this);
-  })));
-  it('range', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-    var _mount2, instance, element, picker, dropdown, _dropdown$querySelect, start, end;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          _mount2 = mount(RangeDemo), instance = _mount2[0], element = _mount2[1];
-          picker = element.querySelector('.k-select');
-          picker.click();
-          _context3.next = 5;
-          return wait(500);
-        case 5:
-          dropdown = getElement('.k-time-content');
-          expect(dropdown.innerHTML).to.matchSnapshot();
-          _dropdown$querySelect = dropdown.querySelectorAll('.k-datepicker-calendar-wrapper'), start = _dropdown$querySelect[0], end = _dropdown$querySelect[1];
-          start.querySelector('.k-active').nextElementSibling.click();
-          _context3.next = 11;
+          _context3.next = 46;
           return wait();
-        case 11:
-          expect(dropdown.innerHTML).to.matchSnapshot();
-          end.querySelector('.k-active').nextElementSibling.nextElementSibling.click();
-          _context3.next = 15;
-          return wait();
-        case 15:
+        case 46:
           expect(dropdown.innerHTML).to.matchSnapshot();
-          dropdown.querySelector('.k-btn').click();
-          _context3.next = 19;
-          return wait();
-        case 19:
-          expect(instance.get('time')).to.eql(['01:00:00', '01:59:59']);
-        case 20:
+        case 47:
         case "end":
           return _context3.stop();
       }
     }, _callee3);
   })));
-  it('step', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-    var _mount3, instance, element, picker, dropdown;
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
+  describe('range', function () {
+    it('basic', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var _mount3, instance, element, picker, dropdown, _dropdown$querySelect, start, end;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _mount3 = mount(RangeDemo), instance = _mount3[0], element = _mount3[1];
+            picker = element.querySelector('.k-select');
+            picker.click();
+            _context4.next = 5;
+            return wait(500);
+          case 5:
+            dropdown = getElement('.k-time-content');
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            _dropdown$querySelect = dropdown.querySelectorAll('.k-datepicker-calendar-wrapper'), start = _dropdown$querySelect[0], end = _dropdown$querySelect[1];
+            start.querySelector('.k-active').nextElementSibling.click();
+            _context4.next = 11;
+            return wait();
+          case 11:
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            end.querySelector('.k-active').nextElementSibling.nextElementSibling.click();
+            _context4.next = 15;
+            return wait();
+          case 15:
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            dropdown.querySelector('.k-btn').click();
+            _context4.next = 19;
+            return wait();
+          case 19:
+            expect(instance.get('time')).to.eql(['01:00:00', '01:59:59']);
+            // clear
+            picker.querySelector('.k-select-clear').click();
+            _context4.next = 23;
+            return wait();
+          case 23:
+            expect(instance.get('time')).to.eql(null);
+          case 24:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    })));
+    it('only select one value then click confirm button directly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var _mount4, instance, element, picker, dropdown, _dropdown$querySelect2, start, end;
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _mount4 = mount(RangeDemo), instance = _mount4[0], element = _mount4[1];
+            picker = element.querySelector('.k-select');
+            picker.click();
+            _context5.next = 5;
+            return wait();
+          case 5:
+            dropdown = getElement('.k-time-content');
+            _dropdown$querySelect2 = dropdown.querySelectorAll('.k-datepicker-calendar-wrapper'), start = _dropdown$querySelect2[0], end = _dropdown$querySelect2[1];
+            start.querySelector('.k-active').nextElementSibling.click();
+            _context5.next = 10;
+            return wait();
+          case 10:
+            // skip select end and confirm
+            dropdown.querySelector('.k-btn').click();
+            _context5.next = 13;
+            return wait();
+          case 13:
+            expect(instance.get('time')).eql(['01:00:00', '23:59:59']);
+            picker.querySelector('.k-select-clear').click();
+            _context5.next = 17;
+            return wait();
+          case 17:
+            picker.click();
+            _context5.next = 20;
+            return wait();
+          case 20:
+            end.querySelector('.k-active').nextElementSibling.click();
+            dropdown.querySelector('.k-btn').click();
+            _context5.next = 24;
+            return wait();
+          case 24:
+            expect(instance.get('time')).eql(['00:00:00', '00:59:59']);
+            // click confirm directly
+            picker.querySelector('.k-select-clear').click();
+            _context5.next = 28;
+            return wait();
+          case 28:
+            picker.click();
+            _context5.next = 31;
+            return wait();
+          case 31:
+            dropdown.querySelector('.k-btn').click();
+            _context5.next = 34;
+            return wait();
+          case 34:
+            expect(instance.get('time')).eql(['00:00:00', '23:59:59']);
+          case 35:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    })));
+    it('should unique', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+      var _mount5, instance, element, _element$querySelecto3, multipe, dropdown, confirm;
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            _mount5 = mount(RangeDemo), instance = _mount5[0], element = _mount5[1];
+            _element$querySelecto3 = element.querySelectorAll('.k-select'), multipe = _element$querySelecto3[1]; // multiple
+            multipe.click();
+            _context6.next = 5;
+            return wait();
+          case 5:
+            dropdown = getElement('.k-time-content');
+            confirm = dropdown.querySelector('.k-btn');
+            confirm.click();
+            _context6.next = 10;
+            return wait();
+          case 10:
+            expect(instance.get('timeArr')).eql([['00:00:00', '23:59:59']]);
+            // confirm again
+            confirm.click();
+            _context6.next = 14;
+            return wait();
+          case 14:
+            expect(instance.get('timeArr')).eql([['00:00:00', '23:59:59']]);
+          case 15:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    })));
+    it('should maintain consistency when we select the next value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+      var _mount6, instance, element, _element$querySelecto4, multipe, dropdown, confirm, _dropdown$querySelect3, start, end;
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            _mount6 = mount(RangeDemo), instance = _mount6[0], element = _mount6[1];
+            _element$querySelecto4 = element.querySelectorAll('.k-select'), multipe = _element$querySelecto4[1];
+            instance.set('timeArr', [['01:00:00', '02:00:00']]);
+            // multiple
+            multipe.click();
+            _context7.next = 6;
+            return wait();
+          case 6:
+            dropdown = getElement('.k-time-content');
+            confirm = dropdown.querySelector('.k-btn');
+            _dropdown$querySelect3 = dropdown.querySelectorAll('.k-datepicker-calendar-wrapper'), start = _dropdown$querySelect3[0], end = _dropdown$querySelect3[1];
+            start.querySelector('.k-active').nextElementSibling.click();
+            _context7.next = 12;
+            return wait();
+          case 12:
+            confirm.click();
+            _context7.next = 15;
+            return wait();
+          case 15:
+            expect(instance.get('timeArr')).eql([['01:00:00', '02:00:00'], ['02:00:00', '02:00:00']]);
+          case 16:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
+    })));
+  });
+  it('step', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+    var _mount7, instance, element, picker, dropdown;
+    return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
         case 0:
-          _mount3 = mount(StepDemo), instance = _mount3[0], element = _mount3[1];
+          _mount7 = mount(StepDemo), instance = _mount7[0], element = _mount7[1];
           picker = element.querySelector('.k-select');
           picker.click();
-          _context4.next = 5;
+          _context8.next = 5;
           return wait();
         case 5:
           dropdown = getElement('.k-select-menu');
@@ -169,80 +339,80 @@ describe('Timepicker', function () {
           expect(instance.get('time')).to.eql('00:00:00');
         case 9:
         case "end":
-          return _context4.stop();
+          return _context8.stop();
       }
-    }, _callee4);
+    }, _callee8);
   })));
-  it('step range', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-    var _mount4, instance, element, picker, dropdown, _dropdown$querySelect2, start, end;
-    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
+  it('step range', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+    var _mount8, instance, element, picker, dropdown, _dropdown$querySelect4, start, end;
+    return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+      while (1) switch (_context9.prev = _context9.next) {
         case 0:
-          _mount4 = mount(StepRangeDemo), instance = _mount4[0], element = _mount4[1];
+          _mount8 = mount(StepRangeDemo), instance = _mount8[0], element = _mount8[1];
           picker = element.querySelector('.k-select');
           picker.click();
-          _context5.next = 5;
+          _context9.next = 5;
           return wait();
         case 5:
           dropdown = getElement('.k-time-content');
           expect(dropdown.innerHTML).to.matchSnapshot();
-          _dropdown$querySelect2 = dropdown.querySelectorAll('.k-datepicker-calendar-wrapper'), start = _dropdown$querySelect2[0], end = _dropdown$querySelect2[1];
+          _dropdown$querySelect4 = dropdown.querySelectorAll('.k-datepicker-calendar-wrapper'), start = _dropdown$querySelect4[0], end = _dropdown$querySelect4[1];
           start.querySelector('.k-active').nextElementSibling.click();
-          _context5.next = 11;
+          _context9.next = 11;
           return wait();
         case 11:
           expect(dropdown.innerHTML).to.matchSnapshot();
-          end.querySelector('.k-disabled').nextElementSibling.click();
-          _context5.next = 15;
+          end.querySelector('.k-active').previousElementSibling.click();
+          _context9.next = 15;
           return wait();
         case 15:
           expect(dropdown.innerHTML).to.matchSnapshot();
           dropdown.querySelector('.k-btn').click();
-          expect(instance.get('time')).to.eql(['00:30:00', '00:30:00']);
+          expect(instance.get('time')).to.eql(['00:30:00', '23:30:00']);
         case 18:
         case "end":
-          return _context5.stop();
+          return _context9.stop();
       }
-    }, _callee5);
+    }, _callee9);
   })));
-  it('format', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-    var _mount5, instance, element, _element$querySelecto2, input1, input2, input3, content, _content$querySelecto, scroll1, scroll2;
-    return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
+  it('format', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+    var _mount9, instance, element, _element$querySelecto5, input1, input2, input3, content, _content$querySelecto, scroll1, scroll2;
+    return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+      while (1) switch (_context10.prev = _context10.next) {
         case 0:
-          _mount5 = mount(FormatDemo), instance = _mount5[0], element = _mount5[1];
-          _element$querySelecto2 = element.querySelectorAll('.k-select'), input1 = _element$querySelecto2[0], input2 = _element$querySelecto2[1], input3 = _element$querySelecto2[2];
+          _mount9 = mount(FormatDemo), instance = _mount9[0], element = _mount9[1];
+          _element$querySelecto5 = element.querySelectorAll('.k-select'), input1 = _element$querySelecto5[0], input2 = _element$querySelecto5[1], input3 = _element$querySelecto5[2];
           input1.click();
-          _context6.next = 5;
+          _context10.next = 5;
           return wait();
         case 5:
           content = getElement('.k-time-content');
           expect(content.innerHTML).to.matchSnapshot();
           // is '02'
           content.querySelector('.k-scroll-select-item:nth-child(12)').click();
-          _context6.next = 10;
+          _context10.next = 10;
           return wait();
         case 10:
           content.querySelector('.k-btn').click();
-          _context6.next = 13;
+          _context10.next = 13;
           return wait();
         case 13:
           expect(instance.get('time1')).to.eql('02:00 am');
           expect(input1.innerHTML).to.matchSnapshot();
           input2.click();
-          _context6.next = 18;
+          _context10.next = 18;
           return wait();
         case 18:
           content = getElement('.k-select-menu');
           expect(content.innerHTML).to.matchSnapshot();
           content.querySelector('.k-select-option').click();
-          _context6.next = 23;
+          _context10.next = 23;
           return wait();
         case 23:
           expect(instance.get('time2')).to.eql('00:00:00');
           expect(input2.innerHTML).to.matchSnapshot();
           input3.click();
-          _context6.next = 28;
+          _context10.next = 28;
           return wait();
         case 28:
           content = getElement('.k-time-content');
@@ -250,100 +420,100 @@ describe('Timepicker', function () {
           _content$querySelecto = content.querySelectorAll('.k-scroll-select'), scroll1 = _content$querySelecto[0], scroll2 = _content$querySelecto[1];
           scroll1.querySelector('.k-scroll-select-item:nth-child(11)').click();
           scroll2.querySelector('.k-scroll-select-item:nth-child(12)').click();
-          _context6.next = 35;
+          _context10.next = 35;
           return wait();
         case 35:
           expect(content.innerHTML).to.matchSnapshot();
           content.querySelector('.k-btn').click();
-          _context6.next = 39;
+          _context10.next = 39;
           return wait();
         case 39:
           expect(instance.get('time3')).eql(['00:30:00.000', '00:30:00.000']);
           expect(input3.innerHTML).to.matchSnapshot();
         case 41:
         case "end":
-          return _context6.stop();
+          return _context10.stop();
       }
-    }, _callee6);
+    }, _callee10);
   })));
-  it('can input', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-    var Demo, _mount6, instance, element, _element$querySelecto3, basicInput, multipleInput, rangeInput, formatInput, input;
-    return _regeneratorRuntime.wrap(function _callee8$(_context9) {
-      while (1) switch (_context9.prev = _context9.next) {
+  it('can input', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
+    var Demo, _mount10, instance, element, _element$querySelecto6, basicInput, multipleInput, rangeInput, formatInput, input;
+    return _regeneratorRuntime.wrap(function _callee12$(_context13) {
+      while (1) switch (_context13.prev = _context13.next) {
         case 0:
           Demo = /*#__PURE__*/function (_Component) {
             _inheritsLoose(Demo, _Component);
             function Demo() {
-              var _context7;
+              var _context11;
               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(_context7 = [this]).call(_context7, args)) || this;
+              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context11 = [this]).call(_context11, args)) || this;
               _this.Timepicker = Timepicker;
               return _this;
             }
             return Demo;
           }(Component);
           Demo.template = "\n                const {Timepicker} = this;\n                <div>\n                    <Timepicker v-model=\"basic\" min=\"01:34:56\" max=\"15:02:59\" />\n                    <Timepicker v-model=\"multiple\" multiple />\n                    <Timepicker v-model=\"range\" range min=\"01:34:56\" max=\"15:02:59\" />\n                    <Timepicker v-model=\"format\" range step=\"00:30:00\" valueFormat=\"HH:mm:ss.SSS\" showFormat=\"HH:mm\"/>\n                </div>\n            ";
-          _mount6 = mount(Demo), instance = _mount6[0], element = _mount6[1];
-          _element$querySelecto3 = element.querySelectorAll('.k-input-inner'), basicInput = _element$querySelecto3[0], multipleInput = _element$querySelecto3[1], rangeInput = _element$querySelecto3[2], formatInput = _element$querySelecto3[3];
+          _mount10 = mount(Demo), instance = _mount10[0], element = _mount10[1];
+          _element$querySelecto6 = element.querySelectorAll('.k-input-inner'), basicInput = _element$querySelecto6[0], multipleInput = _element$querySelecto6[1], rangeInput = _element$querySelecto6[2], formatInput = _element$querySelecto6[3];
           input = /*#__PURE__*/function () {
-            var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(_input, value) {
-              return _regeneratorRuntime.wrap(function _callee7$(_context8) {
-                while (1) switch (_context8.prev = _context8.next) {
+            var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(_input, value) {
+              return _regeneratorRuntime.wrap(function _callee11$(_context12) {
+                while (1) switch (_context12.prev = _context12.next) {
                   case 0:
                     _input.value = value;
                     dispatchEvent(_input, 'input');
-                    _context8.next = 4;
+                    _context12.next = 4;
                     return wait();
                   case 4:
                   case "end":
-                    return _context8.stop();
+                    return _context12.stop();
                 }
-              }, _callee7);
+              }, _callee11);
             }));
             return function input(_x, _x2) {
-              return _ref8.apply(this, arguments);
+              return _ref12.apply(this, arguments);
             };
           }(); // input disabled value
-          _context9.next = 7;
+          _context13.next = 7;
           return input(basicInput, '01:01:01');
         case 7:
           expect(instance.get('basic')).to.eql(undefined);
           // input correct value
-          _context9.next = 10;
+          _context13.next = 10;
           return input(basicInput, '03:03:03');
         case 10:
           expect(instance.get('basic')).to.eql('03:03:03');
           // input multple values
-          _context9.next = 13;
+          _context13.next = 13;
           return input(multipleInput, '01:01:01');
         case 13:
           expect(instance.get('multiple')).to.eql(['01:01:01']);
-          _context9.next = 16;
+          _context13.next = 16;
           return input(multipleInput, '02:02:02');
         case 16:
           expect(instance.get('multiple')).to.eql(['01:01:01', '02:02:02']);
           // input disabled range value
-          _context9.next = 19;
+          _context13.next = 19;
           return input(rangeInput, '01:01:01~05:05:05');
         case 19:
           expect(instance.get('range')).to.eql(undefined);
           // input correct range value
-          _context9.next = 22;
+          _context13.next = 22;
           return input(rangeInput, '03:03:03~05:05:05');
         case 22:
           expect(instance.get('range')).to.eql(['03:03:03', '05:05:05']);
           // input correct formated value
-          _context9.next = 25;
+          _context13.next = 25;
           return input(formatInput, '01:00~02:00');
         case 25:
           expect(instance.get('format')).to.eql(['01:00:00.000', '02:00:00.000']);
         case 26:
         case "end":
-          return _context9.stop();
+          return _context13.stop();
       }
-    }, _callee8);
+    }, _callee12);
   })));
 });