@hi-ui/hiui 2.15.10 → 2.15.11

package/es/form/__tests__/index.test.js

@@ -1,575 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _index = _interopRequireDefault(require("../index"));
-
-var _input = _interopRequireDefault(require("../../input"));
-
-var _Form2 = _interopRequireDefault(require("../Form"));
-
-var _Item = _interopRequireDefault(require("../Item"));
-
-var _grid = _interopRequireDefault(require("../../grid"));
-
-var _button = _interopRequireDefault(require("../../button"));
-
-var _radio = _interopRequireDefault(require("../../radio"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var Demo = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Demo, _React$Component);
-
-  var _super = _createSuper(Demo);
-
-  function Demo(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Demo);
-    _this = _super.call(this, props);
-    _this.form = /*#__PURE__*/_react["default"].createRef();
-    _this.state = {
-      form: {
-        name: '',
-        region: '',
-        count: ''
-      },
-      checkedIndex: -1,
-      rules: {
-        name: [{
-          required: true,
-          message: /*#__PURE__*/_react["default"].createElement("span", {
-            style: {
-              color: '#ccc'
-            }
-          }, "\u8BF7\u8F93\u5165\u540D\u79F0"),
-          trigger: 'onBlur,onChange'
-        }],
-        region: [{
-          required: true,
-          message: '请选择区域',
-          trigger: 'onChange'
-        }],
-        count: [{
-          required: true,
-          message: '请输入数量',
-          trigger: 'onChange'
-        }, {
-          validator: function validator(rule, value, cb) {
-            var count = parseInt(value);
-
-            if (isNaN(count)) {
-              cb('请输入数字');
-            } else if (count <= 0) {
-              cb('必须是正数');
-            } else {
-              cb();
-            }
-          },
-          trigger: 'onChange'
-        }]
-      }
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Demo, [{
-    key: "handleSubmit",
-    value: function handleSubmit() {
-      var _this2 = this;
-
-      this.form.current.validate(function (valid) {
-        if (valid) {
-          alert('submit');
-        } else {
-          return false;
-        }
-      });
-    }
-  }, {
-    key: "cancelSubmit",
-    value: function cancelSubmit() {
-      this.setState({
-        form: {
-          name: '',
-          region: '',
-          count: ''
-        }
-      });
-      this.form.current.resetValidates();
-    }
-  }, {
-    key: "handleChange",
-    value: function handleChange(key, e, value, index) {
-      this.setState({
-        form: Object.assign({}, this.state.form, (0, _defineProperty2["default"])({}, key, value))
-      });
-
-      if (index !== undefined) {
-        this.setState({
-          checkedIndex: index
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var Row = _grid["default"].Row;
-      var Col = _grid["default"].Col;
-      var _this$state = this.state,
-          form = _this$state.form,
-          checkedIndex = _this$state.checkedIndex;
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        ref: this.form,
-        model: form,
-        rules: this.state.rules,
-        labelWidth: "80"
-      }, /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 12
-      }, /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-        label: "\u540D\u79F0",
-        prop: "name"
-      }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-        value: form.name,
-        placeholder: 'name',
-        onChange: this.handleChange.bind(this, 'name')
-      })), /*#__PURE__*/_react["default"].createElement(_index["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-        type: "primary",
-        onClick: this.handleSubmit.bind(this)
-      }, "\u63D0\u4EA4"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
-        onClick: this.cancelSubmit.bind(this)
-      }, "\u91CD\u7F6E"))))));
-    }
-  }]);
-  return Demo;
-}(_react["default"].Component);
-
-var Demo2 = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(Demo2, _React$Component2);
-
-  var _super2 = _createSuper(Demo2);
-
-  function Demo2(props) {
-    var _this3;
-
-    (0, _classCallCheck2["default"])(this, Demo2);
-    _this3 = _super2.call(this, props);
-    _this3.form = /*#__PURE__*/_react["default"].createRef();
-    _this3.state = {
-      form: {
-        name: '',
-        region: '',
-        count: ''
-      },
-      checkedIndex: -1,
-      rules: {
-        name: [{
-          required: true,
-          message: /*#__PURE__*/_react["default"].createElement("span", {
-            style: {
-              color: '#ccc'
-            }
-          }, "\u8BF7\u8F93\u5165\u540D\u79F0"),
-          trigger: 'onBlur,onChange'
-        }],
-        region: [{
-          required: true,
-          message: '请选择区域',
-          trigger: 'onChange'
-        }],
-        count: [{
-          required: true,
-          message: '请输入数量',
-          trigger: 'onChange'
-        }, {
-          validator: function validator(rule, value, cb) {
-            var count = parseInt(value);
-
-            if (isNaN(count)) {
-              cb('请输入数字');
-            } else if (count <= 0) {
-              cb('必须是正数');
-            } else {
-              cb();
-            }
-          },
-          trigger: 'onChange'
-        }]
-      }
-    };
-    return _this3;
-  }
-
-  (0, _createClass2["default"])(Demo2, [{
-    key: "handleSubmit",
-    value: function handleSubmit() {
-      var _this4 = this;
-
-      this.form.current.validate(function (valid) {
-        if (valid) {
-          alert('submit');
-        } else {
-          return false;
-        }
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var Row = _grid["default"].Row;
-      var Col = _grid["default"].Col;
-      var form = this.state.form;
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        ref: this.form,
-        model: form,
-        rules: this.state.rules,
-        labelWidth: "80"
-      }, /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 12
-      }, /*#__PURE__*/_react["default"].createElement(_index["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-        type: "primary",
-        onClick: this.handleSubmit.bind(this)
-      }, "\u63D0\u4EA4"))))));
-    }
-  }]);
-  return Demo2;
-}(_react["default"].Component);
-
-var Demo3 = /*#__PURE__*/function (_React$Component3) {
-  (0, _inherits2["default"])(Demo3, _React$Component3);
-
-  var _super3 = _createSuper(Demo3);
-
-  function Demo3(props) {
-    var _this5;
-
-    (0, _classCallCheck2["default"])(this, Demo3);
-    _this5 = _super3.call(this, props);
-    _this5.form = /*#__PURE__*/_react["default"].createRef();
-    _this5.state = {
-      form: {
-        name: '',
-        region: '',
-        count: ''
-      },
-      checkedIndex: -1
-    };
-    return _this5;
-  }
-
-  (0, _createClass2["default"])(Demo3, [{
-    key: "handleSubmit",
-    value: function handleSubmit() {
-      var _this6 = this;
-
-      this.form.current.validate(function (valid) {
-        if (valid) {
-          alert('submit');
-        } else {
-          return false;
-        }
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var Row = _grid["default"].Row;
-      var Col = _grid["default"].Col;
-      var form = this.state.form;
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        ref: this.form,
-        model: form,
-        labelWidth: "80"
-      }, /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 12
-      }, /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-        label: "\u540D\u79F0",
-        prop: "name"
-      }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-        value: form.name,
-        placeholder: 'name'
-      })), /*#__PURE__*/_react["default"].createElement(_index["default"].Item, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-        type: "primary",
-        onClick: this.handleSubmit.bind(this)
-      }, "\u63D0\u4EA4"))))));
-    }
-  }]);
-  return Demo3;
-}(_react["default"].Component);
-
-describe('Form', function () {
-  it('should have the correct placement', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-      label: "\u8D26\u53F7",
-      labelWidth: "50"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      placeholder: '账号'
-    })), /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-      label: "\u5BC6\u7801",
-      labelWidth: "50"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      type: "password",
-      placeholder: '密码'
-    }))));
-    expect(wrapper.find('.hi-form--line')).toHaveLength(0);
-    wrapper.setProps({
-      placement: 'vertical'
-    });
-    expect(wrapper.find('.hi-form--line')).toHaveLength(0);
-    wrapper.setProps({
-      placement: 'horizontal'
-    });
-    expect(wrapper.find('.hi-form--inline')).toHaveLength(1);
-    wrapper.unmount();
-  });
-  it('should align the label by labelPlacement', function () {
-    ;
-    ['left', 'right', 'top'].forEach(function (labelPlacement) {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        labelPlacement: labelPlacement
-      }, /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-        label: "\u8D26\u53F7",
-        labelWidth: "50"
-      }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-        placeholder: '账号'
-      })), /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-        label: "\u5BC6\u7801",
-        labelWidth: "50"
-      }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-        type: "password",
-        placeholder: '密码'
-      }))));
-      expect(wrapper.find(".hi-form--label--".concat(labelPlacement))).toHaveLength(1);
-      var wrapperLegacy = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        labelPositon: labelPlacement
-      }, /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-        label: "\u8D26\u53F7",
-        labelWidth: "50"
-      }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-        placeholder: '账号'
-      })), /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-        label: "\u5BC6\u7801",
-        labelWidth: "50"
-      }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-        type: "password",
-        placeholder: '密码'
-      })))); // expect(wrapperLegacy.find(`.hi-form--label--${labelPlacement}`)).toHaveLength(1)
-
-      wrapper.unmount();
-      wrapperLegacy.unmount();
-    });
-  });
-  it('should have the label width', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-      label: "\u8D26\u53F7",
-      labelWidth: "50"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      placeholder: '账号'
-    })), /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-      label: "\u5BC6\u7801",
-      labelWidth: "50"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      type: "password",
-      placeholder: '密码'
-    }))));
-    expect(wrapper.find('label.hi-form-item__label').map(function (label) {
-      return label.prop('style').width;
-    })).toEqual([50, 50]);
-    wrapper.unmount();
-  });
-  it('should show colon', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-      label: "\u8D26\u53F7",
-      labelWidth: "50"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      placeholder: '账号'
-    })), /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-      label: "\u5BC6\u7801",
-      labelWidth: "50"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      type: "password",
-      placeholder: '密码'
-    }))));
-    expect(wrapper.find('label.hi-form-item__label').map(function (label) {
-      return label.text();
-    })).toEqual(['账号：', '密码：']);
-    wrapper.setProps({
-      showColon: false
-    });
-    expect(wrapper.find('label.hi-form-item__label').map(function (label) {
-      return label.text();
-    })).toEqual(['账号', '密码']);
-    wrapper.unmount();
-  });
-  it('should field has colon when field showColon is true and form showColon is false', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      showColon: false
-    }, /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-      label: "\u8D26\u53F7",
-      labelWidth: "50",
-      showColon: true
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      placeholder: '账号'
-    })), /*#__PURE__*/_react["default"].createElement(_index["default"].Item, {
-      label: "\u5BC6\u7801",
-      labelWidth: "50"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      type: "password",
-      placeholder: '密码'
-    }))));
-    expect(wrapper.find('label.hi-form-item__label').map(function (label) {
-      return label.text();
-    })).toEqual(['账号：', '密码']);
-    wrapper.unmount();
-  });
-  it('should validate require field', function () {
-    jest.useFakeTimers();
-    var localeDatas = {
-      form: {
-        colon: '：'
-      }
-    };
-    var blurCb = jest.fn();
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Form2["default"], {
-      rules: {
-        name: {
-          required: true,
-          message: '请输入名称',
-          trigger: 'onChange'
-        }
-      },
-      localeDatas: localeDatas,
-      model: {
-        name: ''
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Item["default"], {
-      label: "\u540D\u79F0",
-      field: "name"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      placeholder: "name",
-      onChange: function onChange(e) {
-        wrapper.setProps({
-          model: {
-            name: e.target.value
-          }
-        });
-      },
-      onBlur: blurCb
-    }))));
-    var cb = jest.fn();
-    wrapper.instance().validate(cb);
-    expect(wrapper.find('.hi-form-item--msg__error').text()).toEqual('请输入名称');
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: 'hiui'
-      }
-    });
-    jest.runAllTimers();
-    wrapper.instance().validate(cb);
-    expect(wrapper.find('.hi-form-item--msg__error').text()).toEqual('');
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: ''
-      }
-    });
-    jest.runAllTimers();
-    wrapper.find('input').simulate('blur');
-    jest.runAllTimers();
-    expect(blurCb).toHaveBeenCalled();
-    expect(wrapper.find('.hi-form-item--msg__error').text()).toEqual('请输入名称');
-    wrapper.unmount();
-    jest.useRealTimers();
-  });
-  it('should validate single field', function () {
-    jest.useFakeTimers();
-    var localeDatas = {
-      form: {
-        colon: '：'
-      }
-    };
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Form2["default"], {
-      rules: {
-        name: {
-          required: true,
-          message: '请输入名称',
-          trigger: 'onChange'
-        }
-      },
-      localeDatas: localeDatas,
-      model: {
-        name: ''
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Item["default"], {
-      label: "\u540D\u79F0",
-      field: "name"
-    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-      placeholder: "name",
-      onChange: function onChange(e) {
-        wrapper.setProps({
-          model: {
-            name: e.target.value
-          }
-        });
-      },
-      onBlur: jest.fn()
-    }))));
-    var cb = jest.fn();
-    wrapper.instance().validateField('name', cb);
-    expect(wrapper.find('.hi-form-item--msg__error').text()).toEqual('请输入名称');
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: 'hiui'
-      }
-    });
-    jest.runAllTimers();
-    wrapper.instance().validate(cb);
-    expect(wrapper.find('.hi-form-item--msg__error').text()).toEqual('');
-    expect(function () {
-      return wrapper.instance().validateField('errorField', cb);
-    }).toThrow();
-    wrapper.unmount();
-    jest.useRealTimers();
-  });
-  it('cancelSubmit resetValidates', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(Demo, null));
-    expect(wrapper.find('.hi-form')).toHaveLength(1);
-    wrapper.find('button').at(0).simulate('click');
-    expect(wrapper.find('.hi-form-item--msg__error').find('span')).toHaveLength(1);
-    wrapper.find('button').at(1).simulate('click');
-    expect(wrapper.find('.hi-form-item--msg__error').find('span')).toHaveLength(0);
-    wrapper.unmount();
-  });
-  it('validate When No item', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(Demo2, null));
-    expect(wrapper.find('.hi-form')).toHaveLength(1);
-    wrapper.find('button').at(0).simulate('click');
-    expect(wrapper.find('.hi-form-item--msg__error').find('span')).toHaveLength(0);
-    wrapper.unmount();
-  });
-  it('validate When No rules', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(Demo3, null));
-    expect(wrapper.find('.hi-form')).toHaveLength(1);
-    wrapper.find('button').at(0).simulate('click');
-    expect(wrapper.find('.hi-form-item--msg__error').find('span')).toHaveLength(0);
-    wrapper.unmount();
-  });
-});

package/es/grid/__tests__/index.test.js

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _sinon = _interopRequireWildcard(require("sinon"));
-
-var _simulant = _interopRequireDefault(require("simulant"));
-
-var _index = _interopRequireDefault(require("../index"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/* eslint-env jest */
-describe('Grid', function () {
-  describe('Row&Col.PropTypes', function () {
-    it('gutter', function () {
-      var Row = _index["default"].Row;
-      var Col = _index["default"].Col;
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(Row, {
-        gutter: true
-      }, /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 12
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 12
-      }, "div")));
-      expect(wrapper.find('.hi-grid__row').hasClass('hi-grid__row--gutter')).toBeTruthy();
-    });
-    it('span', function () {
-      var Row = _index["default"].Row;
-      var Col = _index["default"].Col;
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, null, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 4
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 8
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 12
-      }, "div")));
-      expect(wrapper.find('.hi-grid__col-4')).toHaveLength(1);
-      expect(wrapper.find('.hi-grid__col-8')).toHaveLength(1);
-      expect(wrapper.find('.hi-grid__col-12')).toHaveLength(1);
-    });
-    it('offset', function () {
-      var Row = _index["default"].Row;
-      var Col = _index["default"].Col;
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 3
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 8
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 4,
-        offset: 4
-      }, "div")));
-      expect(wrapper.find('.hi-grid__col-3')).toHaveLength(1);
-      expect(wrapper.find('.hi-grid__col-8')).toHaveLength(1);
-      expect(wrapper.find('.hi-grid__col-4').hasClass('hi-grid__offset-4')).toBeTruthy();
-    });
-    it('justify', function () {
-      var Row = _index["default"].Row;
-      var Col = _index["default"].Col;
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Row, {
-        justify: "center"
-      }, /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 3,
-        justify: "flex-start"
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 8
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 4,
-        offset: 4
-      }, "div")), /*#__PURE__*/_react["default"].createElement(Row, {
-        justify: "space-between"
-      }, /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 3
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 8
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 4,
-        offset: 4
-      }, "div"))));
-      expect(window.getComputedStyle(wrapper.find('.hi-grid__row').first().getDOMNode()).getPropertyValue('justify-content')).toEqual('center');
-      expect(window.getComputedStyle(wrapper.find('.hi-grid__row').at(1).getDOMNode()).getPropertyValue('justify-content')).toEqual('space-between');
-      expect(window.getComputedStyle(wrapper.find('.hi-grid__col-3').at(0).getDOMNode()).getPropertyValue('justify-content')).toEqual('flex-start');
-    });
-  });
-  describe('Br', function () {
-    var Row = _index["default"].Row;
-    var Col = _index["default"].Col;
-    var Br = _index["default"].Br;
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-      span: 3
-    }, "div")), /*#__PURE__*/_react["default"].createElement(Br, null), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-      span: 3
-    }, "div"))));
-    expect(wrapper.containsAnyMatchingElements([/*#__PURE__*/_react["default"].createElement(Br, null)])).toBeTruthy();
-  });
-});