@king-design/intact 3.1.4-beta.2 → 3.1.4

package/es/components/spinner/index.spec.js

@@ -18,533 +18,432 @@ describe('Spinner', function () {
   });
   it('step/max/min test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, _element$querySelecto, prev, next, input;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _mount = mount(StepDemo), instance = _mount[0], element = _mount[1];
-            _element$querySelecto = element.querySelectorAll('.k-btn'), prev = _element$querySelecto[0], next = _element$querySelecto[1];
-            input = element.querySelector('.k-input-inner');
-            next.click();
-            _context.next = 6;
-            return wait();
-
-          case 6:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(input.value).to.eql('1.2');
-            prev.click();
-            _context.next = 11;
-            return wait();
-
-          case 11:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(input.value).to.eql('0');
-            input.value = '9.9';
-            dispatchEvent(input, 'change');
-            _context.next = 17;
-            return wait();
-
-          case 17:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(input.value).eql('9.9');
-            prev.click();
-            _context.next = 22;
-            return wait();
-
-          case 22:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(input.value).eql('8.7');
-            input.value = '19.9';
-            dispatchEvent(input, 'change');
-            _context.next = 28;
-            return wait();
-
-          case 28:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(input.value).eql('10');
-            input.value = 'x19.9'; // to make the _input eql 'x19.9', then lead change
-
-            dispatchEvent(input, 'input');
-            dispatchEvent(input, 'change');
-            _context.next = 35;
-            return wait();
-
-          case 35:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(input.value).to.eql('10');
-            input.value = '-10';
-            dispatchEvent(input, 'change');
-            _context.next = 41;
-            return wait();
-
-          case 41:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(input.value).to.eql('0'); // should not disable btns, when value is between min and max
-
-            input.value = '9.9';
-            dispatchEvent(input, 'change');
-            next.click();
-            _context.next = 48;
-            return wait();
-
-          case 48:
-            expect(input.value).to.eql('10');
-            expect(element.innerHTML).to.matchSnapshot();
-            input.value = '0.1';
-            dispatchEvent(input, 'change');
-            prev.click();
-            _context.next = 55;
-            return wait();
-
-          case 55:
-            expect(input.value).to.eql('0');
-            expect(element.innerHTML).to.matchSnapshot();
-
-          case 57:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _mount = mount(StepDemo), instance = _mount[0], element = _mount[1];
+          _element$querySelecto = element.querySelectorAll('.k-btn'), prev = _element$querySelecto[0], next = _element$querySelecto[1];
+          input = element.querySelector('.k-input-inner');
+          next.click();
+          _context.next = 6;
+          return wait();
+        case 6:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(input.value).to.eql('1.2');
+          prev.click();
+          _context.next = 11;
+          return wait();
+        case 11:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(input.value).to.eql('0');
+          input.value = '9.9';
+          dispatchEvent(input, 'change');
+          _context.next = 17;
+          return wait();
+        case 17:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(input.value).eql('9.9');
+          prev.click();
+          _context.next = 22;
+          return wait();
+        case 22:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(input.value).eql('8.7');
+          input.value = '19.9';
+          dispatchEvent(input, 'change');
+          _context.next = 28;
+          return wait();
+        case 28:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(input.value).eql('10');
+          input.value = 'x19.9';
+          // to make the _input eql 'x19.9', then lead change
+          dispatchEvent(input, 'input');
+          dispatchEvent(input, 'change');
+          _context.next = 35;
+          return wait();
+        case 35:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(input.value).to.eql('10');
+          input.value = '-10';
+          dispatchEvent(input, 'change');
+          _context.next = 41;
+          return wait();
+        case 41:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(input.value).to.eql('0');
+          // should not disable btns, when value is between min and max
+          input.value = '9.9';
+          dispatchEvent(input, 'change');
+          next.click();
+          _context.next = 48;
+          return wait();
+        case 48:
+          expect(input.value).to.eql('10');
+          expect(element.innerHTML).to.matchSnapshot();
+          input.value = '0.1';
+          dispatchEvent(input, 'change');
+          prev.click();
+          _context.next = 55;
+          return wait();
+        case 55:
+          expect(input.value).to.eql('0');
+          expect(element.innerHTML).to.matchSnapshot();
+        case 57:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('precision', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, _element$querySelecto2, spinner1, spinner2, input1, input2;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _mount2 = mount(PrecisionDemo), instance = _mount2[0], element = _mount2[1];
-            _element$querySelecto2 = element.querySelectorAll('.k-spinner'), spinner1 = _element$querySelecto2[0], spinner2 = _element$querySelecto2[1];
-            input1 = spinner1.querySelector('.k-input-inner');
-            input1.value = '0.6';
-            dispatchEvent(input1, 'input');
-            dispatchEvent(input1, 'change');
-            _context2.next = 8;
-            return wait();
-
-          case 8:
-            expect(spinner1.innerHTML).to.matchSnapshot();
-            expect(input1.value).to.eql('1');
-            expect(instance.get('value1')).to.eql(1);
-            input2 = spinner2.querySelector('.k-input-inner'); // expect(input2.value).to.eql('0.0');
-
-            input2.value = '0.61';
-            dispatchEvent(input2, 'input');
-            dispatchEvent(input2, 'change');
-            _context2.next = 17;
-            return wait();
-
-          case 17:
-            expect(input2.value).to.eql('0.6');
-
-          case 18:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _mount2 = mount(PrecisionDemo), instance = _mount2[0], element = _mount2[1];
+          _element$querySelecto2 = element.querySelectorAll('.k-spinner'), spinner1 = _element$querySelecto2[0], spinner2 = _element$querySelecto2[1];
+          input1 = spinner1.querySelector('.k-input-inner');
+          input1.value = '0.6';
+          dispatchEvent(input1, 'input');
+          dispatchEvent(input1, 'change');
+          _context2.next = 8;
+          return wait();
+        case 8:
+          expect(spinner1.innerHTML).to.matchSnapshot();
+          expect(input1.value).to.eql('1');
+          expect(instance.get('value1')).to.eql(1);
+          input2 = spinner2.querySelector('.k-input-inner'); // expect(input2.value).to.eql('0.0');
+          input2.value = '0.61';
+          dispatchEvent(input2, 'input');
+          dispatchEvent(input2, 'change');
+          _context2.next = 17;
+          return wait();
+        case 17:
+          expect(input2.value).to.eql('0.6');
+        case 18:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   })));
   it('should change value as long as the input is valid', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount3, instance, element, input;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _mount3 = mount(PrecisionDemo), instance = _mount3[0], element = _mount3[1];
-            input = element.querySelector('input');
-            input.value = '01';
-            dispatchEvent(input, 'input');
-            _context3.next = 6;
-            return wait();
-
-          case 6:
-            expect(instance.get('value1')).to.eql(1);
-            input.value = 'xx';
-            dispatchEvent(input, 'input');
-            _context3.next = 11;
-            return wait();
-
-          case 11:
-            expect(instance.get('value1')).to.eql(1);
-            input.value = '100';
-            dispatchEvent(input, 'input');
-            _context3.next = 16;
-            return wait();
-
-          case 16:
-            expect(instance.get('value1')).to.eql(10);
-
-          case 17:
-          case "end":
-            return _context3.stop();
-        }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _mount3 = mount(PrecisionDemo), instance = _mount3[0], element = _mount3[1];
+          input = element.querySelector('input');
+          input.value = '01';
+          dispatchEvent(input, 'input');
+          _context3.next = 6;
+          return wait();
+        case 6:
+          expect(instance.get('value1')).to.eql(1);
+          input.value = 'xx';
+          dispatchEvent(input, 'input');
+          _context3.next = 11;
+          return wait();
+        case 11:
+          expect(instance.get('value1')).to.eql(1);
+          input.value = '100';
+          dispatchEvent(input, 'input');
+          _context3.next = 16;
+          return wait();
+        case 16:
+          expect(instance.get('value1')).to.eql(10);
+        case 17:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3);
   })));
   it('should log error when max < min', function () {
     var Demo = /*#__PURE__*/function (_Component) {
       _inheritsLoose(Demo, _Component);
-
       function Demo() {
         var _context4;
-
         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(_context4 = [this]).call(_context4, args)) || this;
         _this.Spinner = Spinner;
         return _this;
       }
-
       return Demo;
     }(Component);
-
     Demo.template = "\n                const {Spinner} = this;\n                <Spinner min={20}\n                    max={0}\n                    step={undefined}\n                    value={1}\n                />\n            ";
     var test = fakeError();
-
     var _mount4 = mount(Demo),
-        instance = _mount4[0],
-        element = _mount4[1];
-
+      instance = _mount4[0],
+      element = _mount4[1];
     expect(element.innerHTML).to.matchSnapshot();
     test('[Spinner] min must less than or equal to max, but got min: 20 max: 0');
   });
   it('should format value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount5, instance, element, _element$querySelecto3, input1, input2, increase, decrease;
-
     return _regeneratorRuntime.wrap(function _callee4$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            _mount5 = mount(FormatterDemo), instance = _mount5[0], element = _mount5[1];
-            _element$querySelecto3 = element.querySelectorAll('input'), input1 = _element$querySelecto3[0], input2 = _element$querySelecto3[1];
-            expect(input1.value).to.eql('￥1,000');
-            expect(input2.value).to.eql('增长率 78%'); // increase / decrease
-
-            increase = element.querySelector('.k-left');
-            increase.click();
-            _context5.next = 8;
-            return wait();
-
-          case 8:
-            expect(input1.value).to.eql('￥999');
-            decrease = element.querySelectorAll('.k-right')[1];
-            decrease.click();
-            _context5.next = 13;
-            return wait();
-
-          case 13:
-            expect(input2.value).to.eql('增长率 79%'); // input
-
-            input1.value = '9999';
-            dispatchEvent(input1, 'input');
-            dispatchEvent(input1, 'change');
-            _context5.next = 19;
-            return wait();
-
-          case 19:
-            expect(input1.value).to.eql('￥9,999');
-            expect(instance.get('money')).to.eql(9999);
-            input2.value = '99';
-            dispatchEvent(input2, 'input');
-            dispatchEvent(input1, 'change');
-            _context5.next = 26;
-            return wait();
-
-          case 26:
-            expect(input2.value).to.eql('99');
-            expect(instance.get('percent')).to.eql(99);
-            dispatchEvent(input2, 'change');
-            _context5.next = 31;
-            return wait();
-
-          case 31:
-            expect(input2.value).to.eql('增长率 99%');
-
-          case 32:
-          case "end":
-            return _context5.stop();
-        }
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          _mount5 = mount(FormatterDemo), instance = _mount5[0], element = _mount5[1];
+          _element$querySelecto3 = element.querySelectorAll('input'), input1 = _element$querySelecto3[0], input2 = _element$querySelecto3[1];
+          expect(input1.value).to.eql('￥1,000');
+          expect(input2.value).to.eql('增长率 78%');
+          // increase / decrease
+          increase = element.querySelector('.k-left');
+          increase.click();
+          _context5.next = 8;
+          return wait();
+        case 8:
+          expect(input1.value).to.eql('￥999');
+          decrease = element.querySelectorAll('.k-right')[1];
+          decrease.click();
+          _context5.next = 13;
+          return wait();
+        case 13:
+          expect(input2.value).to.eql('增长率 79%');
+          // input
+          input1.value = '9999';
+          dispatchEvent(input1, 'input');
+          dispatchEvent(input1, 'change');
+          _context5.next = 19;
+          return wait();
+        case 19:
+          expect(input1.value).to.eql('￥9,999');
+          expect(instance.get('money')).to.eql(9999);
+          input2.value = '99';
+          dispatchEvent(input2, 'input');
+          dispatchEvent(input1, 'change');
+          _context5.next = 26;
+          return wait();
+        case 26:
+          expect(input2.value).to.eql('99');
+          expect(instance.get('percent')).to.eql(99);
+          dispatchEvent(input2, 'change');
+          _context5.next = 31;
+          return wait();
+        case 31:
+          expect(input2.value).to.eql('增长率 99%');
+        case 32:
+        case "end":
+          return _context5.stop();
       }
     }, _callee4);
   })));
   it('should trigger change event correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var onChange, Demo, _mount6, instance, element, increase, decrease, input;
-
     return _regeneratorRuntime.wrap(function _callee5$(_context7) {
-      while (1) {
-        switch (_context7.prev = _context7.next) {
-          case 0:
-            onChange = sinon.spy(function (v) {
-              return console.log(v);
-            });
-
-            Demo = /*#__PURE__*/function (_Component2) {
-              _inheritsLoose(Demo, _Component2);
-
-              function Demo() {
-                var _context6;
-
-                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(_context6 = [this]).call(_context6, args)) || this;
-                _this2.Spinner = Spinner;
-                return _this2;
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          onChange = sinon.spy(function (v) {
+            return console.log(v);
+          });
+          Demo = /*#__PURE__*/function (_Component2) {
+            _inheritsLoose(Demo, _Component2);
+            function Demo() {
+              var _context6;
+              var _this2;
+              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
               }
-
-              var _proto = Demo.prototype;
-
-              _proto._onChange = function _onChange(v) {
-                onChange(v);
-              };
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "\n                const {Spinner} = this;\n                <Spinner ev-change={this._onChange} />\n            ";
-            _mount6 = mount(Demo), instance = _mount6[0], element = _mount6[1]; // increase / decrease
-
-            increase = element.querySelector('.k-left');
-            increase.click();
-            expect(onChange.callCount).to.eql(1);
-            expect(onChange.calledWith(-1)).to.be.true;
-            decrease = element.querySelector('.k-right');
-            decrease.click();
-            expect(onChange.callCount).to.eql(2);
-            expect(onChange.calledWith(0)).to.be.true;
-            input = element.querySelector('input');
-            dispatchEvent(input, 'focus');
-            input.value = '1';
-            dispatchEvent(input, 'input');
-            input.value = '12';
-            dispatchEvent(input, 'input');
-            dispatchEvent(input, 'change');
-            _context7.next = 21;
-            return wait();
-
-          case 21:
-            expect(onChange.callCount).to.eql(3);
-            expect(onChange.calledWith(12)).to.be.true;
-
-          case 23:
-          case "end":
-            return _context7.stop();
-        }
+              _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context6 = [this]).call(_context6, args)) || this;
+              _this2.Spinner = Spinner;
+              return _this2;
+            }
+            var _proto = Demo.prototype;
+            _proto._onChange = function _onChange(v) {
+              onChange(v);
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const {Spinner} = this;\n                <Spinner ev-change={this._onChange} />\n            ";
+          _mount6 = mount(Demo), instance = _mount6[0], element = _mount6[1]; // increase / decrease
+          increase = element.querySelector('.k-left');
+          increase.click();
+          expect(onChange.callCount).to.eql(1);
+          expect(onChange.calledWith(-1)).to.be.true;
+          decrease = element.querySelector('.k-right');
+          decrease.click();
+          expect(onChange.callCount).to.eql(2);
+          expect(onChange.calledWith(0)).to.be.true;
+          input = element.querySelector('input');
+          dispatchEvent(input, 'focus');
+          input.value = '1';
+          dispatchEvent(input, 'input');
+          input.value = '12';
+          dispatchEvent(input, 'input');
+          dispatchEvent(input, 'change');
+          _context7.next = 21;
+          return wait();
+        case 21:
+          expect(onChange.callCount).to.eql(3);
+          expect(onChange.calledWith(12)).to.be.true;
+        case 23:
+        case "end":
+          return _context7.stop();
       }
     }, _callee5);
   })));
   it('should be min + step * n', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
     var _mount7, instance, element, _element$querySelecto4, prev, next, input;
-
     return _regeneratorRuntime.wrap(function _callee6$(_context8) {
-      while (1) {
-        switch (_context8.prev = _context8.next) {
-          case 0:
-            _mount7 = mount(ForceStepDemo), instance = _mount7[0], element = _mount7[1];
-            _element$querySelecto4 = element.querySelectorAll('.k-btn'), prev = _element$querySelecto4[0], next = _element$querySelecto4[1];
-            input = element.querySelector('.k-input-inner');
-            input.value = '1';
-            dispatchEvent(input, 'change');
-            _context8.next = 7;
-            return wait();
-
-          case 7:
-            expect(instance.get('value1')).to.eql(1.2);
-            input.value = '9.9';
-            dispatchEvent(input, 'change');
-            _context8.next = 12;
-            return wait();
-
-          case 12:
-            expect(instance.get('value1')).to.eql(9.6);
-            input.value = '10';
-            dispatchEvent(input, 'change');
-            _context8.next = 17;
-            return wait();
-
-          case 17:
-            expect(instance.get('value1')).to.eql(10);
-            prev.click();
-            _context8.next = 21;
-            return wait();
-
-          case 21:
-            expect(instance.get('value1')).to.eql(8.4);
-
-          case 22:
-          case "end":
-            return _context8.stop();
-        }
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          _mount7 = mount(ForceStepDemo), instance = _mount7[0], element = _mount7[1];
+          _element$querySelecto4 = element.querySelectorAll('.k-btn'), prev = _element$querySelecto4[0], next = _element$querySelecto4[1];
+          input = element.querySelector('.k-input-inner');
+          input.value = '1';
+          dispatchEvent(input, 'change');
+          _context8.next = 7;
+          return wait();
+        case 7:
+          expect(instance.get('value1')).to.eql(1.2);
+          input.value = '9.9';
+          dispatchEvent(input, 'change');
+          _context8.next = 12;
+          return wait();
+        case 12:
+          expect(instance.get('value1')).to.eql(9.6);
+          input.value = '10';
+          dispatchEvent(input, 'change');
+          _context8.next = 17;
+          return wait();
+        case 17:
+          expect(instance.get('value1')).to.eql(10);
+          prev.click();
+          _context8.next = 21;
+          return wait();
+        case 21:
+          expect(instance.get('value1')).to.eql(8.4);
+        case 22:
+        case "end":
+          return _context8.stop();
       }
     }, _callee6);
   })));
   it('dynamic step', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
     var _mount8, instance, element, btns, test, _test;
-
     return _regeneratorRuntime.wrap(function _callee8$(_context11) {
-      while (1) {
-        switch (_context11.prev = _context11.next) {
-          case 0:
-            _test = function _test3() {
-              _test = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(index) {
-                var _context9;
-
-                var _ref8, prev, next, model;
-
-                return _regeneratorRuntime.wrap(function _callee7$(_context10) {
-                  while (1) {
-                    switch (_context10.prev = _context10.next) {
-                      case 0:
-                        _ref8 = index === 1 ? btns : _sliceInstanceProperty(_context9 = _Array$from(btns)).call(_context9, 2), prev = _ref8[0], next = _ref8[1];
-                        model = "value" + index;
-                        prev.click();
-                        _context10.next = 5;
-                        return wait();
-
-                      case 5:
-                        expect(instance.get(model)).to.eql(-1);
-                        instance.set(model, -5);
-                        _context10.next = 9;
-                        return wait();
-
-                      case 9:
-                        prev.click();
-                        _context10.next = 12;
-                        return wait();
-
-                      case 12:
-                        expect(instance.get(model)).to.eql(-10);
-                        next.click();
-                        _context10.next = 16;
-                        return wait();
-
-                      case 16:
-                        expect(instance.get(model)).to.eql(-5);
-                        next.click();
-                        _context10.next = 20;
-                        return wait();
-
-                      case 20:
-                        expect(instance.get(model)).to.eql(-4);
-                        instance.set(model, 5);
-                        _context10.next = 24;
-                        return wait();
-
-                      case 24:
-                        next.click();
-                        _context10.next = 27;
-                        return wait();
-
-                      case 27:
-                        expect(instance.get(model)).to.eql(10);
-                        prev.click();
-                        _context10.next = 31;
-                        return wait();
-
-                      case 31:
-                        expect(instance.get(model)).to.eql(5);
-                        prev.click();
-                        _context10.next = 35;
-                        return wait();
-
-                      case 35:
-                        expect(instance.get(model)).to.eql(4);
-
-                      case 36:
-                      case "end":
-                        return _context10.stop();
-                    }
-                  }
-                }, _callee7);
-              }));
-              return _test.apply(this, arguments);
-            };
-
-            test = function _test2(_x) {
-              return _test.apply(this, arguments);
-            };
-
-            _mount8 = mount(DynamicStepDemo), instance = _mount8[0], element = _mount8[1];
-            btns = element.querySelectorAll('.k-btn');
-            _context11.next = 6;
-            return test(1);
-
-          case 6:
-          case "end":
-            return _context11.stop();
-        }
+      while (1) switch (_context11.prev = _context11.next) {
+        case 0:
+          _test = function _test3() {
+            _test = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(index) {
+              var _context9;
+              var _ref8, prev, next, model;
+              return _regeneratorRuntime.wrap(function _callee7$(_context10) {
+                while (1) switch (_context10.prev = _context10.next) {
+                  case 0:
+                    _ref8 = index === 1 ? btns : _sliceInstanceProperty(_context9 = _Array$from(btns)).call(_context9, 2), prev = _ref8[0], next = _ref8[1];
+                    model = "value" + index;
+                    prev.click();
+                    _context10.next = 5;
+                    return wait();
+                  case 5:
+                    expect(instance.get(model)).to.eql(-1);
+                    instance.set(model, -5);
+                    _context10.next = 9;
+                    return wait();
+                  case 9:
+                    prev.click();
+                    _context10.next = 12;
+                    return wait();
+                  case 12:
+                    expect(instance.get(model)).to.eql(-10);
+                    next.click();
+                    _context10.next = 16;
+                    return wait();
+                  case 16:
+                    expect(instance.get(model)).to.eql(-5);
+                    next.click();
+                    _context10.next = 20;
+                    return wait();
+                  case 20:
+                    expect(instance.get(model)).to.eql(-4);
+                    instance.set(model, 5);
+                    _context10.next = 24;
+                    return wait();
+                  case 24:
+                    next.click();
+                    _context10.next = 27;
+                    return wait();
+                  case 27:
+                    expect(instance.get(model)).to.eql(10);
+                    prev.click();
+                    _context10.next = 31;
+                    return wait();
+                  case 31:
+                    expect(instance.get(model)).to.eql(5);
+                    prev.click();
+                    _context10.next = 35;
+                    return wait();
+                  case 35:
+                    expect(instance.get(model)).to.eql(4);
+                  case 36:
+                  case "end":
+                    return _context10.stop();
+                }
+              }, _callee7);
+            }));
+            return _test.apply(this, arguments);
+          };
+          test = function _test2(_x) {
+            return _test.apply(this, arguments);
+          };
+          _mount8 = mount(DynamicStepDemo), instance = _mount8[0], element = _mount8[1];
+          btns = element.querySelectorAll('.k-btn');
+          _context11.next = 6;
+          return test(1);
+        case 6:
+        case "end":
+          return _context11.stop();
       }
     }, _callee8);
   })));
   it('should set correct value with dynamic step when min is not equal 0', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
     var Demo, _mount9, instance, element, _element$querySelecto5, prev, next;
-
     return _regeneratorRuntime.wrap(function _callee9$(_context13) {
-      while (1) {
-        switch (_context13.prev = _context13.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component3) {
-              _inheritsLoose(Demo, _Component3);
-
-              function Demo() {
-                var _context12;
-
-                var _this3;
-
-                for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-                  args[_key3] = arguments[_key3];
-                }
-
-                _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context12 = [this]).call(_context12, args)) || this;
-                _this3.Spinner = Spinner;
-                return _this3;
+      while (1) switch (_context13.prev = _context13.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component3) {
+            _inheritsLoose(Demo, _Component3);
+            function Demo() {
+              var _context12;
+              var _this3;
+              for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                args[_key3] = arguments[_key3];
               }
-
-              Demo.defaults = function defaults() {
-                return {
-                  value: 100
-                };
+              _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context12 = [this]).call(_context12, args)) || this;
+              _this3.Spinner = Spinner;
+              return _this3;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                value: 100
               };
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "const {Spinner} = this; <Spinner min={30}\n                max={500}\n                step={{100: 10, 500: 50}}\n                v-model=\"value\"\n                forceStep\n            />";
-            _mount9 = mount(Demo), instance = _mount9[0], element = _mount9[1];
-            _element$querySelecto5 = element.querySelectorAll('.k-btn'), prev = _element$querySelecto5[0], next = _element$querySelecto5[1];
-            next.click();
-            _context13.next = 7;
-            return wait();
-
-          case 7:
-            expect(instance.get('value')).to.eql(150);
-            prev.click();
-            _context13.next = 11;
-            return wait();
-
-          case 11:
-            expect(instance.get('value')).to.eql(100);
-            prev.click();
-            _context13.next = 15;
-            return wait();
-
-          case 15:
-            expect(instance.get('value')).to.eql(90);
-
-          case 16:
-          case "end":
-            return _context13.stop();
-        }
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "const {Spinner} = this; <Spinner min={30}\n                max={500}\n                step={{100: 10, 500: 50}}\n                v-model=\"value\"\n                forceStep\n            />";
+          _mount9 = mount(Demo), instance = _mount9[0], element = _mount9[1];
+          _element$querySelecto5 = element.querySelectorAll('.k-btn'), prev = _element$querySelecto5[0], next = _element$querySelecto5[1];
+          next.click();
+          _context13.next = 7;
+          return wait();
+        case 7:
+          expect(instance.get('value')).to.eql(150);
+          prev.click();
+          _context13.next = 11;
+          return wait();
+        case 11:
+          expect(instance.get('value')).to.eql(100);
+          prev.click();
+          _context13.next = 15;
+          return wait();
+        case 15:
+          expect(instance.get('value')).to.eql(90);
+        case 16:
+        case "end":
+          return _context13.stop();
       }
     }, _callee9);
   })));