@zohodesk/components 1.0.0-temp-166 → 1.0.0-temp-167
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/README.md +20 -0
- package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +24 -24
- package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +24 -24
- package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +24 -24
- package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +24 -24
- package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +24 -24
- package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +24 -24
- package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +24 -24
- package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +24 -24
- package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +24 -24
- package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +24 -24
- package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +24 -24
- package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +24 -24
- package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +24 -24
- package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +24 -24
- package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +24 -24
- package/es/Button/__tests__/Button.spec.js +61 -0
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
- package/es/Buttongroup/Buttongroup.js +1 -1
- package/es/DateTime/DateTime.js +2 -2
- package/es/DropBox/DropBox.js +24 -12
- package/es/DropBox/props/defaultProps.js +2 -1
- package/es/DropBox/props/propTypes.js +2 -1
- package/es/ListItem/ListContainer.js +3 -2
- package/es/ListItem/ListItem.js +8 -3
- package/es/ListItem/ListItemWithAvatar.js +8 -3
- package/es/ListItem/ListItemWithCheckBox.js +5 -1
- package/es/ListItem/ListItemWithIcon.js +8 -3
- package/es/ListItem/ListItemWithRadio.js +5 -1
- package/es/MultiSelect/props/propTypes.js +1 -1
- package/es/Select/Select.js +2 -0
- package/lib/Button/__tests__/Button.spec.js +62 -0
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
- package/lib/Buttongroup/Buttongroup.js +1 -1
- package/lib/DateTime/DateTime.js +2 -2
- package/lib/DropBox/DropBox.js +26 -12
- package/lib/DropBox/props/defaultProps.js +2 -1
- package/lib/DropBox/props/propTypes.js +2 -1
- package/lib/ListItem/ListContainer.js +4 -2
- package/lib/ListItem/ListItem.js +14 -3
- package/lib/ListItem/ListItemWithAvatar.js +14 -3
- package/lib/ListItem/ListItemWithCheckBox.js +12 -1
- package/lib/ListItem/ListItemWithIcon.js +14 -3
- package/lib/ListItem/ListItemWithRadio.js +12 -1
- package/lib/MultiSelect/props/propTypes.js +1 -1
- package/lib/Select/Select.js +2 -0
- package/package.json +21 -13
- package/postPublish.js +8 -0
- package/prePublish.js +70 -0
- package/result.json +1 -0
- package/es/Accordion/__tests__/Accordion.spec.js +0 -79
- package/es/Animation/__tests__/Animation.spec.js +0 -17
- package/es/Avatar/__tests__/Avatar.spec.js +0 -161
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
- package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
- package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
- package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
- package/es/Card/__tests__/Card.spec.js +0 -36
- package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
- package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
- package/es/DateTime/__tests__/DateTime.spec.js +0 -115
- package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
- package/es/DropBox/__tests__/DropBox.spec.js +0 -81
- package/es/DropDown/__tests__/DropDown.spec.js +0 -44
- package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
- package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
- package/es/Label/__tests__/Label.spec.js +0 -120
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
- package/es/Layout/__tests__/Box.spec.js +0 -114
- package/es/Layout/__tests__/Container.spec.js +0 -120
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
- package/es/PopOver/__tests__/PopOver.spec.js +0 -14
- package/es/Popup/__tests__/Popup.spec.js +0 -134
- package/es/Radio/__tests__/Radiospec.js +0 -23
- package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
- package/es/Select/__tests__/Select.spec.js +0 -345
- package/es/Stencils/__tests__/Stencils.spec.js +0 -69
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
- package/es/Tab/__tests__/Tab.spec.js +0 -117
- package/es/Tab/__tests__/TabContent.spec.js +0 -16
- package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
- package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
- package/es/Tab/__tests__/Tabs.spec.js +0 -115
- package/es/Tag/__tests__/Tag.spec.js +0 -28
- package/es/TextBox/__tests__/TextBox.spec.js +0 -189
- package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
- package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
- package/es/Textarea/__tests__/Textarea.spec.js +0 -171
- package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
- package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
- package/es/utils/__tests__/constructFullName.spec.js +0 -9
- package/es/utils/__tests__/debounce.spec.js +0 -37
- package/es/utils/__tests__/getInitial.spec.js +0 -23
- package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
- package/lib/Animation/__tests__/Animation.spec.js +0 -23
- package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
- package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
- package/lib/Card/__tests__/Card.spec.js +0 -56
- package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
- package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
- package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
- package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
- package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
- package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
- package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
- package/lib/Label/__tests__/Label.spec.js +0 -137
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
- package/lib/Layout/__tests__/Box.spec.js +0 -121
- package/lib/Layout/__tests__/Container.spec.js +0 -127
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
- package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
- package/lib/Popup/__tests__/Popup.spec.js +0 -192
- package/lib/Radio/__tests__/Radiospec.js +0 -29
- package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
- package/lib/Select/__tests__/Select.spec.js +0 -383
- package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
- package/lib/Tab/__tests__/Tab.spec.js +0 -123
- package/lib/Tab/__tests__/TabContent.spec.js +0 -22
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
- package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
- package/lib/Tab/__tests__/Tabs.spec.js +0 -123
- package/lib/Tag/__tests__/Tag.spec.js +0 -35
- package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
- package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
- package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
- package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
- package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
- package/lib/utils/__tests__/constructFullName.spec.js +0 -12
- package/lib/utils/__tests__/debounce.spec.js +0 -40
- package/lib/utils/__tests__/getInitial.spec.js +0 -26
|
@@ -29,6 +29,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
29
29
|
|
|
30
30
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
31
31
|
|
|
32
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
33
|
+
|
|
34
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
35
|
+
|
|
36
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
37
|
+
|
|
32
38
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
33
39
|
|
|
34
40
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
@@ -133,12 +139,17 @@ var ListItemWithAvatar = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
133
139
|
customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv,
|
|
134
140
|
_customClass$customAv2 = customClass.customAvatarTeam,
|
|
135
141
|
customAvatarTeam = _customClass$customAv2 === void 0 ? '' : _customClass$customAv2;
|
|
136
|
-
|
|
137
|
-
|
|
142
|
+
|
|
143
|
+
var listA11y = _objectSpread({
|
|
144
|
+
ariaHidden: true,
|
|
145
|
+
role: 'option'
|
|
146
|
+
}, a11y);
|
|
147
|
+
|
|
148
|
+
var ariaHidden = listA11y.ariaHidden;
|
|
138
149
|
var isDarkPalette = palette === 'dark';
|
|
139
150
|
var dataIdString = value ? value : dataId;
|
|
140
151
|
return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
|
|
141
|
-
a11y:
|
|
152
|
+
a11y: listA11y,
|
|
142
153
|
size: size,
|
|
143
154
|
palette: palette,
|
|
144
155
|
highlight: highlight,
|
|
@@ -25,6 +25,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
25
25
|
|
|
26
26
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
27
|
|
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
+
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
|
+
|
|
32
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
33
|
+
|
|
28
34
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
29
35
|
|
|
30
36
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
@@ -111,6 +117,11 @@ var ListItemWithCheckBox = /*#__PURE__*/function (_React$Component) {
|
|
|
111
117
|
customClass = _this$props4.customClass,
|
|
112
118
|
customProps = _this$props4.customProps,
|
|
113
119
|
needMultiLineText = _this$props4.needMultiLineText;
|
|
120
|
+
|
|
121
|
+
var listA11y = _objectSpread({
|
|
122
|
+
role: 'option'
|
|
123
|
+
}, a11y);
|
|
124
|
+
|
|
114
125
|
var _customProps$ListItem = customProps.ListItemProps,
|
|
115
126
|
ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
|
|
116
127
|
_customProps$Containe = customProps.ContainerProps,
|
|
@@ -122,7 +133,7 @@ var ListItemWithCheckBox = /*#__PURE__*/function (_React$Component) {
|
|
|
122
133
|
_customClass$customLa = customClass.customLabel,
|
|
123
134
|
customLabel = _customClass$customLa === void 0 ? '' : _customClass$customLa;
|
|
124
135
|
return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
|
|
125
|
-
a11y:
|
|
136
|
+
a11y: listA11y,
|
|
126
137
|
size: size,
|
|
127
138
|
palette: palette,
|
|
128
139
|
highlight: highlight,
|
|
@@ -25,6 +25,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
25
25
|
|
|
26
26
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
27
|
|
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
+
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
|
+
|
|
32
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
33
|
+
|
|
28
34
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
29
35
|
|
|
30
36
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
@@ -123,11 +129,16 @@ var ListItemWithIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
123
129
|
ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
|
|
124
130
|
_customProps$Containe = customProps.ContainerProps,
|
|
125
131
|
ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe;
|
|
126
|
-
|
|
127
|
-
|
|
132
|
+
|
|
133
|
+
var listA11y = _objectSpread({
|
|
134
|
+
ariaHidden: true,
|
|
135
|
+
role: 'option'
|
|
136
|
+
}, a11y);
|
|
137
|
+
|
|
138
|
+
var ariaHidden = listA11y.ariaHidden;
|
|
128
139
|
var dataIdString = dataId ? "".concat(dataId.replace("'", '_')) : value.toLowerCase().replace("'", '_');
|
|
129
140
|
return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
|
|
130
|
-
a11y:
|
|
141
|
+
a11y: listA11y,
|
|
131
142
|
size: size,
|
|
132
143
|
palette: palette,
|
|
133
144
|
highlight: highlight,
|
|
@@ -25,6 +25,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
25
25
|
|
|
26
26
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
27
|
|
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
+
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
|
+
|
|
32
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
33
|
+
|
|
28
34
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
29
35
|
|
|
30
36
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
@@ -116,6 +122,11 @@ var ListItemWithRadio = /*#__PURE__*/function (_React$Component) {
|
|
|
116
122
|
ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
|
|
117
123
|
_customProps$Containe = customProps.ContainerProps,
|
|
118
124
|
ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe;
|
|
125
|
+
|
|
126
|
+
var listA11y = _objectSpread({
|
|
127
|
+
role: 'option'
|
|
128
|
+
}, a11y);
|
|
129
|
+
|
|
119
130
|
var _customClass$customLi = customClass.customListItem,
|
|
120
131
|
customListItem = _customClass$customLi === void 0 ? '' : _customClass$customLi,
|
|
121
132
|
_customClass$customRa = customClass.customRadio,
|
|
@@ -123,7 +134,7 @@ var ListItemWithRadio = /*#__PURE__*/function (_React$Component) {
|
|
|
123
134
|
_customClass$customRa2 = customClass.customRadioWrap,
|
|
124
135
|
customRadioWrap = _customClass$customRa2 === void 0 ? '' : _customClass$customRa2;
|
|
125
136
|
return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
|
|
126
|
-
a11y:
|
|
137
|
+
a11y: listA11y,
|
|
127
138
|
size: size,
|
|
128
139
|
palette: palette,
|
|
129
140
|
highlight: highlight,
|
|
@@ -20,7 +20,7 @@ var AdvancedGroupMultiSelect_propTypes = {
|
|
|
20
20
|
emptyMessage: _propTypes["default"].string.isRequired,
|
|
21
21
|
getContainerRef: _propTypes["default"].func,
|
|
22
22
|
getFooter: _propTypes["default"].func,
|
|
23
|
-
groupedOptions: _propTypes["default"].array.
|
|
23
|
+
groupedOptions: _propTypes["default"].array.isRequired,
|
|
24
24
|
i18nKeys: _propTypes["default"].shape({
|
|
25
25
|
loadingText: _propTypes["default"].string,
|
|
26
26
|
emptyText: _propTypes["default"].string,
|
package/lib/Select/Select.js
CHANGED
|
@@ -994,6 +994,8 @@ SelectComponent.defaultProps = _defaultProps.Select_defaultProps;
|
|
|
994
994
|
SelectComponent.displayName = 'Select';
|
|
995
995
|
var Select = (0, _Popup["default"])(SelectComponent);
|
|
996
996
|
Select.defaultProps = SelectComponent.defaultProps;
|
|
997
|
+
Select.propTypes = _propTypes.Select_propTypes;
|
|
998
|
+
Select.displayName = 'Select';
|
|
997
999
|
var _default = Select; // if (__DOCS__) {
|
|
998
1000
|
// Select.docs = {
|
|
999
1001
|
// componentGroup: 'Form Elements',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/components",
|
|
3
|
-
"version": "1.0.0-temp-
|
|
3
|
+
"version": "1.0.0-temp-167",
|
|
4
4
|
"main": "es/index.js",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -38,9 +38,11 @@
|
|
|
38
38
|
"build:css:umd": "npm run clean && npm run init && react-cli build:css:umd",
|
|
39
39
|
"coverage": "react-cli coverage",
|
|
40
40
|
"prepare": "npm run init && npm run build && npm run rtl && npm run cssVariableConvert ",
|
|
41
|
-
"
|
|
41
|
+
"prepublishOnly": "node prePublish.js && npm run test",
|
|
42
|
+
"postpublish": "node postPublish.js",
|
|
42
43
|
"report": "react-cli publish:report",
|
|
43
|
-
"test": "
|
|
44
|
+
"test": "",
|
|
45
|
+
"snap-update": "npm run test -- -u",
|
|
44
46
|
"sstest": "npm run init && react-cli sstest",
|
|
45
47
|
"build:external": "npm run clean && npm run init && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
|
|
46
48
|
"download": "react-cli clean ./node_modules ./package-lock.json && npm install",
|
|
@@ -48,17 +50,23 @@
|
|
|
48
50
|
"cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
|
|
49
51
|
"variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
|
|
50
52
|
"variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
|
|
51
|
-
"variable:check": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
|
|
53
|
+
"variable:check": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
|
|
54
|
+
"review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli devMode "
|
|
52
55
|
},
|
|
53
56
|
"devDependencies": {
|
|
54
|
-
"@
|
|
57
|
+
"@testing-library/jest-dom": "^5.11.9",
|
|
58
|
+
"@testing-library/react": "^11.2.5",
|
|
59
|
+
"@testing-library/react-hooks": "^7.0.2",
|
|
60
|
+
"@testing-library/user-event": "^13.0.10",
|
|
61
|
+
"@zohodesk-private/color-variable-preprocessor": "1.0.5",
|
|
62
|
+
"@zohodesk-private/react-prop-validator": "0.0.4",
|
|
55
63
|
"@zohodesk-private/css-variable-migrator": "^1.0.5",
|
|
64
|
+
"@zohodesk/a11y": "2.0.0",
|
|
56
65
|
"@zohodesk-private/node-plugins": "^1.0.0",
|
|
57
|
-
"@zohodesk/a11y": "1.3.7",
|
|
58
66
|
"@zohodesk/docstool": "1.0.0-alpha-2",
|
|
59
|
-
"@zohodesk/icons": "1.0.0
|
|
60
|
-
"@zohodesk/svg": "1.
|
|
61
|
-
"@zohodesk/variables": "1.0.0
|
|
67
|
+
"@zohodesk/icons": "1.0.0",
|
|
68
|
+
"@zohodesk/svg": "1.1.1",
|
|
69
|
+
"@zohodesk/variables": "1.0.0",
|
|
62
70
|
"@zohodesk/virtualizer": "1.0.3",
|
|
63
71
|
"react-sortable-hoc": "^0.8.3",
|
|
64
72
|
"velocity-react": "1.4.3"
|
|
@@ -70,9 +78,9 @@
|
|
|
70
78
|
"selectn": "1.1.2"
|
|
71
79
|
},
|
|
72
80
|
"peerDependencies": {
|
|
73
|
-
"@zohodesk/icons": "1.0.0
|
|
74
|
-
"@zohodesk/variables": "1.0.0
|
|
75
|
-
"@zohodesk/svg": "1.
|
|
81
|
+
"@zohodesk/icons": "1.0.0",
|
|
82
|
+
"@zohodesk/variables": "1.0.0",
|
|
83
|
+
"@zohodesk/svg": "1.1.1",
|
|
76
84
|
"@zohodesk/virtualizer": "1.0.3",
|
|
77
85
|
"velocity-react": "1.4.3",
|
|
78
86
|
"react-sortable-hoc": "^0.8.3",
|
|
@@ -112,4 +120,4 @@
|
|
|
112
120
|
"cssUniqueness": "false"
|
|
113
121
|
}
|
|
114
122
|
}
|
|
115
|
-
}
|
|
123
|
+
}
|
package/postPublish.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
const { execSync } = require('child_process');
|
|
2
|
+
const { version, name } = require('./package.json');
|
|
3
|
+
const tagName = `${name}@${version}`;
|
|
4
|
+
// const tagName = `${name.replace(/^@/g, "").replace(/\//g, "-")}-v-${version}}@${version}`;
|
|
5
|
+
console.log(`going to add git tag... ${tagName}`);
|
|
6
|
+
|
|
7
|
+
execSync(`git tag -a ${tagName} -m ${tagName}`, { stdio: 'inherit' });
|
|
8
|
+
execSync(`git push origin ${tagName}`, { stdio: 'inherit' });
|
package/prePublish.js
ADDED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
// const readline = require('readline');
|
|
2
|
+
// const { exec } = require('child_process');
|
|
3
|
+
|
|
4
|
+
// const rl = readline.createInterface({
|
|
5
|
+
// input: process.stdin,
|
|
6
|
+
// output: process.stdout
|
|
7
|
+
// });
|
|
8
|
+
|
|
9
|
+
// console.log('\nNode.js version:', process.version);
|
|
10
|
+
|
|
11
|
+
// function runConsole(command, callback) {
|
|
12
|
+
// exec(command, (error, stdout, stderr) => {
|
|
13
|
+
// if (error) {
|
|
14
|
+
// console.error('Error:', error.message);
|
|
15
|
+
// return;
|
|
16
|
+
// }
|
|
17
|
+
|
|
18
|
+
// if (stderr) {
|
|
19
|
+
// console.error('Error:', stderr);
|
|
20
|
+
// return;
|
|
21
|
+
// }
|
|
22
|
+
|
|
23
|
+
// const npmVersion = stdout.trim();
|
|
24
|
+
// console.log('\n' + command, npmVersion);
|
|
25
|
+
// callback && callback();
|
|
26
|
+
// });
|
|
27
|
+
// }
|
|
28
|
+
|
|
29
|
+
// function askQuestion1() {
|
|
30
|
+
// rl.question('\nHave you updated the changelog in README.md? (yes/no): ', (answer) => {
|
|
31
|
+
// if (answer.toLowerCase() === 'yes') {
|
|
32
|
+
// console.log('\nGreat! Proceeding...');
|
|
33
|
+
// askQuestion2();
|
|
34
|
+
// // rl.close();
|
|
35
|
+
// // Call the function or code to proceed further here.
|
|
36
|
+
// } else if (answer.toLowerCase() === 'no') {
|
|
37
|
+
// rl.close();
|
|
38
|
+
// console.log('\nPlease Update the ChangeLog in README.md, then try again');
|
|
39
|
+
// //throw new Error('\nPlease Update the ChangeLog in README.md, then try again');
|
|
40
|
+
// process.exitCode = 1; // Exit the Node.js process with a success code.
|
|
41
|
+
// } else {
|
|
42
|
+
// console.log('\nInvalid answer. Please enter "yes" or "no".');
|
|
43
|
+
// askQuestion1(); // Ask the question again if the input is not "yes" or "no".
|
|
44
|
+
// }
|
|
45
|
+
// });
|
|
46
|
+
// }
|
|
47
|
+
|
|
48
|
+
// function askQuestion2() {
|
|
49
|
+
// rl.question('\nHave you verified the test snapshot? (yes/no): ', (answer) => {
|
|
50
|
+
// if (answer.toLowerCase() === 'yes') {
|
|
51
|
+
// console.log('\nGreat! Proceeding...');
|
|
52
|
+
// rl.close();
|
|
53
|
+
// // Call the function or code to proceed further here.
|
|
54
|
+
// } else if (answer.toLowerCase() === 'no') {
|
|
55
|
+
// rl.close();
|
|
56
|
+
// //throw new Error('\nPlease Verify the snapshot results, then try again');
|
|
57
|
+
// console.log('\nPlease Verify the snapshot results, then try again');
|
|
58
|
+
// process.exitCode = 1; // Exit the Node.js process with a success code.
|
|
59
|
+
// } else {
|
|
60
|
+
// console.log('\nInvalid answer. Please enter "yes" or "no".');
|
|
61
|
+
// askQuestion2(); // Ask the question again if the input is not "yes" or "no".
|
|
62
|
+
// }
|
|
63
|
+
// });
|
|
64
|
+
// }
|
|
65
|
+
|
|
66
|
+
// function getReactCliVersion() {
|
|
67
|
+
// runConsole('react-cli --version', askQuestion1);
|
|
68
|
+
// }
|
|
69
|
+
|
|
70
|
+
// runConsole('npm --version', getReactCliVersion);
|
package/result.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"jobDetails":{"isRunByLocal":true,"hostName":"karuppiah-zt111","platForm":"Windows_NT","branchName":"KaruppiahRK"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":0,"numberOfFails":0,"numberOfCases":0,"numberOfSuites":1,"endTime":1691063301850,"startTime":1691063298999,"coverageDetail":{"codeCoveragePercentage":null,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"D:\\git\\client\\desklibrary\\KaruppiahRK\\jsapps\\dot\\components\\src\\Button\\__tests__\\Button.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":[]}},{"fileName":"D:\\git\\client\\desklibrary\\KaruppiahRK\\jsapps\\dot\\components\\src\\Button\\__tests__\\Button.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":[]}}]}}}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Accordion, AccordionItem } from '../index';
|
|
3
|
-
describe('Accordion component specification', () => {
|
|
4
|
-
it('open accordion item id 1 ', () => {
|
|
5
|
-
let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
|
|
6
|
-
selectedItem: "1",
|
|
7
|
-
height: "100px",
|
|
8
|
-
maxheight: "100px"
|
|
9
|
-
}, /*#__PURE__*/React.createElement(AccordionItem, {
|
|
10
|
-
id: "1"
|
|
11
|
-
}, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
|
|
12
|
-
"data-id": "data"
|
|
13
|
-
}, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
|
|
14
|
-
id: "2"
|
|
15
|
-
}, /*#__PURE__*/React.createElement("div", null, "Acc-2"), /*#__PURE__*/React.createElement("div", {
|
|
16
|
-
"data-id": "data"
|
|
17
|
-
}, "Data2"))));
|
|
18
|
-
expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
|
|
19
|
-
});
|
|
20
|
-
it('open accordion item id 1 ', () => {
|
|
21
|
-
let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
|
|
22
|
-
selectedItem: "2",
|
|
23
|
-
height: "100px",
|
|
24
|
-
maxheight: "100px"
|
|
25
|
-
}, /*#__PURE__*/React.createElement(AccordionItem, {
|
|
26
|
-
id: "1"
|
|
27
|
-
}, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
"data-id": "data"
|
|
29
|
-
}, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
|
|
30
|
-
id: "2"
|
|
31
|
-
}, /*#__PURE__*/React.createElement("div", null, "Acc-2"), /*#__PURE__*/React.createElement("div", {
|
|
32
|
-
"data-id": "data"
|
|
33
|
-
}, "Data2"))));
|
|
34
|
-
expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data2')).toBe(true);
|
|
35
|
-
});
|
|
36
|
-
it('accordion item 2 click check', () => {
|
|
37
|
-
let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
|
|
38
|
-
selectedItem: "1",
|
|
39
|
-
height: "100px",
|
|
40
|
-
maxheight: "100px"
|
|
41
|
-
}, /*#__PURE__*/React.createElement(AccordionItem, {
|
|
42
|
-
id: "1"
|
|
43
|
-
}, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
|
|
44
|
-
"data-id": "data"
|
|
45
|
-
}, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
|
|
46
|
-
id: "2"
|
|
47
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
48
|
-
"data-id": "ah2"
|
|
49
|
-
}, "Acc-2"), /*#__PURE__*/React.createElement("div", {
|
|
50
|
-
"data-id": "data1"
|
|
51
|
-
}, "Data2"))));
|
|
52
|
-
let acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
|
|
53
|
-
expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
|
|
54
|
-
TestUtils.Simulate.click(acc2);
|
|
55
|
-
expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data1').textContent.contains('Data2')).toBe(true);
|
|
56
|
-
});
|
|
57
|
-
it('accordion click callback check ', () => {
|
|
58
|
-
let mockfn = jest.fn();
|
|
59
|
-
let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
|
|
60
|
-
selectedItem: "1",
|
|
61
|
-
height: "100px",
|
|
62
|
-
maxheight: "100px",
|
|
63
|
-
onSelect: mockfn
|
|
64
|
-
}, /*#__PURE__*/React.createElement(AccordionItem, {
|
|
65
|
-
id: "1"
|
|
66
|
-
}, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
|
|
67
|
-
"data-id": "data"
|
|
68
|
-
}, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
|
|
69
|
-
id: "2"
|
|
70
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
71
|
-
"data-id": "ah2"
|
|
72
|
-
}, "Acc-2"), /*#__PURE__*/React.createElement("div", {
|
|
73
|
-
"data-id": "data"
|
|
74
|
-
}, "Data2"))));
|
|
75
|
-
let acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
|
|
76
|
-
TestUtils.Simulate.click(acc2);
|
|
77
|
-
expect(mockfn.mock.calls.length).toBe(1);
|
|
78
|
-
});
|
|
79
|
-
});
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import Animation from '../Animation';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
describe('Animation Component Test Cases', () => {
|
|
4
|
-
it('Animation component mount testcases', () => {
|
|
5
|
-
const {
|
|
6
|
-
props,
|
|
7
|
-
renderedDOM
|
|
8
|
-
} = setup(Animation, {
|
|
9
|
-
children: /*#__PURE__*/React.createElement("div", {
|
|
10
|
-
"data-id": "animation"
|
|
11
|
-
}, "Hi all"),
|
|
12
|
-
isActive: true
|
|
13
|
-
});
|
|
14
|
-
let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'animation');
|
|
15
|
-
expect(component.getAttribute('data-id')).toBe('animation');
|
|
16
|
-
});
|
|
17
|
-
});
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Avatar from '../Avatar';
|
|
3
|
-
import renderer from 'react-test-renderer';
|
|
4
|
-
let avatarURL = 'avatar.jpg';
|
|
5
|
-
describe('Avatar component', () => {
|
|
6
|
-
it('should display initial', () => {
|
|
7
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
8
|
-
name: "vimalesan a"
|
|
9
|
-
}));
|
|
10
|
-
let tree = ele.toJSON();
|
|
11
|
-
expect(tree).toMatchSnapshot();
|
|
12
|
-
});
|
|
13
|
-
it('should display avatar image and initial while avatar loading...', () => {
|
|
14
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
15
|
-
name: "vimalesan a",
|
|
16
|
-
src: avatarURL
|
|
17
|
-
}));
|
|
18
|
-
let tree = ele.toJSON();
|
|
19
|
-
expect(tree).toMatchSnapshot();
|
|
20
|
-
});
|
|
21
|
-
it('should display initial if invalid url', () => {
|
|
22
|
-
Avatar.invalidImageURLs.push(avatarURL);
|
|
23
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
24
|
-
name: "vimalesan a",
|
|
25
|
-
src: avatarURL
|
|
26
|
-
}));
|
|
27
|
-
let tree = ele.toJSON();
|
|
28
|
-
expect(tree).toMatchSnapshot();
|
|
29
|
-
});
|
|
30
|
-
it('should display image valid url', () => {
|
|
31
|
-
Avatar.invalidImageURLs.length = 0;
|
|
32
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
33
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
34
|
-
name: "vimalesan a",
|
|
35
|
-
src: avatarURL
|
|
36
|
-
}));
|
|
37
|
-
let tree = ele.toJSON();
|
|
38
|
-
expect(tree).toMatchSnapshot();
|
|
39
|
-
});
|
|
40
|
-
it('should the palette is default', () => {
|
|
41
|
-
Avatar.invalidImageURLs.length = 0;
|
|
42
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
43
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
44
|
-
name: "vimalesan a",
|
|
45
|
-
src: avatarURL,
|
|
46
|
-
palette: "default"
|
|
47
|
-
}));
|
|
48
|
-
let tree = ele.toJSON();
|
|
49
|
-
expect(tree).toMatchSnapshot();
|
|
50
|
-
});
|
|
51
|
-
it('should the palette is secondary', () => {
|
|
52
|
-
Avatar.invalidImageURLs.length = 0;
|
|
53
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
54
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
55
|
-
name: "vimalesan a",
|
|
56
|
-
src: avatarURL,
|
|
57
|
-
palette: "secondary"
|
|
58
|
-
}));
|
|
59
|
-
let tree = ele.toJSON();
|
|
60
|
-
expect(tree).toMatchSnapshot();
|
|
61
|
-
});
|
|
62
|
-
it('should the palette is info', () => {
|
|
63
|
-
Avatar.invalidImageURLs.length = 0;
|
|
64
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
65
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
66
|
-
name: "vimalesan a",
|
|
67
|
-
src: avatarURL,
|
|
68
|
-
palette: "info"
|
|
69
|
-
}));
|
|
70
|
-
let tree = ele.toJSON();
|
|
71
|
-
expect(tree).toMatchSnapshot();
|
|
72
|
-
});
|
|
73
|
-
it('should the shape is square', () => {
|
|
74
|
-
Avatar.invalidImageURLs.length = 0;
|
|
75
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
76
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
77
|
-
name: "vimalesan a",
|
|
78
|
-
src: avatarURL,
|
|
79
|
-
shape: "square"
|
|
80
|
-
}));
|
|
81
|
-
let tree = ele.toJSON();
|
|
82
|
-
expect(tree).toMatchSnapshot();
|
|
83
|
-
});
|
|
84
|
-
it('should the size is small', () => {
|
|
85
|
-
Avatar.invalidImageURLs.length = 0;
|
|
86
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
87
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
88
|
-
name: "vimalesan a",
|
|
89
|
-
src: avatarURL,
|
|
90
|
-
size: "square"
|
|
91
|
-
}));
|
|
92
|
-
let tree = ele.toJSON();
|
|
93
|
-
expect(tree).toMatchSnapshot();
|
|
94
|
-
});
|
|
95
|
-
it('should the size is xsmall', () => {
|
|
96
|
-
Avatar.invalidImageURLs.length = 0;
|
|
97
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
98
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
99
|
-
name: "vimalesan a",
|
|
100
|
-
src: avatarURL,
|
|
101
|
-
size: "xsmall"
|
|
102
|
-
}));
|
|
103
|
-
let tree = ele.toJSON();
|
|
104
|
-
expect(tree).toMatchSnapshot();
|
|
105
|
-
});
|
|
106
|
-
it('should the size is xmedium', () => {
|
|
107
|
-
Avatar.invalidImageURLs.length = 0;
|
|
108
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
109
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
110
|
-
name: "vimalesan a",
|
|
111
|
-
src: avatarURL,
|
|
112
|
-
size: "xmedium"
|
|
113
|
-
}));
|
|
114
|
-
let tree = ele.toJSON();
|
|
115
|
-
expect(tree).toMatchSnapshot();
|
|
116
|
-
});
|
|
117
|
-
it('should the size is large', () => {
|
|
118
|
-
Avatar.invalidImageURLs.length = 0;
|
|
119
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
120
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
121
|
-
name: "vimalesan a",
|
|
122
|
-
src: avatarURL,
|
|
123
|
-
size: "large"
|
|
124
|
-
}));
|
|
125
|
-
let tree = ele.toJSON();
|
|
126
|
-
expect(tree).toMatchSnapshot();
|
|
127
|
-
});
|
|
128
|
-
it('should the size is xlarge', () => {
|
|
129
|
-
Avatar.invalidImageURLs.length = 0;
|
|
130
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
131
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
132
|
-
name: "vimalesan a",
|
|
133
|
-
src: avatarURL,
|
|
134
|
-
size: "xlarge"
|
|
135
|
-
}));
|
|
136
|
-
let tree = ele.toJSON();
|
|
137
|
-
expect(tree).toMatchSnapshot();
|
|
138
|
-
});
|
|
139
|
-
it('should have title', () => {
|
|
140
|
-
Avatar.invalidImageURLs.length = 0;
|
|
141
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
142
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
143
|
-
name: "vimalesan a",
|
|
144
|
-
src: avatarURL,
|
|
145
|
-
title: "Sample Title"
|
|
146
|
-
}));
|
|
147
|
-
let tree = ele.toJSON();
|
|
148
|
-
expect(tree).toMatchSnapshot();
|
|
149
|
-
});
|
|
150
|
-
it('should no need title', () => {
|
|
151
|
-
Avatar.invalidImageURLs.length = 0;
|
|
152
|
-
Avatar.validImageURLs.push(avatarURL);
|
|
153
|
-
let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
|
|
154
|
-
name: "vimalesan a",
|
|
155
|
-
src: avatarURL,
|
|
156
|
-
needTitle: false
|
|
157
|
-
}));
|
|
158
|
-
let tree = ele.toJSON();
|
|
159
|
-
expect(tree).toMatchSnapshot();
|
|
160
|
-
});
|
|
161
|
-
});
|