@hi-ui/hiui 2.15.10 → 2.15.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -0
- package/es/_util/SwitchVersion.js +5 -9
- package/es/_util/depreactedPropsCompat.js +2 -2
- package/es/_util/index.js +0 -1
- package/es/alert/Alert.js +15 -23
- package/es/alert/__tests__/index.test.js +11 -15
- package/es/badge/Badge.js +11 -19
- package/es/badge/__tests__/index.test.js +8 -8
- package/es/breadcrumb/__tests__/index.test.js +4 -4
- package/es/breadcrumb/index.js +13 -21
- package/es/button/Button.js +16 -22
- package/es/button/ButtonGroup.js +9 -17
- package/es/button/IconLoading.js +4 -4
- package/es/button/__tests__/index.test.js +48 -46
- package/es/card/__tests__/index.test.js +54 -44
- package/es/card/index.js +17 -25
- package/es/carousel/__tests__/index.test.js +10 -10
- package/es/carousel/index.js +22 -30
- package/es/cascader/Cascader.js +22 -30
- package/es/cascader/Menu.js +17 -23
- package/es/cascader/__tests__/index.test.js +42 -39
- package/es/checkbox/Checkbox.js +14 -22
- package/es/checkbox/Group.js +13 -21
- package/es/checkbox/__tests__/index.test.js +18 -18
- package/es/checkbox/checkbox-legacy/Base.js +13 -21
- package/es/checkbox/checkbox-legacy/CheckBox.js +12 -20
- package/es/collapse/__tests__/index.test.js +19 -19
- package/es/collapse/index.js +20 -28
- package/es/confirm/index.js +11 -19
- package/es/context/index.js +16 -24
- package/es/counter/Counter.js +23 -27
- package/es/counter/__tests__/index.test.js +7 -7
- package/es/counter/counter-legacy/index.js +11 -15
- package/es/date-picker/BasePicker.js +17 -25
- package/es/date-picker/Calender.js +28 -36
- package/es/date-picker/DatePanel.js +29 -37
- package/es/date-picker/DatePicker.js +17 -21
- package/es/date-picker/DateRangePanel.js +39 -47
- package/es/date-picker/Modal.js +7 -11
- package/es/date-picker/Time.js +16 -24
- package/es/date-picker/TimeList.js +18 -26
- package/es/date-picker/TimePanel.js +10 -18
- package/es/date-picker/TimePeriodPanel.js +14 -22
- package/es/date-picker/TimePicker.js +8 -12
- package/es/date-picker/TimeRangePanel.js +12 -20
- package/es/date-picker/WeekRangePanel.js +33 -41
- package/es/date-picker/YMRangePanel.js +25 -33
- package/es/date-picker/__tests__/index.test.js +36 -41
- package/es/date-picker/datepicker-legacy/BasePicker.js +18 -26
- package/es/date-picker/datepicker-legacy/Calender.js +16 -24
- package/es/date-picker/datepicker-legacy/DatePanel.js +31 -39
- package/es/date-picker/datepicker-legacy/DatePicker.js +10 -14
- package/es/date-picker/datepicker-legacy/DateRangePanel.js +35 -43
- package/es/date-picker/datepicker-legacy/Modal.js +7 -11
- package/es/date-picker/datepicker-legacy/Time.js +39 -47
- package/es/date-picker/datepicker-legacy/TimePanel.js +10 -18
- package/es/date-picker/datepicker-legacy/TimePeriodPanel.js +14 -22
- package/es/date-picker/datepicker-legacy/TimePicker.js +8 -12
- package/es/date-picker/datepicker-legacy/TimeRangePanel.js +12 -20
- package/es/date-picker/datepicker-legacy/WeekRangePanel.js +28 -36
- package/es/dropdown/Dropdown.js +16 -22
- package/es/dropdown/DropdownButton.js +10 -14
- package/es/dropdown/DropdownMenu.js +9 -13
- package/es/dropdown/DropdownMenuItem.js +20 -26
- package/es/dropdown/__tests__/index.test.js +20 -24
- package/es/dropdown/index.js +8 -12
- package/es/dropdown/tests/index.test.js +5 -5
- package/es/ficon/index.js +7 -11
- package/es/form/Form.js +9 -17
- package/es/form/Item.js +20 -28
- package/es/form/__tests__/index.test.js +69 -73
- package/es/grid/__tests__/index.test.js +21 -25
- package/es/grid/index.js +19 -27
- package/es/icon/index.js +7 -11
- package/es/input/Input.js +24 -36
- package/es/input/__tests__/index.test.js +34 -39
- package/es/input/index.js +4 -8
- package/es/input/input-legacy/index.js +19 -31
- package/es/loading/Loading.js +16 -24
- package/es/loading/__tests__/index.test.js +7 -7
- package/es/locales/en-US.js +3 -1
- package/es/locales/zh-CN.js +3 -1
- package/es/locales/zh-Hant-HK.js +3 -1
- package/es/locales/zh-Hant-TW.js +3 -1
- package/es/menu/Item.js +10 -18
- package/es/menu/Menu.js +20 -28
- package/es/menu/SubMenu.js +16 -24
- package/es/menu/Title.js +11 -19
- package/es/menu/__tests__/index.test.js +14 -19
- package/es/message/__tests__/index.test.js +1 -5
- package/es/message/index.js +4 -4
- package/es/modal/__tests__/index.test.js +15 -15
- package/es/modal/index.js +20 -28
- package/es/nav-menu/NavMenu.js +23 -26
- package/es/nav-menu/__test__/index.test.js +6 -6
- package/es/nav-menu/__tests__/index.test.js +1 -5
- package/es/notice/Notice.js +17 -23
- package/es/notice/NoticeContainer.js +14 -20
- package/es/notice/__tests__/index.test.js +14 -14
- package/es/notice/index.js +2 -2
- package/es/notification/HandleNotification/index.js +16 -24
- package/es/notification/__tests__/index.test.js +1 -5
- package/es/notification/index.js +7 -7
- package/es/pagination/Pager.js +2 -2
- package/es/pagination/Pagination.js +31 -39
- package/es/pagination/__tests__/index.test.js +15 -19
- package/es/panel/index.js +13 -21
- package/es/popover/__test__/index.test.js +8 -8
- package/es/popover/__tests__/index.test.js +16 -16
- package/es/popover/index.js +17 -25
- package/es/popper/index.js +14 -20
- package/es/preview/index.js +43 -41
- package/es/progress/BarProgress.js +15 -17
- package/es/progress/CircleProgress.js +5 -5
- package/es/progress/DashboardProgress.js +5 -5
- package/es/progress/Progress.js +12 -20
- package/es/progress/__tests__/index.test.js +10 -10
- package/es/radio/Group.js +12 -16
- package/es/radio/Radio.js +14 -18
- package/es/radio/__tests__/index.test.js +9 -10
- package/es/radio/radio-legacy/__test__/index.test.js +3 -3
- package/es/radio/radio-legacy/index.js +13 -21
- package/es/rate/Icons.js +68 -68
- package/es/rate/Rate.js +22 -30
- package/es/rate/__tests__/index.test.js +7 -7
- package/es/select/Select.js +18 -25
- package/es/select/SelectDropdown.js +29 -37
- package/es/select/SelectInput.js +47 -52
- package/es/select/__tests__/index.test.js +15 -15
- package/es/select/select-legacy/Option.js +7 -10
- package/es/select/select-legacy/Select.js +16 -24
- package/es/select/select-legacy/SelectDropdown.js +21 -28
- package/es/select/select-legacy/SelectInput.js +48 -52
- package/es/stepper/Stepper.js +15 -19
- package/es/stepper/__tests__/index.test.js +7 -7
- package/es/switch/__tests__/index.test.js +6 -6
- package/es/switch/index.js +10 -18
- package/es/table/Body.js +30 -38
- package/es/table/ClickOuterside.js +11 -19
- package/es/table/Footer.js +19 -27
- package/es/table/Header.js +42 -46
- package/es/table/TableContent.js +14 -22
- package/es/table/__tests__/index.test.js +12 -16
- package/es/table/checkbox/index.js +11 -19
- package/es/table/index.js +98 -105
- package/es/table/menu/index.js +13 -21
- package/es/tabs/ItemDropdown.js +17 -25
- package/es/tabs/TabPane.js +9 -17
- package/es/tabs/Tabs.js +24 -32
- package/es/tabs/__tests__/index.test.js +33 -37
- package/es/tabs/tabs-legacy/ItemDropdown.js +17 -25
- package/es/tabs/tabs-legacy/TabPane.js +9 -17
- package/es/tabs/tabs-legacy/Tabs.js +24 -32
- package/es/tag/__tests__/index.test.js +7 -7
- package/es/tag/index.js +9 -17
- package/es/timeline/__tests__/index.test.js +11 -11
- package/es/timeline/index.js +58 -64
- package/es/tooltip/__tests__/index.test.js +19 -23
- package/es/tooltip/index.js +22 -28
- package/es/transfer/Item.js +33 -40
- package/es/transfer/Transfer.js +30 -38
- package/es/transfer/__tests__/index.test.js +6 -6
- package/es/tree/IconLoading.js +4 -4
- package/es/tree/Tree.js +32 -39
- package/es/tree/TreeDivider.js +3 -3
- package/es/tree/TreeItem.js +40 -42
- package/es/tree/TreeNode.js +40 -40
- package/es/tree/__tests__/index.test.js +22 -26
- package/es/tree/tree-legacy/Tree.js +32 -39
- package/es/tree/tree-legacy/TreeDivider.js +3 -3
- package/es/tree/tree-legacy/TreeItem.js +38 -45
- package/es/tree/tree-legacy/TreeNode.js +28 -36
- package/es/tree/tree-legacy/util.js +1 -1
- package/es/tree/util.js +1 -1
- package/es/upload/Upload.js +23 -27
- package/es/upload/UploadAvatar.js +29 -33
- package/es/upload/UploadClick.js +23 -25
- package/es/upload/UploadDrag.js +28 -32
- package/es/upload/UploadPhoto.js +24 -28
- package/es/upload/UploadPictureCard.js +23 -25
- package/es/upload/__tests__/index.test.js +21 -21
- package/es/upload/main.js +14 -22
- package/es/upload/upload-legacy/Preview.js +26 -34
- package/es/upload/upload-legacy/Upload.js +6 -10
- package/es/upload/upload-legacy/UploadAvatar.js +27 -31
- package/es/upload/upload-legacy/UploadClick.js +19 -23
- package/es/upload/upload-legacy/UploadDrag.js +24 -28
- package/es/upload/upload-legacy/UploadPhoto.js +25 -29
- package/es/upload/upload-legacy/UploadPictureCard.js +20 -24
- package/es/upload/upload-legacy/index.js +13 -21
- package/es/watermark/index.js +8 -12
- package/es/watermark/watermark.js +30 -19
- package/package.json +4 -1
package/es/button/ButtonGroup.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -13,34 +13,26 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
13
13
|
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
17
|
|
|
20
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
19
|
|
|
20
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
+
|
|
22
22
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
23
|
|
|
24
24
|
var _react = _interopRequireWildcard(require("react"));
|
|
25
25
|
|
|
26
26
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
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); }; }
|
|
33
|
-
|
|
34
|
-
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; } }
|
|
35
|
-
|
|
36
|
-
var ButtonGroup = /*#__PURE__*/function (_Component) {
|
|
28
|
+
var ButtonGroup =
|
|
29
|
+
/*#__PURE__*/
|
|
30
|
+
function (_Component) {
|
|
37
31
|
(0, _inherits2["default"])(ButtonGroup, _Component);
|
|
38
32
|
|
|
39
|
-
var _super = _createSuper(ButtonGroup);
|
|
40
|
-
|
|
41
33
|
function ButtonGroup() {
|
|
42
34
|
(0, _classCallCheck2["default"])(this, ButtonGroup);
|
|
43
|
-
return
|
|
35
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(ButtonGroup).apply(this, arguments));
|
|
44
36
|
}
|
|
45
37
|
|
|
46
38
|
(0, _createClass2["default"])(ButtonGroup, [{
|
|
@@ -51,7 +43,7 @@ var ButtonGroup = /*#__PURE__*/function (_Component) {
|
|
|
51
43
|
style = _this$props.style,
|
|
52
44
|
className = _this$props.className;
|
|
53
45
|
var classes = (0, _classnames["default"])("".concat(prefixCls), className);
|
|
54
|
-
return
|
|
46
|
+
return _react["default"].createElement("div", {
|
|
55
47
|
className: classes,
|
|
56
48
|
style: style
|
|
57
49
|
}, this.props.children);
|
package/es/button/IconLoading.js
CHANGED
|
@@ -11,17 +11,17 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
function IconLoading() {
|
|
13
13
|
var size = '0.8em';
|
|
14
|
-
return
|
|
14
|
+
return _react["default"].createElement("i", {
|
|
15
15
|
className: "hi-icon hi-btn--loading--icon"
|
|
16
|
-
},
|
|
16
|
+
}, _react["default"].createElement("svg", {
|
|
17
17
|
viewBox: "0 0 18 18",
|
|
18
18
|
width: size,
|
|
19
19
|
height: size,
|
|
20
20
|
fill: "currentColor"
|
|
21
|
-
},
|
|
21
|
+
}, _react["default"].createElement("g", null, _react["default"].createElement("path", {
|
|
22
22
|
d: "m9 18c-4.9706 0-9-4.0294-9-9 0-4.9706 4.0294-9 9-9 4.9706 0 9 4.0294 9 9 0 4.9706-4.0294 9-9 9zm0-2c3.866 0 7-3.134 7-7 0-3.866-3.134-7-7-7-3.866 0-7 3.134-7 7 0 3.866 3.134 7 7 7z",
|
|
23
23
|
opacity: ".15"
|
|
24
|
-
}),
|
|
24
|
+
}), _react["default"].createElement("path", {
|
|
25
25
|
d: "m15.547 2.8242c0.37904 0.40168 0.36068 1.0346-0.040996 1.4136-0.40168 0.37904-1.0346 0.36068-1.4136-0.040996-1.315-1.3935-3.1381-2.1969-5.0922-2.1969-3.866 0-7 3.134-7 7 0 0.55228-0.44772 1-1 1s-1-0.44772-1-1c0-4.9706 4.0294-9 9-9 2.5103 0 4.8578 1.0343 6.5468 2.8242z"
|
|
26
26
|
}))));
|
|
27
27
|
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
+
|
|
3
5
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
6
|
|
|
5
|
-
var
|
|
7
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
6
8
|
|
|
7
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
10
|
|
|
@@ -16,15 +18,11 @@ var _icon = _interopRequireDefault(require("../../icon"));
|
|
|
16
18
|
|
|
17
19
|
var _IconLoading = _interopRequireDefault(require("../IconLoading"));
|
|
18
20
|
|
|
19
|
-
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); }
|
|
20
|
-
|
|
21
|
-
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; }
|
|
22
|
-
|
|
23
21
|
/* eslint-env jest */
|
|
24
22
|
describe('Button', function () {
|
|
25
23
|
describe('Lifecycle', function () {
|
|
26
24
|
it('componentDidMount', function () {
|
|
27
|
-
var wrapper = (0, _enzyme.mount)(
|
|
25
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], null)); // wrappered by Provider
|
|
28
26
|
// expect(wrapper.instance()).toBeInstanceOf(Button)
|
|
29
27
|
|
|
30
28
|
expect(wrapper.find("button")).toHaveLength(1);
|
|
@@ -38,11 +36,12 @@ describe('Button', function () {
|
|
|
38
36
|
describe('PropTypes', function () {
|
|
39
37
|
it('type', function () {
|
|
40
38
|
var types = ['primary', 'line', 'success', 'danger', 'default', 'warning', 'info'];
|
|
41
|
-
var wrapper = (0, _enzyme.mount)(
|
|
42
|
-
return
|
|
43
|
-
type: type
|
|
39
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, types.map(function (type, index) {
|
|
40
|
+
return _react["default"].createElement(_["default"], (0, _extends2["default"])({
|
|
41
|
+
type: type
|
|
42
|
+
}, {
|
|
44
43
|
key: "".concat(type, "-").concat(index)
|
|
45
|
-
});
|
|
44
|
+
}));
|
|
46
45
|
})));
|
|
47
46
|
types.map(function (type) {
|
|
48
47
|
return expect(wrapper.find("button.hi-btn--type--".concat(type))).toHaveLength(1);
|
|
@@ -50,11 +49,12 @@ describe('Button', function () {
|
|
|
50
49
|
});
|
|
51
50
|
it('size', function () {
|
|
52
51
|
var sizes = ['large', 'small', 'normal'];
|
|
53
|
-
var wrapper = (0, _enzyme.mount)(
|
|
54
|
-
return
|
|
55
|
-
size: size
|
|
52
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, sizes.map(function (size, index) {
|
|
53
|
+
return _react["default"].createElement(_["default"], (0, _extends2["default"])({
|
|
54
|
+
size: size
|
|
55
|
+
}, {
|
|
56
56
|
key: "".concat(size, "-").concat(index)
|
|
57
|
-
});
|
|
57
|
+
}));
|
|
58
58
|
})));
|
|
59
59
|
sizes.map(function (size) {
|
|
60
60
|
return expect(wrapper.find("button.hi-btn--size--".concat(size))).toHaveLength(1);
|
|
@@ -62,28 +62,29 @@ describe('Button', function () {
|
|
|
62
62
|
});
|
|
63
63
|
it('appearance', function () {
|
|
64
64
|
var appearances = ['link', 'button'];
|
|
65
|
-
var wrapper = (0, _enzyme.mount)(
|
|
66
|
-
return
|
|
67
|
-
appearance: appearance
|
|
65
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, appearances.map(function (appearance, index) {
|
|
66
|
+
return _react["default"].createElement(_["default"], (0, _extends2["default"])({
|
|
67
|
+
appearance: appearance
|
|
68
|
+
}, {
|
|
68
69
|
key: "".concat(appearance, "-").concat(index)
|
|
69
|
-
});
|
|
70
|
+
}));
|
|
70
71
|
})));
|
|
71
72
|
appearances.map(function (appearance) {
|
|
72
73
|
return expect(wrapper.find("button.hi-btn--appearance--".concat(appearance))).toHaveLength(1);
|
|
73
74
|
});
|
|
74
75
|
});
|
|
75
76
|
it('href', function () {
|
|
76
|
-
var wrapper1 = (0, _enzyme.mount)(
|
|
77
|
+
var wrapper1 = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
77
78
|
appearance: "link",
|
|
78
79
|
href: ""
|
|
79
80
|
}));
|
|
80
81
|
expect(wrapper1.find('button')).toHaveLength(1);
|
|
81
|
-
var wrapper2 = (0, _enzyme.mount)(
|
|
82
|
+
var wrapper2 = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
82
83
|
appearance: "link",
|
|
83
84
|
href: "https://xiaomi.github.io/hiui"
|
|
84
85
|
}));
|
|
85
86
|
expect(wrapper2.find("a").prop('href')).toEqual('https://xiaomi.github.io/hiui');
|
|
86
|
-
var wrapper3 = (0, _enzyme.mount)(
|
|
87
|
+
var wrapper3 = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
87
88
|
appearance: "button",
|
|
88
89
|
href: "https://xiaomi.github.io/hiui"
|
|
89
90
|
}));
|
|
@@ -91,27 +92,27 @@ describe('Button', function () {
|
|
|
91
92
|
});
|
|
92
93
|
it('theme', function () {
|
|
93
94
|
var theme = 'custom-theme';
|
|
94
|
-
var wrapper = (0, _enzyme.mount)(
|
|
95
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
95
96
|
theme: theme
|
|
96
97
|
}));
|
|
97
98
|
expect(wrapper.find("button.theme__".concat(theme))).toHaveLength(1);
|
|
98
99
|
});
|
|
99
100
|
it('icon', function () {
|
|
100
101
|
var icon = 'custom-icon';
|
|
101
|
-
var wrapper = (0, _enzyme.mount)(
|
|
102
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
102
103
|
icon: icon
|
|
103
104
|
}));
|
|
104
105
|
expect(wrapper.find(_icon["default"])).toHaveLength(1);
|
|
105
106
|
});
|
|
106
107
|
it('loading', function () {
|
|
107
|
-
var wrapper = (0, _enzyme.mount)(
|
|
108
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
108
109
|
loading: true
|
|
109
110
|
}));
|
|
110
111
|
expect(wrapper.find(_IconLoading["default"])).toHaveLength(1);
|
|
111
112
|
});
|
|
112
113
|
it('className', function () {
|
|
113
114
|
var className = 'test-class';
|
|
114
|
-
var wrapper = (0, _enzyme.mount)(
|
|
115
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
115
116
|
className: className
|
|
116
117
|
}));
|
|
117
118
|
expect(wrapper.find("button.".concat(className))).toHaveLength(1);
|
|
@@ -120,13 +121,13 @@ describe('Button', function () {
|
|
|
120
121
|
var style = {
|
|
121
122
|
color: '#ffff00'
|
|
122
123
|
};
|
|
123
|
-
var wrapper = (0, _enzyme.mount)(
|
|
124
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
124
125
|
style: style
|
|
125
126
|
}));
|
|
126
127
|
expect(wrapper.find("button").prop('style')).toMatchObject(style);
|
|
127
128
|
});
|
|
128
129
|
it('disabled', function () {
|
|
129
|
-
var wrapper = (0, _enzyme.mount)(
|
|
130
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
130
131
|
disabled: true
|
|
131
132
|
}));
|
|
132
133
|
expect(wrapper.find("button.hi-btn--disabled")).toHaveLength(1);
|
|
@@ -134,12 +135,13 @@ describe('Button', function () {
|
|
|
134
135
|
it('target', function () {
|
|
135
136
|
var targets = ['_self', '_blank', '_parent', '_top'];
|
|
136
137
|
var href = 'https://www.mi.com';
|
|
137
|
-
var wrapper = (0, _enzyme.mount)(
|
|
138
|
-
return
|
|
138
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, targets.map(function (target, index) {
|
|
139
|
+
return _react["default"].createElement(_["default"], (0, _extends2["default"])({
|
|
139
140
|
target: target,
|
|
140
|
-
href: href
|
|
141
|
+
href: href
|
|
142
|
+
}, {
|
|
141
143
|
key: "".concat(target, "-").concat(index)
|
|
142
|
-
});
|
|
144
|
+
}));
|
|
143
145
|
})));
|
|
144
146
|
targets.map(function (target, index) {
|
|
145
147
|
return expect(wrapper.find('a').at(index).prop('target')).toEqual(target);
|
|
@@ -147,15 +149,15 @@ describe('Button', function () {
|
|
|
147
149
|
});
|
|
148
150
|
it('children', function () {
|
|
149
151
|
var Children = function Children() {
|
|
150
|
-
return
|
|
152
|
+
return _react["default"].createElement("div", null, "children");
|
|
151
153
|
};
|
|
152
154
|
|
|
153
|
-
var wrapper = (0, _enzyme.mount)(
|
|
155
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], null, _react["default"].createElement(Children, null)));
|
|
154
156
|
expect(wrapper.find(Children)).toHaveLength(1);
|
|
155
157
|
});
|
|
156
158
|
it('onClick', function () {
|
|
157
159
|
var callback = (0, _sinon.fake)();
|
|
158
|
-
var wrapper = (0, _enzyme.mount)(
|
|
160
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
159
161
|
onClick: callback
|
|
160
162
|
}));
|
|
161
163
|
wrapper.find('button').first().simulate('click');
|
|
@@ -166,18 +168,18 @@ describe('Button', function () {
|
|
|
166
168
|
it('props: icon && children', function () {
|
|
167
169
|
var icon = 'custom-icon';
|
|
168
170
|
var children = 'children';
|
|
169
|
-
var wrapper = (0, _enzyme.mount)(
|
|
171
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
170
172
|
icon: icon
|
|
171
173
|
}, children));
|
|
172
174
|
expect(wrapper.find(_icon["default"])).toHaveLength(1);
|
|
173
175
|
expect(wrapper.text()).toEqual(expect.stringContaining(children));
|
|
174
176
|
});
|
|
175
177
|
it('props: icon && children is Icon', function () {
|
|
176
|
-
var children =
|
|
178
|
+
var children = _react["default"].createElement(_icon["default"], {
|
|
177
179
|
name: "close"
|
|
178
180
|
});
|
|
179
181
|
|
|
180
|
-
var wrapper = (0, _enzyme.mount)(
|
|
182
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], null, children));
|
|
181
183
|
expect(wrapper.find(_icon["default"])).toHaveLength(1);
|
|
182
184
|
});
|
|
183
185
|
it('props: type && appearance', function () {
|
|
@@ -185,33 +187,33 @@ describe('Button', function () {
|
|
|
185
187
|
type: 'primary',
|
|
186
188
|
appearance: 'line'
|
|
187
189
|
};
|
|
188
|
-
var wrapper = (0, _enzyme.mount)(
|
|
190
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], props));
|
|
189
191
|
expect(wrapper.find("button.hi-btn--type--line")).toHaveLength(1);
|
|
190
192
|
});
|
|
191
193
|
});
|
|
192
194
|
});
|
|
193
195
|
describe('ButtonGroup', function () {
|
|
194
196
|
var Children = function Children() {
|
|
195
|
-
return
|
|
197
|
+
return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(_["default"], {
|
|
196
198
|
type: "primary"
|
|
197
|
-
}, "type0"),
|
|
199
|
+
}, "type0"), _react["default"].createElement(_["default"], {
|
|
198
200
|
type: "line"
|
|
199
|
-
}, "type1"),
|
|
201
|
+
}, "type1"), _react["default"].createElement(_["default"], {
|
|
200
202
|
type: "success"
|
|
201
|
-
}, "type2"),
|
|
203
|
+
}, "type2"), _react["default"].createElement(_["default"], {
|
|
202
204
|
type: "danger"
|
|
203
|
-
}, "type3"),
|
|
205
|
+
}, "type3"), _react["default"].createElement(_["default"], {
|
|
204
206
|
type: "default"
|
|
205
|
-
}, "type4"),
|
|
207
|
+
}, "type4"), _react["default"].createElement(_["default"], {
|
|
206
208
|
type: "warning"
|
|
207
|
-
}, "type5"),
|
|
209
|
+
}, "type5"), _react["default"].createElement(_["default"], {
|
|
208
210
|
type: "info"
|
|
209
211
|
}, "type6"));
|
|
210
212
|
};
|
|
211
213
|
|
|
212
214
|
describe('Lifecycle', function () {
|
|
213
215
|
it('componentDidMount', function () {
|
|
214
|
-
var wrapper = (0, _enzyme.mount)(
|
|
216
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"].Group, null, _react["default"].createElement(Children, null)));
|
|
215
217
|
expect(wrapper.instance()).toBeInstanceOf(_["default"].Group);
|
|
216
218
|
expect(wrapper.find(".hi-btn-group")).toHaveLength(1);
|
|
217
219
|
});
|
|
@@ -2,17 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
6
|
+
|
|
5
7
|
var _react = _interopRequireDefault(require("react"));
|
|
6
8
|
|
|
7
9
|
var _enzyme = require("enzyme");
|
|
8
10
|
|
|
9
11
|
var _ = require("../");
|
|
10
12
|
|
|
11
|
-
/* eslint-env jest */
|
|
12
13
|
describe('Card', function () {
|
|
13
14
|
describe('Lifecycle', function () {
|
|
14
15
|
it('componentDidMount', function () {
|
|
15
|
-
var wrapper = (0, _enzyme.mount)(
|
|
16
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, null));
|
|
16
17
|
expect(wrapper.instance()).toBeInstanceOf(_.Card);
|
|
17
18
|
expect(wrapper.find(".hi-card")).toHaveLength(1);
|
|
18
19
|
});
|
|
@@ -20,22 +21,24 @@ describe('Card', function () {
|
|
|
20
21
|
describe('PropTypes', function () {
|
|
21
22
|
it('type', function () {
|
|
22
23
|
var types = ['simple', 'default'];
|
|
23
|
-
var wrapper = (0, _enzyme.mount)(
|
|
24
|
-
return
|
|
25
|
-
type: type
|
|
24
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, types.map(function (type, index) {
|
|
25
|
+
return _react["default"].createElement(_.Card, (0, _extends2["default"])({
|
|
26
|
+
type: type
|
|
27
|
+
}, {
|
|
26
28
|
key: "".concat(type, "-").concat(index)
|
|
27
|
-
});
|
|
29
|
+
}));
|
|
28
30
|
})));
|
|
29
31
|
expect(wrapper.find(".hi-card")).toHaveLength(2);
|
|
30
32
|
expect(wrapper.find(".hi-card__content--simple")).toHaveLength(1);
|
|
31
33
|
});
|
|
32
34
|
it('extraType', function () {
|
|
33
35
|
var extraTypes = ['hover', 'default'];
|
|
34
|
-
var wrapper = (0, _enzyme.mount)(
|
|
35
|
-
return
|
|
36
|
-
extraType: extraType
|
|
36
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, extraTypes.map(function (extraType, index) {
|
|
37
|
+
return _react["default"].createElement(_.Card, (0, _extends2["default"])({
|
|
38
|
+
extraType: extraType
|
|
39
|
+
}, {
|
|
37
40
|
key: "".concat("extraType", "-", index)
|
|
38
|
-
});
|
|
41
|
+
}));
|
|
39
42
|
})));
|
|
40
43
|
var firstCard = wrapper.find(_.Card).first();
|
|
41
44
|
expect(firstCard.state().extraShow).toBeFalsy();
|
|
@@ -46,11 +49,12 @@ describe('Card', function () {
|
|
|
46
49
|
});
|
|
47
50
|
it('extraShow', function () {
|
|
48
51
|
var extraShows = ['hover', 'stay'];
|
|
49
|
-
var wrapper = (0, _enzyme.mount)(
|
|
50
|
-
return
|
|
51
|
-
extraShow: extraShow
|
|
52
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, extraShows.map(function (extraShow, index) {
|
|
53
|
+
return _react["default"].createElement(_.Card, (0, _extends2["default"])({
|
|
54
|
+
extraShow: extraShow
|
|
55
|
+
}, {
|
|
52
56
|
key: "".concat("extraShow", "-", index)
|
|
53
|
-
});
|
|
57
|
+
}));
|
|
54
58
|
})));
|
|
55
59
|
var firstCard = wrapper.find(_.Card).first();
|
|
56
60
|
expect(firstCard.state().extraShow).toEqual(false);
|
|
@@ -60,64 +64,67 @@ describe('Card', function () {
|
|
|
60
64
|
expect(firstCard.state().extraShow).toEqual(false);
|
|
61
65
|
});
|
|
62
66
|
it('disabled', function () {
|
|
63
|
-
var wrapper = (0, _enzyme.mount)(
|
|
67
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, {
|
|
64
68
|
disabled: true
|
|
65
69
|
}));
|
|
66
70
|
expect(wrapper.find(".hi-card--disabled")).toHaveLength(1);
|
|
67
71
|
});
|
|
68
72
|
it('children', function () {
|
|
69
73
|
var Children = function Children() {
|
|
70
|
-
return
|
|
74
|
+
return _react["default"].createElement("div", null, "children");
|
|
71
75
|
};
|
|
72
76
|
|
|
73
|
-
var wrapper = (0, _enzyme.mount)(
|
|
77
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, null, _react["default"].createElement(Children, null)));
|
|
74
78
|
expect(wrapper.find(Children)).toHaveLength(1);
|
|
75
79
|
});
|
|
76
80
|
it('content', function () {
|
|
77
81
|
var content = 'custom-content';
|
|
78
|
-
var wrapper = (0, _enzyme.mount)(
|
|
79
|
-
cover:
|
|
82
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, (0, _extends2["default"])({
|
|
83
|
+
cover: _react["default"].createElement("div", null)
|
|
84
|
+
}, {
|
|
80
85
|
content: content
|
|
81
|
-
}));
|
|
86
|
+
})));
|
|
82
87
|
expect(wrapper.text()).toEqual(expect.stringContaining(content));
|
|
83
88
|
});
|
|
84
89
|
it('description', function () {
|
|
85
90
|
var description = 'custom-description';
|
|
86
|
-
var wrapper = (0, _enzyme.mount)(
|
|
87
|
-
cover:
|
|
91
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, (0, _extends2["default"])({
|
|
92
|
+
cover: _react["default"].createElement("div", null)
|
|
93
|
+
}, {
|
|
88
94
|
description: description
|
|
89
|
-
}));
|
|
95
|
+
})));
|
|
90
96
|
expect(wrapper.text()).toEqual(expect.stringContaining(description));
|
|
91
97
|
});
|
|
92
98
|
it('coverUrl', function () {
|
|
93
99
|
var coverUrl = 'custom-coverUrl';
|
|
94
|
-
var wrapper = (0, _enzyme.mount)(
|
|
100
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, {
|
|
95
101
|
coverUrl: coverUrl
|
|
96
102
|
}));
|
|
97
103
|
expect(wrapper.find('img').prop('src')).toEqual(coverUrl);
|
|
98
104
|
});
|
|
99
105
|
it('cover', function () {
|
|
100
|
-
var cover =
|
|
106
|
+
var cover = _react["default"].createElement("div", {
|
|
101
107
|
className: "cover-class"
|
|
102
108
|
});
|
|
103
109
|
|
|
104
|
-
var wrapper = (0, _enzyme.mount)(
|
|
110
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, {
|
|
105
111
|
cover: cover
|
|
106
112
|
}));
|
|
107
113
|
expect(wrapper.find(".cover-class")).toHaveLength(1);
|
|
108
114
|
});
|
|
109
115
|
it('extra', function () {
|
|
110
|
-
var extras = [
|
|
116
|
+
var extras = [_react["default"].createElement("img", {
|
|
111
117
|
className: "extra-element-class"
|
|
112
|
-
}), 'extra-string', [
|
|
118
|
+
}), 'extra-string', [_react["default"].createElement("i", {
|
|
113
119
|
className: "extra-array-element",
|
|
114
120
|
key: "extra-array-element"
|
|
115
121
|
}), 'extra-array-string']];
|
|
116
|
-
var wrapper = (0, _enzyme.mount)(
|
|
117
|
-
return
|
|
118
|
-
extra: extra
|
|
122
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, extras.map(function (extra, index) {
|
|
123
|
+
return _react["default"].createElement(_.Card, (0, _extends2["default"])({
|
|
124
|
+
extra: extra
|
|
125
|
+
}, {
|
|
119
126
|
key: "".concat("extra", "-", index)
|
|
120
|
-
});
|
|
127
|
+
}));
|
|
121
128
|
})));
|
|
122
129
|
expect(wrapper.find(".extra-element-class")).toHaveLength(1);
|
|
123
130
|
expect(wrapper.find(".extra-array-element")).toHaveLength(1);
|
|
@@ -125,32 +132,35 @@ describe('Card', function () {
|
|
|
125
132
|
expect(wrapper.text()).toEqual(expect.stringContaining('extra-array-string'));
|
|
126
133
|
});
|
|
127
134
|
it('title', function () {
|
|
128
|
-
var titles = [
|
|
135
|
+
var titles = [_react["default"].createElement("img", {
|
|
129
136
|
className: "title-element-class"
|
|
130
137
|
}), 'title-string'];
|
|
131
|
-
var wrapper = (0, _enzyme.mount)(
|
|
132
|
-
return
|
|
133
|
-
title: title
|
|
138
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, titles.map(function (title, index) {
|
|
139
|
+
return _react["default"].createElement(_.Card, (0, _extends2["default"])({
|
|
140
|
+
title: title
|
|
141
|
+
}, {
|
|
134
142
|
key: "".concat("title", "-", index)
|
|
135
|
-
});
|
|
143
|
+
}));
|
|
136
144
|
})));
|
|
137
145
|
expect(wrapper.find(".title-element-class")).toHaveLength(1);
|
|
138
146
|
expect(wrapper.text()).toEqual(expect.stringContaining('title-string'));
|
|
139
147
|
});
|
|
140
148
|
it('hoverable', function () {
|
|
141
|
-
var wrapper = (0, _enzyme.mount)(
|
|
149
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, {
|
|
142
150
|
hoverable: true
|
|
143
151
|
}));
|
|
144
152
|
expect(wrapper.find(".hi-card--hover")).toHaveLength(1);
|
|
145
153
|
});
|
|
146
154
|
it('size', function () {
|
|
147
155
|
var sizes = ['small', 'default', 'large'];
|
|
148
|
-
var wrapper = (0, _enzyme.mount)(
|
|
149
|
-
return
|
|
150
|
-
type: "simple"
|
|
151
|
-
|
|
156
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, sizes.map(function (size, index) {
|
|
157
|
+
return _react["default"].createElement(_.Card, (0, _extends2["default"])({
|
|
158
|
+
type: "simple"
|
|
159
|
+
}, {
|
|
160
|
+
size: size
|
|
161
|
+
}, {
|
|
152
162
|
key: "".concat("size", "-", index)
|
|
153
|
-
});
|
|
163
|
+
}));
|
|
154
164
|
})));
|
|
155
165
|
expect(wrapper.find(".hi-card--small")).toHaveLength(1);
|
|
156
166
|
expect(wrapper.find(".hi-card--middle")).toHaveLength(1);
|
|
@@ -160,7 +170,7 @@ describe('Card', function () {
|
|
|
160
170
|
var style = {
|
|
161
171
|
color: '#ffff00'
|
|
162
172
|
};
|
|
163
|
-
var wrapper = (0, _enzyme.mount)(
|
|
173
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, {
|
|
164
174
|
style: style
|
|
165
175
|
}));
|
|
166
176
|
expect(wrapper.find(".hi-card").prop('style')).toMatchObject(style);
|