@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.
Files changed (142) hide show
  1. package/README.md +20 -0
  2. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +24 -24
  3. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +24 -24
  4. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +24 -24
  5. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +24 -24
  6. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +24 -24
  7. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +24 -24
  8. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +24 -24
  9. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +24 -24
  10. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +24 -24
  11. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +24 -24
  12. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +24 -24
  13. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +24 -24
  14. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +24 -24
  15. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +24 -24
  16. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +24 -24
  17. package/es/Button/__tests__/Button.spec.js +61 -0
  18. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  19. package/es/Buttongroup/Buttongroup.js +1 -1
  20. package/es/DateTime/DateTime.js +2 -2
  21. package/es/DropBox/DropBox.js +24 -12
  22. package/es/DropBox/props/defaultProps.js +2 -1
  23. package/es/DropBox/props/propTypes.js +2 -1
  24. package/es/ListItem/ListContainer.js +3 -2
  25. package/es/ListItem/ListItem.js +8 -3
  26. package/es/ListItem/ListItemWithAvatar.js +8 -3
  27. package/es/ListItem/ListItemWithCheckBox.js +5 -1
  28. package/es/ListItem/ListItemWithIcon.js +8 -3
  29. package/es/ListItem/ListItemWithRadio.js +5 -1
  30. package/es/MultiSelect/props/propTypes.js +1 -1
  31. package/es/Select/Select.js +2 -0
  32. package/lib/Button/__tests__/Button.spec.js +62 -0
  33. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  34. package/lib/Buttongroup/Buttongroup.js +1 -1
  35. package/lib/DateTime/DateTime.js +2 -2
  36. package/lib/DropBox/DropBox.js +26 -12
  37. package/lib/DropBox/props/defaultProps.js +2 -1
  38. package/lib/DropBox/props/propTypes.js +2 -1
  39. package/lib/ListItem/ListContainer.js +4 -2
  40. package/lib/ListItem/ListItem.js +14 -3
  41. package/lib/ListItem/ListItemWithAvatar.js +14 -3
  42. package/lib/ListItem/ListItemWithCheckBox.js +12 -1
  43. package/lib/ListItem/ListItemWithIcon.js +14 -3
  44. package/lib/ListItem/ListItemWithRadio.js +12 -1
  45. package/lib/MultiSelect/props/propTypes.js +1 -1
  46. package/lib/Select/Select.js +2 -0
  47. package/package.json +21 -13
  48. package/postPublish.js +8 -0
  49. package/prePublish.js +70 -0
  50. package/result.json +1 -0
  51. package/es/Accordion/__tests__/Accordion.spec.js +0 -79
  52. package/es/Animation/__tests__/Animation.spec.js +0 -17
  53. package/es/Avatar/__tests__/Avatar.spec.js +0 -161
  54. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  55. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
  56. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  57. package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
  58. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  59. package/es/Card/__tests__/Card.spec.js +0 -36
  60. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
  61. package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
  62. package/es/DateTime/__tests__/DateTime.spec.js +0 -115
  63. package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
  64. package/es/DropBox/__tests__/DropBox.spec.js +0 -81
  65. package/es/DropDown/__tests__/DropDown.spec.js +0 -44
  66. package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
  67. package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
  68. package/es/Label/__tests__/Label.spec.js +0 -120
  69. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  70. package/es/Layout/__tests__/Box.spec.js +0 -114
  71. package/es/Layout/__tests__/Container.spec.js +0 -120
  72. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
  73. package/es/PopOver/__tests__/PopOver.spec.js +0 -14
  74. package/es/Popup/__tests__/Popup.spec.js +0 -134
  75. package/es/Radio/__tests__/Radiospec.js +0 -23
  76. package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
  77. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  78. package/es/Select/__tests__/Select.spec.js +0 -345
  79. package/es/Stencils/__tests__/Stencils.spec.js +0 -69
  80. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  81. package/es/Tab/__tests__/Tab.spec.js +0 -117
  82. package/es/Tab/__tests__/TabContent.spec.js +0 -16
  83. package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
  84. package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
  85. package/es/Tab/__tests__/Tabs.spec.js +0 -115
  86. package/es/Tag/__tests__/Tag.spec.js +0 -28
  87. package/es/TextBox/__tests__/TextBox.spec.js +0 -189
  88. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  89. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
  90. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  91. package/es/Textarea/__tests__/Textarea.spec.js +0 -171
  92. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  93. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
  94. package/es/utils/__tests__/constructFullName.spec.js +0 -9
  95. package/es/utils/__tests__/debounce.spec.js +0 -37
  96. package/es/utils/__tests__/getInitial.spec.js +0 -23
  97. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  98. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  99. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  100. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  101. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  102. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  103. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  104. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  105. package/lib/Card/__tests__/Card.spec.js +0 -56
  106. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  107. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  108. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  109. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  110. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  111. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  112. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  113. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  114. package/lib/Label/__tests__/Label.spec.js +0 -137
  115. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  116. package/lib/Layout/__tests__/Box.spec.js +0 -121
  117. package/lib/Layout/__tests__/Container.spec.js +0 -127
  118. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  119. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  120. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  121. package/lib/Radio/__tests__/Radiospec.js +0 -29
  122. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  123. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  124. package/lib/Select/__tests__/Select.spec.js +0 -383
  125. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  126. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  127. package/lib/Tab/__tests__/Tab.spec.js +0 -123
  128. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  129. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  130. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  131. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  132. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  133. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  134. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  135. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  136. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  137. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  138. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  139. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  140. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  141. package/lib/utils/__tests__/debounce.spec.js +0 -40
  142. package/lib/utils/__tests__/getInitial.spec.js +0 -26
@@ -1,383 +0,0 @@
1
- "use strict";
2
-
3
- var _expect = _interopRequireDefault(require("expect"));
4
-
5
- var _Select = _interopRequireDefault(require("../Select"));
6
-
7
- var _ListItem = _interopRequireDefault(require("../../ListItem/ListItem"));
8
-
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
12
-
13
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
14
-
15
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
16
-
17
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
18
-
19
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
20
-
21
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
-
23
- describe('Select component conditions', function () {
24
- it('Select component with down arrow', function () {
25
- var _setup = setup(_Select["default"], {
26
- needSelectDownIcon: true,
27
- dataId: 'selectComp'
28
- }),
29
- renderedDOM = _setup.renderedDOM;
30
-
31
- var downIconEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_downIcon');
32
- (0, _expect["default"])(TestUtils.isDOMComponent(downIconEle)).toBeTruthy();
33
- });
34
- it('Select component without down arrow', function () {
35
- var _setup2 = setup(_Select["default"], {
36
- needSelectDownIcon: false,
37
- dataId: 'selectComp'
38
- }),
39
- renderedDOM = _setup2.renderedDOM;
40
-
41
- var downIcons = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_downIcon');
42
- (0, _expect["default"])(downIcons.length).toBe(0);
43
- });
44
- it('Select component with search box', function () {
45
- var _setup3 = setup(_Select["default"], {
46
- needSearch: true,
47
- isPopupOpen: true,
48
- isPopupReady: true,
49
- dataId: 'selectComp'
50
- }),
51
- renderedDOM = _setup3.renderedDOM;
52
-
53
- var textBoxes = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_search');
54
- (0, _expect["default"])(textBoxes.length).toBe(1);
55
- });
56
- it('Select component without search box', function () {
57
- var _setup4 = setup(_Select["default"], {
58
- needSearch: false,
59
- isPopupOpen: true,
60
- dataId: 'selectComp'
61
- }),
62
- renderedDOM = _setup4.renderedDOM;
63
-
64
- var textBoxes = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_search');
65
- (0, _expect["default"])(textBoxes.length).toBe(0);
66
- });
67
- it('Should Show empty message', function () {
68
- var _setup5 = setup(_Select["default"], {
69
- isPopupOpen: true,
70
- dataId: 'selectComp'
71
- }),
72
- renderedDOM = _setup5.renderedDOM;
73
-
74
- var emptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_noOptnsMsg');
75
- (0, _expect["default"])(TestUtils.isDOMComponent(emptyMessageEle)).toBeTruthy();
76
- });
77
- it('Should render suggestions, When popup open', function () {
78
- var _setup6 = setup(_Select["default"], {
79
- dataId: 'selectComp',
80
- isPopupOpen: true
81
- }),
82
- renderedDOM = _setup6.renderedDOM;
83
-
84
- var suggestionsContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
85
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionsContainer)).toBeTruthy();
86
- });
87
- it('Should not render suggestions, When popup close', function () {
88
- var _setup7 = setup(_Select["default"], {
89
- dataId: 'selectComp',
90
- isPopupOpen: false
91
- }),
92
- renderedDOM = _setup7.renderedDOM;
93
-
94
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
95
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
96
- });
97
- it('Should popup open, When click textBox', function () {
98
- var _setup8 = setup(_Select["default"], {
99
- dataId: 'TextBox'
100
- }),
101
- renderedDOM = _setup8.renderedDOM;
102
-
103
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextBox');
104
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'TextBox_suggestions');
105
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
106
- TestUtils.Simulate.click(targetTextBox);
107
- var suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextBox_suggestions');
108
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
109
- });
110
- it('Should popup open, When down arrow press', function () {
111
- var _setup9 = setup(_Select["default"], {
112
- dataId: 'selectComp'
113
- }),
114
- renderedDOM = _setup9.renderedDOM;
115
-
116
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_textBox');
117
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
118
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
119
- TestUtils.Simulate.keyDown(targetTextBox, {
120
- keyCode: 40
121
- });
122
- var suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
123
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
124
- });
125
- xit('Should popup close, When esc key press', function () {
126
- //popup close handling in popup component
127
- var _setup10 = setup(_Select["default"], {
128
- dataId: 'selectComp',
129
- isPopupOpen: true
130
- }),
131
- renderedDOM = _setup10.renderedDOM;
132
-
133
- var suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
134
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
135
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp');
136
- TestUtils.Simulate.keyDown(targetTextBox, {
137
- keyCode: 27
138
- });
139
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
140
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
141
- });
142
- it('Should not popup open, When is readOnly component', function () {
143
- var _setup11 = setup(_Select["default"], {
144
- dataId: 'selectComp',
145
- isReadOnly: true
146
- }),
147
- renderedDOM = _setup11.renderedDOM;
148
-
149
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_readOnly');
150
- TestUtils.Simulate.click(targetTextBox);
151
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
152
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
153
- });
154
- it('Should not popup open, When is disabled component', function () {
155
- var _setup12 = setup(_Select["default"], {
156
- dataId: 'selectComp',
157
- isDisabled: true
158
- }),
159
- renderedDOM = _setup12.renderedDOM;
160
-
161
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_disabled');
162
- TestUtils.Simulate.click(targetTextBox);
163
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
164
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
165
- });
166
- it('Should Show search empty message', function () {
167
- var _setup13 = setup(_Select["default"], {
168
- needSearch: true,
169
- isPopupOpen: true,
170
- dataId: 'textBox'
171
- }),
172
- renderedDOM = _setup13.renderedDOM;
173
-
174
- var _TestUtils$scryRender = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_search'),
175
- _TestUtils$scryRender2 = _slicedToArray(_TestUtils$scryRender, 1),
176
- searchBox = _TestUtils$scryRender2[0];
177
-
178
- TestUtils.Simulate.change(searchBox, {
179
- target: {
180
- value: 'value changed'
181
- }
182
- });
183
- var emptyMessageEle = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_noOptnsMsg');
184
- var searchEmptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox_srchEmptyMsg');
185
- (0, _expect["default"])(emptyMessageEle.length).toBe(0);
186
- (0, _expect["default"])(TestUtils.isDOMComponent(searchEmptyMessageEle)).toBeTruthy();
187
- });
188
- it('Should show loading and hide loading', function (cb) {
189
- var resolveFunc = null;
190
- var newPromise = new Promise(function (res) {
191
- resolveFunc = res;
192
- });
193
- var searchDebounceTime = 0;
194
-
195
- var _setup14 = setup(_Select["default"], {
196
- onSearch: jest.fn(function () {
197
- return newPromise;
198
- }),
199
- needSearch: true,
200
- searchDebounceTime: searchDebounceTime,
201
- isPopupOpen: true,
202
- dataId: 'textBox'
203
- }),
204
- renderedDOM = _setup14.renderedDOM,
205
- props = _setup14.props;
206
-
207
- var _TestUtils$scryRender3 = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_search'),
208
- _TestUtils$scryRender4 = _slicedToArray(_TestUtils$scryRender3, 1),
209
- searchBox = _TestUtils$scryRender4[0];
210
-
211
- TestUtils.Simulate.change(searchBox, {
212
- target: {
213
- value: 'value changed'
214
- }
215
- }); //
216
-
217
- setTimeout(function () {
218
- (0, _expect["default"])(props.onSearch).toHaveBeenCalled();
219
- (0, _expect["default"])(props.onSearch.mock.calls[0][0]).toEqual('value changed');
220
- var loadingEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox_Loading');
221
- (0, _expect["default"])(TestUtils.isDOMComponent(loadingEle)).toBeTruthy();
222
- resolveFunc();
223
- return newPromise.then(function () {
224
- var loadingEleArr = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_Loading');
225
- (0, _expect["default"])(loadingEleArr.length).toBe(0);
226
- cb();
227
- });
228
- }, searchDebounceTime); //
229
- });
230
- it('Should call onChange, When select list item', function () {
231
- var defaultProps = {
232
- options: [{
233
- id: '1',
234
- text: 'one'
235
- }, {
236
- id: '2',
237
- text: 'two'
238
- }],
239
- onChange: jest.fn(),
240
- isPopupOpen: true
241
- };
242
-
243
- var _setup15 = setup(_Select["default"], defaultProps),
244
- renderedDOM = _setup15.renderedDOM,
245
- props = _setup15.props;
246
-
247
- var _TestUtils$scryRender5 = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'one'),
248
- _TestUtils$scryRender6 = _slicedToArray(_TestUtils$scryRender5, 1),
249
- listItem = _TestUtils$scryRender6[0];
250
-
251
- TestUtils.Simulate.click(listItem);
252
- (0, _expect["default"])(props.onChange).toHaveBeenCalledWith('1', {
253
- id: '1',
254
- text: 'one'
255
- });
256
- });
257
- it('Should not call onChange func, When is readonly component', function () {
258
- var defaultProps = {
259
- options: [{
260
- id: '1',
261
- text: 'one'
262
- }, {
263
- id: '2',
264
- text: 'two'
265
- }],
266
- onChange: jest.fn(),
267
- isReadOnly: true
268
- };
269
-
270
- var _setup16 = setup(_Select["default"], defaultProps),
271
- renderedDOM = _setup16.renderedDOM;
272
-
273
- var listItems = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, '1');
274
- (0, _expect["default"])(listItems.length).toBe(0);
275
- });
276
- it('Should call getNextOptions, When on reach boundary and isNextOptions is true', function () {
277
- var defaultProps = {
278
- options: [1, 2, 3, 4, 5],
279
- getNextOptions: jest.fn(),
280
- isNextOptions: true,
281
- isPopupOpen: true
282
- };
283
-
284
- var _setup17 = setup(_Select["default"], defaultProps),
285
- renderedDOM = _setup17.renderedDOM,
286
- props = _setup17.props;
287
-
288
- var searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
289
- TestUtils.Simulate.keyDown(searchBox, {
290
- keyCode: 40
291
- });
292
- TestUtils.Simulate.keyDown(searchBox, {
293
- keyCode: 40
294
- });
295
- TestUtils.Simulate.keyDown(searchBox, {
296
- keyCode: 40
297
- });
298
- (0, _expect["default"])(props.getNextOptions).toHaveBeenCalled();
299
- });
300
- it('Should not call getNextOptions, When on reach boundary and isNextOptions is false', function () {
301
- var defaultProps = {
302
- options: [1, 2, 3, 4, 5],
303
- getNextOptions: jest.fn(),
304
- isNextOptions: false,
305
- isPopupOpen: true
306
- };
307
-
308
- var _setup18 = setup(_Select["default"], defaultProps),
309
- renderedDOM = _setup18.renderedDOM,
310
- props = _setup18.props;
311
-
312
- var searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
313
- TestUtils.Simulate.keyDown(searchBox, {
314
- keyCode: 40
315
- });
316
- TestUtils.Simulate.keyDown(searchBox, {
317
- keyCode: 40
318
- });
319
- TestUtils.Simulate.keyDown(searchBox, {
320
- keyCode: 40
321
- });
322
- (0, _expect["default"])(props.getNextOptions).not.toHaveBeenCalled();
323
- });
324
- it('Should ignore excludeOptions', function () {
325
- var defaultProps = {
326
- options: ['1', '2', '3', '4', '5'],
327
- excludeOptions: ['1', '2'],
328
- isPopupOpen: true
329
- };
330
-
331
- var _setup19 = setup(_Select["default"], defaultProps),
332
- renderedDOM = _setup19.renderedDOM; // let liteItemArr = TestUtils.scryRenderedComponentsWithTestid(
333
- // renderedDOM,
334
- // 'listItem'
335
- // );
336
-
337
-
338
- var liteItemArr = TestUtils.scryRenderedComponentsWithType(renderedDOM, _ListItem["default"]);
339
- (0, _expect["default"])(liteItemArr.length).toBe(3);
340
- });
341
- it('Should select defaultValue', function () {
342
- var defaultProps = {
343
- options: ['1', '2', '3', '4', '5'],
344
- isDefaultSelectValue: true
345
- };
346
-
347
- var _setup20 = setup(_Select["default"], defaultProps),
348
- renderedDOM = _setup20.renderedDOM;
349
-
350
- var selectComp = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
351
- (0, _expect["default"])(selectComp.value).toBe('1');
352
- });
353
- it('Should not select defaultValue', function () {
354
- var defaultProps = {
355
- options: ['1', '2', '3', '4', '5'],
356
- isDefaultSelectValue: false
357
- };
358
-
359
- var _setup21 = setup(_Select["default"], defaultProps),
360
- renderedDOM = _setup21.renderedDOM;
361
-
362
- var selectComp = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
363
- (0, _expect["default"])(selectComp.value).toBe('');
364
- });
365
- it('Should active selected value', function () {
366
- var defaultProps = {
367
- options: ['1', '2', '3', '4', '5'],
368
- selectedValue: '1',
369
- isPopupOpen: true
370
- };
371
-
372
- var _setup22 = setup(_Select["default"], defaultProps),
373
- renderedDOM = _setup22.renderedDOM;
374
-
375
- var _TestUtils$scryRender7 = TestUtils.scryRenderedComponentsWithType(renderedDOM, _ListItem["default"]),
376
- _TestUtils$scryRender8 = _slicedToArray(_TestUtils$scryRender7, 2),
377
- listItem1 = _TestUtils$scryRender8[0],
378
- listItem2 = _TestUtils$scryRender8[1];
379
-
380
- (0, _expect["default"])(listItem1.props.active).toBeTruthy();
381
- (0, _expect["default"])(listItem2.props.active).toBeFalsy();
382
- });
383
- });
@@ -1,84 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _Stencils = _interopRequireDefault(require("../Stencils"));
6
-
7
- var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
-
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
- describe('Stencils component', function () {
12
- it('should the palette is primary', function () {
13
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
14
- palette: "primary"
15
- }));
16
-
17
- var tree = ele.toJSON();
18
- expect(tree).toMatchSnapshot();
19
- });
20
- it('should the palette is secondary', function () {
21
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
22
- palette: "secondary"
23
- }));
24
-
25
- var tree = ele.toJSON();
26
- expect(tree).toMatchSnapshot();
27
- });
28
- it('should the size is small', function () {
29
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
30
- palette: "default",
31
- size: "small"
32
- }));
33
-
34
- var tree = ele.toJSON();
35
- expect(tree).toMatchSnapshot();
36
- });
37
- it('should the size is medium', function () {
38
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
39
- palette: "default",
40
- size: "small"
41
- }));
42
-
43
- var tree = ele.toJSON();
44
- expect(tree).toMatchSnapshot();
45
- });
46
- it('should the size is large', function () {
47
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
48
- palette: "default",
49
- size: "large"
50
- }));
51
-
52
- var tree = ele.toJSON();
53
- expect(tree).toMatchSnapshot();
54
- });
55
- it('should the size is default', function () {
56
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
57
- palette: "default",
58
- size: "default"
59
- }));
60
-
61
- var tree = ele.toJSON();
62
- expect(tree).toMatchSnapshot();
63
- });
64
- it('should the shape is rect', function () {
65
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
66
- palette: "default",
67
- shape: "rect",
68
- size: "default"
69
- }));
70
-
71
- var tree = ele.toJSON();
72
- expect(tree).toMatchSnapshot();
73
- });
74
- it('should the shape is circle', function () {
75
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
76
- palette: "default",
77
- shape: "circle",
78
- size: "default"
79
- }));
80
-
81
- var tree = ele.toJSON();
82
- expect(tree).toMatchSnapshot();
83
- });
84
- });
@@ -1,49 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Stencils component should the palette is primary 1`] = `
4
- <div
5
- className="rectangular medium primary"
6
- />
7
- `;
8
-
9
- exports[`Stencils component should the palette is secondary 1`] = `
10
- <div
11
- className="rectangular medium secondary"
12
- />
13
- `;
14
-
15
- exports[`Stencils component should the shape is circle 1`] = `
16
- <div
17
- className="circle cdefault default"
18
- />
19
- `;
20
-
21
- exports[`Stencils component should the shape is rect 1`] = `
22
- <div
23
- className="rectangular default default"
24
- />
25
- `;
26
-
27
- exports[`Stencils component should the size is default 1`] = `
28
- <div
29
- className="rectangular default default"
30
- />
31
- `;
32
-
33
- exports[`Stencils component should the size is large 1`] = `
34
- <div
35
- className="rectangular large default"
36
- />
37
- `;
38
-
39
- exports[`Stencils component should the size is medium 1`] = `
40
- <div
41
- className="rectangular small default"
42
- />
43
- `;
44
-
45
- exports[`Stencils component should the size is small 1`] = `
46
- <div
47
- className="rectangular small default"
48
- />
49
- `;
@@ -1,123 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _Tab = _interopRequireDefault(require("../Tab"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
-
9
- describe('Tab Component', function () {
10
- it('Is Contains alpha class', function () {
11
- var _setup = setup(_Tab["default"], {
12
- type: 'alpha',
13
- needAppearance: true,
14
- getActiveRef: function getActiveRef() {}
15
- }),
16
- props = _setup.props,
17
- renderedDOM = _setup.renderedDOM;
18
-
19
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabAlpha')).toBe(true);
20
- });
21
- it('Is Contains beta class', function () {
22
- var _setup2 = setup(_Tab["default"], {
23
- type: 'beta',
24
- needAppearance: true,
25
- getActiveRef: function getActiveRef() {}
26
- }),
27
- props = _setup2.props,
28
- renderedDOM = _setup2.renderedDOM;
29
-
30
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabBeta')).toBe(true);
31
- });
32
- it('Is Contains gamma class', function () {
33
- var _setup3 = setup(_Tab["default"], {
34
- type: 'gamma',
35
- needAppearance: true,
36
- getActiveRef: function getActiveRef() {}
37
- }),
38
- props = _setup3.props,
39
- renderedDOM = _setup3.renderedDOM;
40
-
41
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
42
- });
43
- it('Is Contains delta class', function () {
44
- var _setup4 = setup(_Tab["default"], {
45
- type: 'delta',
46
- needAppearance: true,
47
- getActiveRef: function getActiveRef() {}
48
- }),
49
- props = _setup4.props,
50
- renderedDOM = _setup4.renderedDOM;
51
-
52
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabDelta')).toBe(true);
53
- }); // it('Is Contains zeta class', () => {
54
- // const { props, renderedDOM } = setup(Tab, { type: 'zeta', needAppearance: true, getActiveRef: () => { } });
55
- // expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
56
- // });
57
- // it('Is Contains special class', () => {
58
- // const { props, renderedDOM } = setup(Tab, { type: 'special', getActiveRef: () => {} });
59
- // expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('special')).toBe(true);
60
- //
61
- // });
62
-
63
- it('Is Contains active class', function () {
64
- var _setup5 = setup(_Tab["default"], {
65
- type: 'alpha',
66
- needAppearance: true,
67
- id: '0',
68
- selectedTab: '0',
69
- isActive: true,
70
- getActiveRef: function getActiveRef() {}
71
- }),
72
- props = _setup5.props,
73
- renderedDOM = _setup5.renderedDOM;
74
-
75
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive')).toBe(true);
76
- });
77
- it('Is Contains border class', function () {
78
- var _setup6 = setup(_Tab["default"], {
79
- isActive: true,
80
- type: 'alpha',
81
- needAppearance: true,
82
- needBorder: true,
83
- getActiveRef: function getActiveRef() {}
84
- }),
85
- props = _setup6.props,
86
- renderedDOM = _setup6.renderedDOM;
87
-
88
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive_border')).toBe(true);
89
- });
90
- it('Is call onClick', function () {
91
- var _setup7 = setup(_Tab["default"], {
92
- id: '2',
93
- onClick: jest.fn(),
94
- onSelect: jest.fn(),
95
- getActiveRef: function getActiveRef() {}
96
- }),
97
- renderedDOM = _setup7.renderedDOM,
98
- props = _setup7.props;
99
-
100
- var tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
101
- TestUtils.Simulate.click(tabElement, {
102
- currentTarget: {
103
- offsetLeft: 0,
104
- offsetWidth: 0
105
- }
106
- });
107
- expect(props.onClick).toHaveBeenCalled();
108
- expect(props.onSelect).toHaveBeenLastCalledWith('2');
109
- });
110
- it('is render text span', function () {
111
- var _setup8 = setup(_Tab["default"], {
112
- type: 'alpha',
113
- dataId: 'taskSubtab1',
114
- text: 'Tab1',
115
- getActiveRef: function getActiveRef() {}
116
- }),
117
- renderedDOM = _setup8.renderedDOM,
118
- props = _setup8.props;
119
-
120
- var tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'taskSubtab1_Tab');
121
- expect(tabElement.getAttribute('data-id')).toBe('taskSubtab1_Tab');
122
- });
123
- });
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _TabContent = _interopRequireDefault(require("../TabContent"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
-
9
- describe('TabContent Component', function () {
10
- it('render TabContent', function () {
11
- var _setup = setup(_TabContent["default"], {
12
- children: /*#__PURE__*/_react["default"].createElement("div", {
13
- "data-id": "tabcontent"
14
- }, "Tab Content")
15
- }),
16
- props = _setup.props,
17
- renderedDOM = _setup.renderedDOM;
18
-
19
- var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabcontent');
20
- expect(component.getAttribute('data-id')).toBe('tabcontent');
21
- });
22
- });