@zohodesk/components 1.1.0 → 1.1.1

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 (114) hide show
  1. package/README.md +5 -1
  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/lib/Button/__tests__/Button.spec.js +62 -0
  20. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  21. package/package.json +12 -7
  22. package/result.json +1 -0
  23. package/es/Accordion/__tests__/Accordion.spec.js +0 -79
  24. package/es/Animation/__tests__/Animation.spec.js +0 -17
  25. package/es/Avatar/__tests__/Avatar.spec.js +0 -161
  26. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  27. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
  28. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  29. package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
  30. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  31. package/es/Card/__tests__/Card.spec.js +0 -36
  32. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
  33. package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
  34. package/es/DateTime/__tests__/DateTime.spec.js +0 -115
  35. package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
  36. package/es/DropBox/__tests__/DropBox.spec.js +0 -81
  37. package/es/DropDown/__tests__/DropDown.spec.js +0 -44
  38. package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
  39. package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
  40. package/es/Label/__tests__/Label.spec.js +0 -120
  41. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  42. package/es/Layout/__tests__/Box.spec.js +0 -114
  43. package/es/Layout/__tests__/Container.spec.js +0 -120
  44. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
  45. package/es/PopOver/__tests__/PopOver.spec.js +0 -14
  46. package/es/Popup/__tests__/Popup.spec.js +0 -134
  47. package/es/Radio/__tests__/Radiospec.js +0 -23
  48. package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
  49. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  50. package/es/Select/__tests__/Select.spec.js +0 -345
  51. package/es/Stencils/__tests__/Stencils.spec.js +0 -69
  52. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  53. package/es/Tab/__tests__/Tab.spec.js +0 -117
  54. package/es/Tab/__tests__/TabContent.spec.js +0 -16
  55. package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
  56. package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
  57. package/es/Tab/__tests__/Tabs.spec.js +0 -115
  58. package/es/Tag/__tests__/Tag.spec.js +0 -28
  59. package/es/TextBox/__tests__/TextBox.spec.js +0 -189
  60. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  61. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
  62. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  63. package/es/Textarea/__tests__/Textarea.spec.js +0 -171
  64. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  65. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
  66. package/es/utils/__tests__/constructFullName.spec.js +0 -9
  67. package/es/utils/__tests__/debounce.spec.js +0 -37
  68. package/es/utils/__tests__/getInitial.spec.js +0 -23
  69. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  70. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  71. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  72. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  73. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  74. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  75. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  76. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  77. package/lib/Card/__tests__/Card.spec.js +0 -56
  78. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  79. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  80. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  81. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  82. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  83. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  84. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  85. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  86. package/lib/Label/__tests__/Label.spec.js +0 -137
  87. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  88. package/lib/Layout/__tests__/Box.spec.js +0 -121
  89. package/lib/Layout/__tests__/Container.spec.js +0 -127
  90. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  91. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  92. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  93. package/lib/Radio/__tests__/Radiospec.js +0 -29
  94. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  95. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  96. package/lib/Select/__tests__/Select.spec.js +0 -383
  97. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  98. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  99. package/lib/Tab/__tests__/Tab.spec.js +0 -123
  100. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  101. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  102. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  103. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  104. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  105. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  106. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  107. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  108. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  109. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  110. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  111. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  112. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  113. package/lib/utils/__tests__/debounce.spec.js +0 -40
  114. 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
- });