@king-design/vue 2.0.0-beta.0

package/components/form/index.spec.js

@@ -0,0 +1,1322 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import _Array$from2 from "@babel/runtime-corejs3/core-js/array/from";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import BasicDemo from '~/components/form/demos/basic';
+import CustomDemo from '~/components/form/demos/custom';
+import VariableDemo from '~/components/form/demos/variable';
+import RemoteDemo from '~/components/form/demos/remote';
+import { mount, unmount, dispatchEvent, wait } from '../../test/utils';
+import { Component } from 'intact-vue-next';
+import { Form, FormItem } from './';
+import { Input } from '../input';
+
+RemoteDemo.prototype.validateUserName = function (value) {
+  // mock api
+  return new _Promise(function (resolve, reject) {
+    setTimeout(function () {
+      if (value === 'a') {
+        reject({
+          message: "\u7528\u6237\u540D " + value + " \u5DF2\u88AB\u5360\u7528"
+        });
+      } else {
+        resolve(true);
+      }
+    });
+  });
+};
+
+describe('Form', function () {
+  afterEach(function () {
+    return unmount();
+  });
+  it('validate', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _mount, instance, element, form, item, input;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+            form = instance.refs.form;
+            _context.next = 4;
+            return instance.handleSubmit();
+
+          case 4:
+            expect(element.innerHTML).to.matchSnapshot();
+            item = form.getFirstInvalidFormItem();
+            expect(item.get('label')).to.eql('Input');
+            instance.reset();
+            _context.next = 10;
+            return wait();
+
+          case 10:
+            expect(instance.get('model')).to.matchSnapshot(); // validate on focusout
+
+            input = element.querySelector('input');
+            dispatchEvent(input, 'focus');
+            _context.next = 15;
+            return wait();
+
+          case 15:
+            expect(element.innerHTML).to.matchSnapshot();
+            dispatchEvent(input, 'focusout');
+            _context.next = 19;
+            return wait();
+
+          case 19:
+            expect(element.innerHTML).to.matchSnapshot();
+
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('custom rules', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _mount2, instance, element, _Array$from, input, input1;
+
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _mount2 = mount(CustomDemo), instance = _mount2[0], element = _mount2[1];
+            _Array$from = _Array$from2(element.querySelectorAll('input')), input = _Array$from[0], input1 = _Array$from[1];
+            instance.set('descriptions.0', '1');
+            dispatchEvent(input, 'focusout');
+            _context2.next = 6;
+            return wait(300);
+
+          case 6:
+            expect(element.innerHTML).to.matchSnapshot();
+            instance.set('descriptions.0', 'a');
+            expect(element.innerHTML).to.matchSnapshot();
+            instance.set('descriptions.1', 'a');
+            dispatchEvent(input1, 'focusout');
+            _context2.next = 13;
+            return wait(300);
+
+          case 13:
+            expect(element.innerHTML).to.matchSnapshot();
+            instance.set('descriptions.1', 'b');
+            expect(element.innerHTML).to.matchSnapshot();
+
+          case 16:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
+  it('validate when rules have changed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _mount3, instance, element, form, res;
+
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _mount3 = mount(VariableDemo), instance = _mount3[0], element = _mount3[1];
+            form = instance.refs.form;
+            _context3.next = 4;
+            return form.validate();
+
+          case 4:
+            res = _context3.sent;
+            expect(res).to.be.true;
+            instance.set('firstName', 'a');
+            _context3.next = 9;
+            return wait(0);
+
+          case 9:
+            expect(element.innerHTML).to.matchSnapshot();
+            instance.set('lastName', 'b');
+            _context3.next = 13;
+            return wait(0);
+
+          case 13:
+            expect(element.innerHTML).to.matchSnapshot();
+
+          case 14:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  })));
+  it('validate asynchronously', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var _mount4, i, element, form, res;
+
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            this.timeout(0);
+            _mount4 = mount(RemoteDemo), i = _mount4[0], element = _mount4[1];
+            form = i.refs.form;
+            i.set('userName', 'a');
+            _context4.next = 6;
+            return wait();
+
+          case 6:
+            _context4.next = 8;
+            return form.validate();
+
+          case 8:
+            res = _context4.sent;
+            expect(res).to.be.false;
+            _context4.next = 12;
+            return wait(300);
+
+          case 12:
+            expect(element.innerHTML).to.matchSnapshot();
+            i.set('userName', 'b');
+            _context4.next = 16;
+            return wait();
+
+          case 16:
+            _context4.next = 18;
+            return form.validate();
+
+          case 18:
+            res = _context4.sent;
+            expect(res).to.be.true;
+            _context4.next = 22;
+            return wait(300);
+
+          case 22:
+            expect(element.innerHTML).to.matchSnapshot();
+
+          case 23:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4, this);
+  })));
+  it('should trigger submit event if form is valid', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    var _mount5, i, element, form, cb;
+
+    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            _mount5 = mount(RemoteDemo), i = _mount5[0], element = _mount5[1];
+            form = i.refs.form;
+            cb = sinon.spy();
+            form.on('submit', cb);
+            i.set('userName', 'a');
+            dispatchEvent(element, 'submit');
+            _context5.next = 8;
+            return wait(0);
+
+          case 8:
+            expect(cb.callCount).to.eql(0);
+            i.set('userName', 'b');
+            _context5.next = 12;
+            return wait();
+
+          case 12:
+            dispatchEvent(element, 'submit');
+            _context5.next = 15;
+            return wait(0);
+
+          case 15:
+            expect(cb.callCount).to.eql(1);
+
+          case 16:
+          case "end":
+            return _context5.stop();
+        }
+      }
+    }, _callee5);
+  })));
+  it('methods', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+    var Demo, _mount6, i, el, form;
+
+    return _regeneratorRuntime.wrap(function _callee6$(_context7) {
+      while (1) {
+        switch (_context7.prev = _context7.next) {
+          case 0:
+            this.timeout(0);
+
+            Demo = /*#__PURE__*/function (_Component) {
+              _inheritsLoose(Demo, _Component);
+
+              function Demo() {
+                var _context6;
+
+                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(_context6 = [this]).call(_context6, args)) || this;
+                _this.Form = Form;
+                _this.FormItem = FormItem;
+                return _this;
+              }
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const Form = this.Form;\n                const FormItem = this.FormItem;\n                <Form ref=\"form\">\n                    <FormItem value={this.get('value')} rules={this.get('rules')} />\n                    <FormItem value={this.get('value1')} rules={this.get('rules1')} />\n                </Form>\n            ";
+            _mount6 = mount(Demo), i = _mount6[0], el = _mount6[1];
+            form = i.refs.form;
+            _context7.next = 7;
+            return form.validate();
+
+          case 7:
+            // required
+            i.set({
+              rules: {
+                required: true
+              },
+              value: ''
+            });
+            i.set('value', '  ');
+            _context7.next = 11;
+            return wait();
+
+          case 11:
+            _context7.t0 = expect;
+            _context7.next = 14;
+            return form.validate();
+
+          case 14:
+            _context7.t1 = _context7.sent;
+            (0, _context7.t0)(_context7.t1).to.be.false;
+            i.set('value', ' 1 ');
+            _context7.next = 19;
+            return wait();
+
+          case 19:
+            _context7.t2 = expect;
+            _context7.next = 22;
+            return form.validate();
+
+          case 22:
+            _context7.t3 = _context7.sent;
+            (0, _context7.t2)(_context7.t3).to.be.true;
+            i.set('value', []);
+            _context7.next = 27;
+            return wait();
+
+          case 27:
+            _context7.t4 = expect;
+            _context7.next = 30;
+            return form.validate();
+
+          case 30:
+            _context7.t5 = _context7.sent;
+            (0, _context7.t4)(_context7.t5).to.be.false;
+            i.set('value', ['']);
+            _context7.next = 35;
+            return wait();
+
+          case 35:
+            _context7.t6 = expect;
+            _context7.next = 38;
+            return form.validate();
+
+          case 38:
+            _context7.t7 = _context7.sent;
+            (0, _context7.t6)(_context7.t7).to.be.true;
+            // digits
+            i.set({
+              rules: {
+                digits: true
+              },
+              value: ''
+            });
+            i.set('value', 'a');
+            _context7.next = 44;
+            return wait();
+
+          case 44:
+            _context7.t8 = expect;
+            _context7.next = 47;
+            return form.validate();
+
+          case 47:
+            _context7.t9 = _context7.sent;
+            (0, _context7.t8)(_context7.t9).to.be.false;
+            i.set('value', '1');
+            _context7.next = 52;
+            return wait();
+
+          case 52:
+            _context7.t10 = expect;
+            _context7.next = 55;
+            return form.validate();
+
+          case 55:
+            _context7.t11 = _context7.sent;
+            (0, _context7.t10)(_context7.t11).to.be.true;
+            i.set('value', '1.1');
+            _context7.next = 60;
+            return wait();
+
+          case 60:
+            _context7.t12 = expect;
+            _context7.next = 63;
+            return form.validate();
+
+          case 63:
+            _context7.t13 = _context7.sent;
+            (0, _context7.t12)(_context7.t13).to.be.false;
+            // email
+            i.set({
+              rules: {
+                email: true
+              },
+              value: ''
+            });
+            i.set('value', 'a@b');
+            _context7.next = 69;
+            return wait();
+
+          case 69:
+            _context7.t14 = expect;
+            _context7.next = 72;
+            return form.validate();
+
+          case 72:
+            _context7.t15 = _context7.sent;
+            (0, _context7.t14)(_context7.t15).to.be.true;
+            i.set('value', 'a@b.c');
+            _context7.next = 77;
+            return wait();
+
+          case 77:
+            _context7.t16 = expect;
+            _context7.next = 80;
+            return form.validate();
+
+          case 80:
+            _context7.t17 = _context7.sent;
+            (0, _context7.t16)(_context7.t17).to.be.true;
+            i.set('value', 'a@');
+            _context7.next = 85;
+            return wait();
+
+          case 85:
+            _context7.t18 = expect;
+            _context7.next = 88;
+            return form.validate();
+
+          case 88:
+            _context7.t19 = _context7.sent;
+            (0, _context7.t18)(_context7.t19).to.be.false;
+            // url
+            i.set({
+              rules: {
+                url: true
+              },
+              value: ''
+            });
+            i.set('value', 'http://www.a.com');
+            _context7.next = 94;
+            return wait();
+
+          case 94:
+            _context7.t20 = expect;
+            _context7.next = 97;
+            return form.validate();
+
+          case 97:
+            _context7.t21 = _context7.sent;
+            (0, _context7.t20)(_context7.t21).to.be.true;
+            i.set('value', 'https://a.com');
+            _context7.next = 102;
+            return wait();
+
+          case 102:
+            _context7.t22 = expect;
+            _context7.next = 105;
+            return form.validate();
+
+          case 105:
+            _context7.t23 = _context7.sent;
+            (0, _context7.t22)(_context7.t23).to.be.true;
+            i.set('value', 'ftp://a.com');
+            _context7.next = 110;
+            return wait();
+
+          case 110:
+            _context7.t24 = expect;
+            _context7.next = 113;
+            return form.validate();
+
+          case 113:
+            _context7.t25 = _context7.sent;
+            (0, _context7.t24)(_context7.t25).to.be.true;
+            i.set('value', 'http://www.a.com/a?b=c');
+            _context7.next = 118;
+            return wait();
+
+          case 118:
+            _context7.t26 = expect;
+            _context7.next = 121;
+            return form.validate();
+
+          case 121:
+            _context7.t27 = _context7.sent;
+            (0, _context7.t26)(_context7.t27).to.be.true;
+            i.set('value', 'a.com');
+            _context7.next = 126;
+            return wait();
+
+          case 126:
+            _context7.t28 = expect;
+            _context7.next = 129;
+            return form.validate();
+
+          case 129:
+            _context7.t29 = _context7.sent;
+            (0, _context7.t28)(_context7.t29).to.be.false;
+            i.set('value', 'a');
+            _context7.next = 134;
+            return wait();
+
+          case 134:
+            _context7.t30 = expect;
+            _context7.next = 137;
+            return form.validate();
+
+          case 137:
+            _context7.t31 = _context7.sent;
+            (0, _context7.t30)(_context7.t31).to.be.false;
+            // date
+            i.set({
+              rules: {
+                date: true
+              },
+              value: ''
+            });
+            i.set('value', '2018-01-01');
+            _context7.next = 143;
+            return wait();
+
+          case 143:
+            _context7.t32 = expect;
+            _context7.next = 146;
+            return form.validate();
+
+          case 146:
+            _context7.t33 = _context7.sent;
+            (0, _context7.t32)(_context7.t33).to.be.true;
+            i.set('value', '2018/01/01');
+            _context7.next = 151;
+            return wait();
+
+          case 151:
+            _context7.t34 = expect;
+            _context7.next = 154;
+            return form.validate();
+
+          case 154:
+            _context7.t35 = _context7.sent;
+            (0, _context7.t34)(_context7.t35).to.be.true;
+            i.set('value', '2018/01/01 01:01:01');
+            _context7.next = 159;
+            return wait();
+
+          case 159:
+            _context7.t36 = expect;
+            _context7.next = 162;
+            return form.validate();
+
+          case 162:
+            _context7.t37 = _context7.sent;
+            (0, _context7.t36)(_context7.t37).to.be.true;
+            i.set('value', '20180101');
+            _context7.next = 167;
+            return wait();
+
+          case 167:
+            _context7.t38 = expect;
+            _context7.next = 170;
+            return form.validate();
+
+          case 170:
+            _context7.t39 = _context7.sent;
+            (0, _context7.t38)(_context7.t39).to.be.false;
+            // dateISO
+            i.set({
+              rules: {
+                dateISO: true
+              },
+              value: ''
+            });
+            i.set('value', '20180101');
+            _context7.next = 176;
+            return wait();
+
+          case 176:
+            _context7.t40 = expect;
+            _context7.next = 179;
+            return form.validate();
+
+          case 179:
+            _context7.t41 = _context7.sent;
+            (0, _context7.t40)(_context7.t41).to.be.false;
+            i.set('value', '2018/01/01');
+            _context7.next = 184;
+            return wait();
+
+          case 184:
+            _context7.t42 = expect;
+            _context7.next = 187;
+            return form.validate();
+
+          case 187:
+            _context7.t43 = _context7.sent;
+            (0, _context7.t42)(_context7.t43).to.be.true;
+            i.set('value', '2018-01-01');
+            _context7.next = 192;
+            return wait();
+
+          case 192:
+            _context7.t44 = expect;
+            _context7.next = 195;
+            return form.validate();
+
+          case 195:
+            _context7.t45 = _context7.sent;
+            (0, _context7.t44)(_context7.t45).to.be.true;
+            // number
+            i.set({
+              rules: {
+                number: true
+              },
+              value: ''
+            });
+            i.set('value', '1');
+            _context7.next = 201;
+            return wait();
+
+          case 201:
+            _context7.t46 = expect;
+            _context7.next = 204;
+            return form.validate();
+
+          case 204:
+            _context7.t47 = _context7.sent;
+            (0, _context7.t46)(_context7.t47).to.be.true;
+            i.set('value', '1.1');
+            _context7.next = 209;
+            return wait();
+
+          case 209:
+            _context7.t48 = expect;
+            _context7.next = 212;
+            return form.validate();
+
+          case 212:
+            _context7.t49 = _context7.sent;
+            (0, _context7.t48)(_context7.t49).to.be.true;
+            i.set('value', '-1.1');
+            _context7.next = 217;
+            return wait();
+
+          case 217:
+            _context7.t50 = expect;
+            _context7.next = 220;
+            return form.validate();
+
+          case 220:
+            _context7.t51 = _context7.sent;
+            (0, _context7.t50)(_context7.t51).to.be.true;
+            i.set('value', '-1');
+            _context7.next = 225;
+            return wait();
+
+          case 225:
+            _context7.t52 = expect;
+            _context7.next = 228;
+            return form.validate();
+
+          case 228:
+            _context7.t53 = _context7.sent;
+            (0, _context7.t52)(_context7.t53).to.be.true;
+            i.set('value', '1a');
+            _context7.next = 233;
+            return wait();
+
+          case 233:
+            _context7.t54 = expect;
+            _context7.next = 236;
+            return form.validate();
+
+          case 236:
+            _context7.t55 = _context7.sent;
+            (0, _context7.t54)(_context7.t55).to.be.false;
+            // minLength
+            i.set({
+              rules: {
+                minLength: 2
+              },
+              value: ''
+            });
+            i.set('value', 'a');
+            _context7.next = 242;
+            return wait();
+
+          case 242:
+            _context7.t56 = expect;
+            _context7.next = 245;
+            return form.validate();
+
+          case 245:
+            _context7.t57 = _context7.sent;
+            (0, _context7.t56)(_context7.t57).to.be.false;
+            i.set('value', 'aa');
+            _context7.next = 250;
+            return wait();
+
+          case 250:
+            _context7.t58 = expect;
+            _context7.next = 253;
+            return form.validate();
+
+          case 253:
+            _context7.t59 = _context7.sent;
+            (0, _context7.t58)(_context7.t59).to.be.true;
+            i.set('value', 'aaa');
+            _context7.next = 258;
+            return wait();
+
+          case 258:
+            _context7.t60 = expect;
+            _context7.next = 261;
+            return form.validate();
+
+          case 261:
+            _context7.t61 = _context7.sent;
+            (0, _context7.t60)(_context7.t61).to.be.true;
+            i.set('value', ['a']);
+            _context7.next = 266;
+            return wait();
+
+          case 266:
+            _context7.t62 = expect;
+            _context7.next = 269;
+            return form.validate();
+
+          case 269:
+            _context7.t63 = _context7.sent;
+            (0, _context7.t62)(_context7.t63).to.be.false;
+            i.set('value', ['a', 'a']);
+            _context7.next = 274;
+            return wait();
+
+          case 274:
+            _context7.t64 = expect;
+            _context7.next = 277;
+            return form.validate();
+
+          case 277:
+            _context7.t65 = _context7.sent;
+            (0, _context7.t64)(_context7.t65).to.be.true;
+            i.set('value', ['a', 'a', 'a']);
+            _context7.next = 282;
+            return wait();
+
+          case 282:
+            _context7.t66 = expect;
+            _context7.next = 285;
+            return form.validate();
+
+          case 285:
+            _context7.t67 = _context7.sent;
+            (0, _context7.t66)(_context7.t67).to.be.true;
+            i.set('value', 1);
+            _context7.next = 290;
+            return wait();
+
+          case 290:
+            _context7.t68 = expect;
+            _context7.next = 293;
+            return form.validate();
+
+          case 293:
+            _context7.t69 = _context7.sent;
+            (0, _context7.t68)(_context7.t69).to.be.false;
+            i.set('value', 11);
+            _context7.next = 298;
+            return wait();
+
+          case 298:
+            _context7.t70 = expect;
+            _context7.next = 301;
+            return form.validate();
+
+          case 301:
+            _context7.t71 = _context7.sent;
+            (0, _context7.t70)(_context7.t71).to.be.true;
+            // maxLength
+            i.set({
+              rules: {
+                maxLength: 2
+              },
+              value: ''
+            });
+            i.set('value', 'a');
+            _context7.next = 307;
+            return wait();
+
+          case 307:
+            _context7.t72 = expect;
+            _context7.next = 310;
+            return form.validate();
+
+          case 310:
+            _context7.t73 = _context7.sent;
+            (0, _context7.t72)(_context7.t73).to.be.true;
+            i.set('value', 'aa');
+            _context7.next = 315;
+            return wait();
+
+          case 315:
+            _context7.t74 = expect;
+            _context7.next = 318;
+            return form.validate();
+
+          case 318:
+            _context7.t75 = _context7.sent;
+            (0, _context7.t74)(_context7.t75).to.be.true;
+            i.set('value', 'aaa');
+            _context7.next = 323;
+            return wait();
+
+          case 323:
+            _context7.t76 = expect;
+            _context7.next = 326;
+            return form.validate();
+
+          case 326:
+            _context7.t77 = _context7.sent;
+            (0, _context7.t76)(_context7.t77).to.be.false;
+            i.set('value', ['a']);
+            _context7.next = 331;
+            return wait();
+
+          case 331:
+            _context7.t78 = expect;
+            _context7.next = 334;
+            return form.validate();
+
+          case 334:
+            _context7.t79 = _context7.sent;
+            (0, _context7.t78)(_context7.t79).to.be.true;
+            i.set('value', ['a', 'a']);
+            _context7.next = 339;
+            return wait();
+
+          case 339:
+            _context7.t80 = expect;
+            _context7.next = 342;
+            return form.validate();
+
+          case 342:
+            _context7.t81 = _context7.sent;
+            (0, _context7.t80)(_context7.t81).to.be.true;
+            i.set('value', ['a', 'a', 'a']);
+            _context7.next = 347;
+            return wait();
+
+          case 347:
+            _context7.t82 = expect;
+            _context7.next = 350;
+            return form.validate();
+
+          case 350:
+            _context7.t83 = _context7.sent;
+            (0, _context7.t82)(_context7.t83).to.be.false;
+            i.set('value', 1);
+            _context7.next = 355;
+            return wait();
+
+          case 355:
+            _context7.t84 = expect;
+            _context7.next = 358;
+            return form.validate();
+
+          case 358:
+            _context7.t85 = _context7.sent;
+            (0, _context7.t84)(_context7.t85).to.be.true;
+            i.set('value', 111);
+            _context7.next = 363;
+            return wait();
+
+          case 363:
+            _context7.t86 = expect;
+            _context7.next = 366;
+            return form.validate();
+
+          case 366:
+            _context7.t87 = _context7.sent;
+            (0, _context7.t86)(_context7.t87).to.be.false;
+            // rangeLength
+            i.set({
+              rules: {
+                rangeLength: [1, '2']
+              },
+              value: ''
+            });
+            i.set('value', 'a');
+            _context7.next = 372;
+            return wait();
+
+          case 372:
+            _context7.t88 = expect;
+            _context7.next = 375;
+            return form.validate();
+
+          case 375:
+            _context7.t89 = _context7.sent;
+            (0, _context7.t88)(_context7.t89).to.be.true;
+            i.set('value', 'aa');
+            _context7.next = 380;
+            return wait();
+
+          case 380:
+            _context7.t90 = expect;
+            _context7.next = 383;
+            return form.validate();
+
+          case 383:
+            _context7.t91 = _context7.sent;
+            (0, _context7.t90)(_context7.t91).to.be.true;
+            i.set('value', 'aaa');
+            _context7.next = 388;
+            return wait();
+
+          case 388:
+            _context7.t92 = expect;
+            _context7.next = 391;
+            return form.validate();
+
+          case 391:
+            _context7.t93 = _context7.sent;
+            (0, _context7.t92)(_context7.t93).to.be.false;
+            i.set('value', ['a']);
+            _context7.next = 396;
+            return wait();
+
+          case 396:
+            _context7.t94 = expect;
+            _context7.next = 399;
+            return form.validate();
+
+          case 399:
+            _context7.t95 = _context7.sent;
+            (0, _context7.t94)(_context7.t95).to.be.true;
+            i.set('value', ['a', 'a']);
+            _context7.next = 404;
+            return wait();
+
+          case 404:
+            _context7.t96 = expect;
+            _context7.next = 407;
+            return form.validate();
+
+          case 407:
+            _context7.t97 = _context7.sent;
+            (0, _context7.t96)(_context7.t97).to.be.true;
+            i.set('value', ['a', 'a', 'a']);
+            _context7.next = 412;
+            return wait();
+
+          case 412:
+            _context7.t98 = expect;
+            _context7.next = 415;
+            return form.validate();
+
+          case 415:
+            _context7.t99 = _context7.sent;
+            (0, _context7.t98)(_context7.t99).to.be.false;
+            i.set('value', 1);
+            _context7.next = 420;
+            return wait();
+
+          case 420:
+            _context7.t100 = expect;
+            _context7.next = 423;
+            return form.validate();
+
+          case 423:
+            _context7.t101 = _context7.sent;
+            (0, _context7.t100)(_context7.t101).to.be.true;
+            i.set('value', 11);
+            _context7.next = 428;
+            return wait();
+
+          case 428:
+            _context7.t102 = expect;
+            _context7.next = 431;
+            return form.validate();
+
+          case 431:
+            _context7.t103 = _context7.sent;
+            (0, _context7.t102)(_context7.t103).to.be.true;
+            i.set('value', 111);
+            _context7.next = 436;
+            return wait();
+
+          case 436:
+            _context7.t104 = expect;
+            _context7.next = 439;
+            return form.validate();
+
+          case 439:
+            _context7.t105 = _context7.sent;
+            (0, _context7.t104)(_context7.t105).to.be.false;
+            // min
+            i.set({
+              rules: {
+                min: 0
+              },
+              value: ''
+            });
+            i.set('value', -1);
+            _context7.next = 445;
+            return wait();
+
+          case 445:
+            _context7.t106 = expect;
+            _context7.next = 448;
+            return form.validate();
+
+          case 448:
+            _context7.t107 = _context7.sent;
+            (0, _context7.t106)(_context7.t107).to.be.false;
+            i.set('value', 0);
+            _context7.next = 453;
+            return wait();
+
+          case 453:
+            _context7.t108 = expect;
+            _context7.next = 456;
+            return form.validate();
+
+          case 456:
+            _context7.t109 = _context7.sent;
+            (0, _context7.t108)(_context7.t109).to.be.true;
+            i.set('value', 1);
+            _context7.next = 461;
+            return wait();
+
+          case 461:
+            _context7.t110 = expect;
+            _context7.next = 464;
+            return form.validate();
+
+          case 464:
+            _context7.t111 = _context7.sent;
+            (0, _context7.t110)(_context7.t111).to.be.true;
+            // max
+            i.set({
+              rules: {
+                max: 0
+              },
+              value: ''
+            });
+            i.set('value', -1);
+            _context7.next = 470;
+            return wait();
+
+          case 470:
+            _context7.t112 = expect;
+            _context7.next = 473;
+            return form.validate();
+
+          case 473:
+            _context7.t113 = _context7.sent;
+            (0, _context7.t112)(_context7.t113).to.be.true;
+            i.set('value', 0);
+            _context7.next = 478;
+            return wait();
+
+          case 478:
+            _context7.t114 = expect;
+            _context7.next = 481;
+            return form.validate();
+
+          case 481:
+            _context7.t115 = _context7.sent;
+            (0, _context7.t114)(_context7.t115).to.be.true;
+            i.set('value', 1);
+            _context7.next = 486;
+            return wait();
+
+          case 486:
+            _context7.t116 = expect;
+            _context7.next = 489;
+            return form.validate();
+
+          case 489:
+            _context7.t117 = _context7.sent;
+            (0, _context7.t116)(_context7.t117).to.be.false;
+            // range
+            i.set({
+              rules: {
+                range: [-1, 0]
+              },
+              value: ''
+            });
+            i.set('value', -2);
+            _context7.next = 495;
+            return wait();
+
+          case 495:
+            _context7.t118 = expect;
+            _context7.next = 498;
+            return form.validate();
+
+          case 498:
+            _context7.t119 = _context7.sent;
+            (0, _context7.t118)(_context7.t119).to.be.false;
+            i.set('value', -1);
+            _context7.next = 503;
+            return wait();
+
+          case 503:
+            _context7.t120 = expect;
+            _context7.next = 506;
+            return form.validate();
+
+          case 506:
+            _context7.t121 = _context7.sent;
+            (0, _context7.t120)(_context7.t121).to.be.true;
+            i.set('value', 0);
+            _context7.next = 511;
+            return wait();
+
+          case 511:
+            _context7.t122 = expect;
+            _context7.next = 514;
+            return form.validate();
+
+          case 514:
+            _context7.t123 = _context7.sent;
+            (0, _context7.t122)(_context7.t123).to.be.true;
+            i.set('value', 1);
+            _context7.next = 519;
+            return wait();
+
+          case 519:
+            _context7.t124 = expect;
+            _context7.next = 522;
+            return form.validate();
+
+          case 522:
+            _context7.t125 = _context7.sent;
+            (0, _context7.t124)(_context7.t125).to.be.false;
+            // step
+            i.set({
+              rules: {
+                step: 0.3
+              },
+              value: ''
+            });
+            i.set('value', 'a.a');
+            _context7.next = 528;
+            return wait();
+
+          case 528:
+            _context7.t126 = expect;
+            _context7.next = 531;
+            return form.validate();
+
+          case 531:
+            _context7.t127 = _context7.sent;
+            (0, _context7.t126)(_context7.t127).to.be.false;
+            i.set('value', 0);
+            _context7.next = 536;
+            return wait();
+
+          case 536:
+            _context7.t128 = expect;
+            _context7.next = 539;
+            return form.validate();
+
+          case 539:
+            _context7.t129 = _context7.sent;
+            (0, _context7.t128)(_context7.t129).to.be.true;
+            i.set('value', 0.1);
+            _context7.next = 544;
+            return wait();
+
+          case 544:
+            _context7.t130 = expect;
+            _context7.next = 547;
+            return form.validate();
+
+          case 547:
+            _context7.t131 = _context7.sent;
+            (0, _context7.t130)(_context7.t131).to.be.false;
+            i.set('value', 0.3);
+            _context7.next = 552;
+            return wait();
+
+          case 552:
+            _context7.t132 = expect;
+            _context7.next = 555;
+            return form.validate();
+
+          case 555:
+            _context7.t133 = _context7.sent;
+            (0, _context7.t132)(_context7.t133).to.be.true;
+            i.set('value', 0.6);
+            _context7.next = 560;
+            return wait();
+
+          case 560:
+            _context7.t134 = expect;
+            _context7.next = 563;
+            return form.validate();
+
+          case 563:
+            _context7.t135 = _context7.sent;
+            (0, _context7.t134)(_context7.t135).to.be.true;
+            i.set('value', -0.6);
+            _context7.next = 568;
+            return wait();
+
+          case 568:
+            _context7.t136 = expect;
+            _context7.next = 571;
+            return form.validate();
+
+          case 571:
+            _context7.t137 = _context7.sent;
+            (0, _context7.t136)(_context7.t137).to.be.true;
+            // equal
+            i.set({
+              rules: {
+                equal: 1
+              },
+              rules1: {
+                equal: 1
+              },
+              value: '1',
+              value1: '1'
+            });
+            i.set('value', 1);
+            _context7.next = 577;
+            return wait();
+
+          case 577:
+            _context7.t138 = expect;
+            _context7.next = 580;
+            return form.validate();
+
+          case 580:
+            _context7.t139 = _context7.sent;
+            (0, _context7.t138)(_context7.t139).to.be.false;
+            i.set('value1', 1);
+            _context7.next = 585;
+            return wait();
+
+          case 585:
+            _context7.t140 = expect;
+            _context7.next = 588;
+            return form.validate();
+
+          case 588:
+            _context7.t141 = _context7.sent;
+            (0, _context7.t140)(_context7.t141).to.be.true;
+
+          case 590:
+          case "end":
+            return _context7.stop();
+        }
+      }
+    }, _callee6, this);
+  })));
+  it('should show icon when text shows ellipsis', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+    var Demo, _mount7, instance, _instance$refs, form, formItem, classList;
+
+    return _regeneratorRuntime.wrap(function _callee7$(_context9) {
+      while (1) {
+        switch (_context9.prev = _context9.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component2) {
+              _inheritsLoose(Demo, _Component2);
+
+              function Demo() {
+                var _context8;
+
+                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(_context8 = [this]).call(_context8, args)) || this;
+                _this2.Form = Form;
+                _this2.FormItem = FormItem;
+                _this2.Input = Input;
+                return _this2;
+              }
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const {Form, FormItem, Input} = this;\n                <Form ref=\"form\">\n                    <FormItem value={this.get('value')}\n                        rules={{\n                            required: true,\n                            digits: true,\n                        }}\n                        messages={{\n                            required: 'It is a very very very very very very very very very very very very very very very very very very long text.',\n                        }}\n                        ref=\"formItem\"\n                    >\n                        <Input v-model=\"value\" />\n                    </FormItem>\n                </Form>\n            ";
+            _mount7 = mount(Demo), instance = _mount7[0];
+            _instance$refs = instance.refs, form = _instance$refs.form, formItem = _instance$refs.formItem;
+            _context9.next = 6;
+            return form.validate();
+
+          case 6:
+            _context9.next = 8;
+            return wait();
+
+          case 8:
+            classList = formItem.error.errorRef.value.parentElement.classList;
+            expect(classList.contains('k-ellipsis')).to.be.true;
+            instance.set('value', 'a');
+            _context9.next = 13;
+            return wait();
+
+          case 13:
+            _context9.next = 15;
+            return form.validate();
+
+          case 15:
+            _context9.next = 17;
+            return wait();
+
+          case 17:
+            expect(classList.contains('k-ellipsis')).to.be.false;
+            instance.set('value', '');
+            _context9.next = 21;
+            return wait();
+
+          case 21:
+            _context9.next = 23;
+            return form.validate();
+
+          case 23:
+            _context9.next = 25;
+            return wait();
+
+          case 25:
+            expect(classList.contains('k-ellipsis')).to.be.true;
+
+          case 26:
+          case "end":
+            return _context9.stop();
+        }
+      }
+    }, _callee7);
+  })));
+});
+
+export {normalize} from 'intact-vue-next';