@king-design/vue 2.1.4 → 2.1.5

package/components/timepicker/index.spec.js

@@ -13,336 +13,411 @@ import { Component } from 'intact-vue-next';
 describe('Timepicker', function () {
   afterEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          unmount();
-          _context.next = 3;
-          return wait(500);
-        case 3:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            unmount();
+            _context.next = 3;
+            return wait(500);
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _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;
+
     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];
-          picker1.click();
-          _context2.next = 6;
-          return wait(500);
-        case 6:
-          dropdown = getElement('.k-time-content');
-          expect(dropdown.innerHTML).to.matchSnapshot();
-          next = dropdown.querySelector('.k-scroll-select-item:nth-child(11)');
-          next.click();
-          _context2.next = 12;
-          return wait();
-        case 12:
-          expect(dropdown.innerHTML).to.matchSnapshot();
-          expect(instance.get('time')).to.be.null;
-          next.click();
-          _context2.next = 17;
-          return wait();
-        case 17:
-          expect(instance.get('time')).to.be.null;
-          expect(dropdown.innerHTML).to.matchSnapshot();
-          ok = dropdown.querySelector('.k-btn');
-          ok.click();
-          _context2.next = 23;
-          return wait(500);
-        case 23:
-          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:
-          dropdown = getElement('.k-time-content');
-          dropdown.querySelector('.k-scroll-select-item:nth-child(11)').click();
-          ok2 = dropdown.querySelector('.k-btn');
-          ok2.click();
-          dropdown.querySelector('.k-scroll-select-item:nth-child(12)').click();
-          ok2.click();
-          _context2.next = 41;
-          return wait();
-        case 41:
-          expect(instance.get('timeArray')).to.eql(['01:00:00', '02:00:00']);
-          // click the same time will do nothing
-          ok2.click();
-          _context2.next = 45;
-          return wait();
-        case 45:
-          expect(instance.get('timeArray')).to.eql(['01:00:00', '02:00:00']);
-          // remove one value
-          _picker2$querySelecto = picker2.querySelectorAll('.k-select-close'), close = _picker2$querySelecto[1];
-          close.click();
-          _context2.next = 50;
-          return wait();
-        case 50:
-          expect(instance.get('timeArray')).to.eql(['01:00:00']);
-          expect(dropdown.innerHTML).to.matchSnapshot();
-          // clear
-          picker2.querySelector('.k-select-clear').click();
-          _context2.next = 55;
-          return wait();
-        case 55:
-          expect(instance.get('timeArray')).to.eql([]);
-          ok2.click();
-          _context2.next = 59;
-          return wait();
-        case 59:
-          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();
+      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];
+            picker1.click();
+            _context2.next = 6;
+            return wait(500);
+
+          case 6:
+            dropdown = getElement('.k-time-content');
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            next = dropdown.querySelector('.k-scroll-select-item:nth-child(11)');
+            next.click();
+            _context2.next = 12;
+            return wait();
+
+          case 12:
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            expect(instance.get('time')).to.be.null;
+            next.click();
+            _context2.next = 17;
+            return wait();
+
+          case 17:
+            expect(instance.get('time')).to.be.null;
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            ok = dropdown.querySelector('.k-btn');
+            ok.click();
+            _context2.next = 23;
+            return wait(500);
+
+          case 23:
+            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:
+            dropdown = getElement('.k-time-content');
+            dropdown.querySelector('.k-scroll-select-item:nth-child(11)').click();
+            ok2 = dropdown.querySelector('.k-btn');
+            ok2.click();
+            dropdown.querySelector('.k-scroll-select-item:nth-child(12)').click();
+            ok2.click();
+            _context2.next = 41;
+            return wait();
+
+          case 41:
+            expect(instance.get('timeArray')).to.eql(['01:00:00', '02:00:00']); // click the same time will do nothing
+
+            ok2.click();
+            _context2.next = 45;
+            return wait();
+
+          case 45:
+            expect(instance.get('timeArray')).to.eql(['01:00:00', '02:00:00']); // remove one value
+
+            _picker2$querySelecto = picker2.querySelectorAll('.k-select-close'), close = _picker2$querySelecto[1];
+            close.click();
+            _context2.next = 50;
+            return wait();
+
+          case 50:
+            expect(instance.get('timeArray')).to.eql(['01:00:00']);
+            expect(dropdown.innerHTML).to.matchSnapshot(); // clear
+
+            picker2.querySelector('.k-select-clear').click();
+            _context2.next = 55;
+            return wait();
+
+          case 55:
+            expect(instance.get('timeArray')).to.eql([]);
+            ok2.click();
+            _context2.next = 59;
+            return wait();
+
+          case 59:
+            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;
-          return wait();
-        case 11:
-          expect(dropdown.innerHTML).to.matchSnapshot();
-          end.querySelector('.k-active').nextElementSibling.nextElementSibling.click();
-          _context3.next = 15;
-          return wait();
-        case 15:
-          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 "end":
-          return _context3.stop();
+      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;
+            return wait();
+
+          case 11:
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            end.querySelector('.k-active').nextElementSibling.nextElementSibling.click();
+            _context3.next = 15;
+            return wait();
+
+          case 15:
+            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 "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) {
-        case 0:
-          _mount3 = mount(StepDemo), instance = _mount3[0], element = _mount3[1];
-          picker = element.querySelector('.k-select');
-          picker.click();
-          _context4.next = 5;
-          return wait();
-        case 5:
-          dropdown = getElement('.k-select-menu');
-          expect(dropdown.innerHTML).to.matchSnapshot();
-          dropdown.querySelector('.k-select-option').click();
-          expect(instance.get('time')).to.eql('00:00:00');
-        case 9:
-        case "end":
-          return _context4.stop();
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _mount3 = mount(StepDemo), instance = _mount3[0], element = _mount3[1];
+            picker = element.querySelector('.k-select');
+            picker.click();
+            _context4.next = 5;
+            return wait();
+
+          case 5:
+            dropdown = getElement('.k-select-menu');
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            dropdown.querySelector('.k-select-option').click();
+            expect(instance.get('time')).to.eql('00:00:00');
+
+          case 9:
+          case "end":
+            return _context4.stop();
+        }
       }
     }, _callee4);
   })));
   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) {
-        case 0:
-          _mount4 = mount(StepRangeDemo), 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');
-          expect(dropdown.innerHTML).to.matchSnapshot();
-          _dropdown$querySelect2 = dropdown.querySelectorAll('.k-datepicker-calendar-wrapper'), start = _dropdown$querySelect2[0], end = _dropdown$querySelect2[1];
-          start.querySelector('.k-active').nextElementSibling.click();
-          _context5.next = 11;
-          return wait();
-        case 11:
-          expect(dropdown.innerHTML).to.matchSnapshot();
-          end.querySelector('.k-disabled').nextElementSibling.click();
-          _context5.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']);
-        case 18:
-        case "end":
-          return _context5.stop();
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            _mount4 = mount(StepRangeDemo), 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');
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            _dropdown$querySelect2 = dropdown.querySelectorAll('.k-datepicker-calendar-wrapper'), start = _dropdown$querySelect2[0], end = _dropdown$querySelect2[1];
+            start.querySelector('.k-active').nextElementSibling.click();
+            _context5.next = 11;
+            return wait();
+
+          case 11:
+            expect(dropdown.innerHTML).to.matchSnapshot();
+            end.querySelector('.k-disabled').nextElementSibling.click();
+            _context5.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']);
+
+          case 18:
+          case "end":
+            return _context5.stop();
+        }
       }
     }, _callee5);
   })));
   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) {
-        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];
-          input1.click();
-          _context6.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;
-          return wait();
-        case 10:
-          content.querySelector('.k-btn').click();
-          _context6.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;
-          return wait();
-        case 18:
-          content = getElement('.k-select-menu');
-          expect(content.innerHTML).to.matchSnapshot();
-          content.querySelector('.k-select-option').click();
-          _context6.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;
-          return wait();
-        case 28:
-          content = getElement('.k-time-content');
-          expect(content.innerHTML).to.matchSnapshot();
-          _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;
-          return wait();
-        case 35:
-          expect(content.innerHTML).to.matchSnapshot();
-          content.querySelector('.k-btn').click();
-          _context6.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();
+      while (1) {
+        switch (_context6.prev = _context6.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];
+            input1.click();
+            _context6.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;
+            return wait();
+
+          case 10:
+            content.querySelector('.k-btn').click();
+            _context6.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;
+            return wait();
+
+          case 18:
+            content = getElement('.k-select-menu');
+            expect(content.innerHTML).to.matchSnapshot();
+            content.querySelector('.k-select-option').click();
+            _context6.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;
+            return wait();
+
+          case 28:
+            content = getElement('.k-time-content');
+            expect(content.innerHTML).to.matchSnapshot();
+            _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;
+            return wait();
+
+          case 35:
+            expect(content.innerHTML).to.matchSnapshot();
+            content.querySelector('.k-btn').click();
+            _context6.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();
+        }
       }
     }, _callee6);
   })));
   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) {
-        case 0:
-          Demo = /*#__PURE__*/function (_Component) {
-            _inheritsLoose(Demo, _Component);
-            function Demo() {
-              var _context7;
-              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.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];
-          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) {
-                  case 0:
-                    _input.value = value;
-                    dispatchEvent(_input, 'input');
-                    _context8.next = 4;
-                    return wait();
-                  case 4:
-                  case "end":
-                    return _context8.stop();
+      while (1) {
+        switch (_context9.prev = _context9.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component) {
+              _inheritsLoose(Demo, _Component);
+
+              function Demo() {
+                var _context7;
+
+                var _this;
+
+                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                  args[_key] = arguments[_key];
                 }
-              }, _callee7);
-            }));
-            return function input(_x, _x2) {
-              return _ref8.apply(this, arguments);
-            };
-          }(); // input disabled value
-          _context9.next = 7;
-          return input(basicInput, '01:01:01');
-        case 7:
-          expect(instance.get('basic')).to.eql(undefined);
-          // input correct value
-          _context9.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;
-          return input(multipleInput, '01:01:01');
-        case 13:
-          expect(instance.get('multiple')).to.eql(['01:01:01']);
-          _context9.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;
-          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;
-          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;
-          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();
+
+                _this = _Component.call.apply(_Component, _concatInstanceProperty(_context7 = [this]).call(_context7, 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];
+
+            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) {
+                      case 0:
+                        _input.value = value;
+                        dispatchEvent(_input, 'input');
+                        _context8.next = 4;
+                        return wait();
+
+                      case 4:
+                      case "end":
+                        return _context8.stop();
+                    }
+                  }
+                }, _callee7);
+              }));
+
+              return function input(_x, _x2) {
+                return _ref8.apply(this, arguments);
+              };
+            }(); // input disabled value
+
+
+            _context9.next = 7;
+            return input(basicInput, '01:01:01');
+
+          case 7:
+            expect(instance.get('basic')).to.eql(undefined); // input correct value
+
+            _context9.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;
+            return input(multipleInput, '01:01:01');
+
+          case 13:
+            expect(instance.get('multiple')).to.eql(['01:01:01']);
+            _context9.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;
+            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;
+            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;
+            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();
+        }
       }
     }, _callee8);
   })));