@pingux/astro 2.85.0 → 2.86.0-alpha.0

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 (95) hide show
  1. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +3 -1
  2. package/lib/cjs/components/AstroProvider/AstroProvider.js +13 -19
  3. package/lib/cjs/components/Box/Box.js +11 -11
  4. package/lib/cjs/components/Button/Button.js +4 -6
  5. package/lib/cjs/components/Button/Button.test.js +46 -10
  6. package/lib/cjs/components/CodeEditor/CodeEditor.test.js +20 -0
  7. package/lib/cjs/components/CodeView/CodeView.test.js +18 -6
  8. package/lib/cjs/components/ColorField/ColorField.js +4 -6
  9. package/lib/cjs/components/CopyText/CopyText.test.js +21 -23
  10. package/lib/cjs/components/DataTable/DataTable.test.js +39 -34
  11. package/lib/cjs/components/FieldHelperText/FieldHelperText.js +3 -1
  12. package/lib/cjs/components/HelpHint/HelpHint.test.js +25 -13
  13. package/lib/cjs/components/Image/Image.js +1 -2
  14. package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +6 -2
  15. package/lib/cjs/components/ListView/ListView.test.js +3 -1
  16. package/lib/cjs/components/Messages/Messages.test.js +1 -2
  17. package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +1 -2
  18. package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +1 -2
  19. package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +75 -25
  20. package/lib/cjs/components/NavBar/NavBar.test.js +9 -3
  21. package/lib/cjs/components/NavSideBar/NavSideBar.test.js +15 -5
  22. package/lib/cjs/components/NumberField/NumberField.test.js +3 -1
  23. package/lib/cjs/components/PasswordField/PasswordField.js +2 -0
  24. package/lib/cjs/components/PasswordField/PasswordField.test.js +28 -22
  25. package/lib/cjs/components/PopoverContainer/PopoverContainer.js +2 -4
  26. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +39 -18
  27. package/lib/cjs/components/Stepper/Line.js +4 -4
  28. package/lib/cjs/components/Stepper/Stepper.js +7 -5
  29. package/lib/cjs/components/Tab/Tab.js +2 -2
  30. package/lib/cjs/components/Tabs/Tabs.test.js +404 -273
  31. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +19 -10
  32. package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +3 -3
  33. package/lib/cjs/hooks/useComponentToggle/useComponentToggle.test.js +4 -5
  34. package/lib/cjs/hooks/useDebounce/useDebounce.test.js +5 -5
  35. package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.test.js +8 -8
  36. package/lib/cjs/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +3 -3
  37. package/lib/cjs/hooks/useFallbackImage/useFallbackImage.test.js +4 -4
  38. package/lib/cjs/hooks/useField/useField.test.js +14 -14
  39. package/lib/cjs/hooks/useModalState/useModalState.test.js +16 -16
  40. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +3 -3
  41. package/lib/cjs/hooks/useNavBarStyling/useNavBarStyling.test.js +3 -3
  42. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js +2 -2
  43. package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +6 -6
  44. package/lib/cjs/hooks/useStatusClasses/useStatusClasses.test.js +5 -5
  45. package/lib/cjs/hooks/useTShirtSize/useTShirtSize.test.js +6 -6
  46. package/lib/cjs/types/tabs.d.ts +1 -0
  47. package/lib/cjs/utils/testUtils/setupTests.js +3 -0
  48. package/lib/cjs/utils/testUtils/testWrapper.d.ts +1 -1
  49. package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +3 -1
  50. package/lib/components/AstroProvider/AstroProvider.js +13 -19
  51. package/lib/components/Box/Box.js +11 -11
  52. package/lib/components/Button/Button.js +4 -6
  53. package/lib/components/Button/Button.test.js +47 -11
  54. package/lib/components/CodeEditor/CodeEditor.test.js +20 -0
  55. package/lib/components/CodeView/CodeView.test.js +18 -6
  56. package/lib/components/ColorField/ColorField.js +4 -6
  57. package/lib/components/CopyText/CopyText.test.js +15 -16
  58. package/lib/components/DataTable/DataTable.test.js +19 -14
  59. package/lib/components/FieldHelperText/FieldHelperText.js +3 -1
  60. package/lib/components/HelpHint/HelpHint.test.js +26 -14
  61. package/lib/components/Image/Image.js +1 -2
  62. package/lib/components/ImageUploadField/ImageUploadField.test.js +7 -3
  63. package/lib/components/ListView/ListView.test.js +4 -2
  64. package/lib/components/Messages/Messages.test.js +1 -2
  65. package/lib/components/Messages/utils/tests/messagesReducer.test.js +1 -2
  66. package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js +1 -2
  67. package/lib/components/MultivaluesField/MultivaluesField.test.js +76 -26
  68. package/lib/components/NavBar/NavBar.test.js +10 -4
  69. package/lib/components/NavSideBar/NavSideBar.test.js +16 -6
  70. package/lib/components/NumberField/NumberField.test.js +4 -2
  71. package/lib/components/PasswordField/PasswordField.js +2 -0
  72. package/lib/components/PasswordField/PasswordField.test.js +27 -21
  73. package/lib/components/PopoverContainer/PopoverContainer.js +2 -4
  74. package/lib/components/SelectFieldBase/SelectFieldBase.test.js +40 -17
  75. package/lib/components/Stepper/Line.js +3 -4
  76. package/lib/components/Stepper/Stepper.js +7 -5
  77. package/lib/components/Tab/Tab.js +2 -2
  78. package/lib/components/Tabs/Tabs.test.js +404 -273
  79. package/lib/components/TooltipTrigger/TooltipTrigger.test.js +20 -11
  80. package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +1 -1
  81. package/lib/hooks/useComponentToggle/useComponentToggle.test.js +1 -2
  82. package/lib/hooks/useDebounce/useDebounce.test.js +1 -1
  83. package/lib/hooks/useDeprecationWarning/useDeprecationWarning.test.js +1 -1
  84. package/lib/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +1 -1
  85. package/lib/hooks/useFallbackImage/useFallbackImage.test.js +1 -1
  86. package/lib/hooks/useField/useField.test.js +2 -2
  87. package/lib/hooks/useModalState/useModalState.test.js +1 -1
  88. package/lib/hooks/useNavBarPress/useNavBarPress.test.js +1 -1
  89. package/lib/hooks/useNavBarStyling/useNavBarStyling.test.js +1 -1
  90. package/lib/hooks/useOverlayPanelState/useOverlayPanelState.test.js +1 -1
  91. package/lib/hooks/usePropWarning/usePropWarning.test.js +1 -1
  92. package/lib/hooks/useStatusClasses/useStatusClasses.test.js +1 -1
  93. package/lib/hooks/useTShirtSize/useTShirtSize.test.js +1 -1
  94. package/lib/utils/testUtils/setupTests.js +3 -0
  95. package/package.json +10 -10
@@ -8,7 +8,6 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
8
8
  var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
- var _testUtils = require("react-dom/test-utils");
12
11
  var _testWrapper = require("../../../../utils/testUtils/testWrapper");
13
12
  var _multiMessagesReducer = _interopRequireWildcard(require("../multiMessagesReducer"));
14
13
  var _react2 = require("@emotion/react");
@@ -87,7 +86,7 @@ test('should show and hide a message', function () {
87
86
  jest.useFakeTimers();
88
87
  getComponent();
89
88
  expect((_screen$queryByTestId = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId === void 0 ? void 0 : _screen$queryByTestId.children.length).toBe(1);
90
- (0, _testUtils.act)(function () {
89
+ (0, _testWrapper.act)(function () {
91
90
  jest.runAllTimers();
92
91
  });
93
92
  expect((_screen$queryByTestId2 = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId2 === void 0 ? void 0 : _screen$queryByTestId2.children.length).toBe(0);
@@ -157,10 +157,14 @@ test('closes listbox on blur and fires "onBlur"', function () {
157
157
  onBlur: onBlur
158
158
  });
159
159
  var input = _testWrapper.screen.getByRole('combobox');
160
- _userEvent["default"].tab();
160
+ (0, _testWrapper.act)(function () {
161
+ _userEvent["default"].tab();
162
+ });
161
163
  expect(input).toHaveFocus();
162
164
  expect(_testWrapper.screen.queryByRole('listbox')).toBeInTheDocument();
163
- input.blur();
165
+ (0, _testWrapper.act)(function () {
166
+ input.blur();
167
+ });
164
168
  expect(_testWrapper.screen.queryByRole('listbox')).not.toBeInTheDocument();
165
169
  expect(onBlur).toBeCalled();
166
170
  });
@@ -174,7 +178,9 @@ test('opening and closing listbox fires "onOpenChange"', function () {
174
178
  expect(input).toHaveFocus();
175
179
  expect(_testWrapper.screen.queryByRole('listbox')).toBeInTheDocument();
176
180
  expect(onOpenChange).toHaveBeenCalledWith(true);
177
- input.blur();
181
+ (0, _testWrapper.act)(function () {
182
+ input.blur();
183
+ });
178
184
  expect(_testWrapper.screen.queryByRole('listbox')).not.toBeInTheDocument();
179
185
  expect(onOpenChange).toHaveBeenCalledWith(false);
180
186
  });
@@ -187,10 +193,14 @@ test('multiple selection is enabled, option disappears after selection', functio
187
193
  expect(listbox).toHaveAttribute('aria-multiselectable', 'true');
188
194
  var options = (0, _testWrapper.within)(listbox).getAllByRole('option');
189
195
  var firstOption = options[0];
190
- firstOption.click();
196
+ (0, _testWrapper.act)(function () {
197
+ firstOption.click();
198
+ });
191
199
  expect(firstOption).not.toBeInTheDocument();
192
200
  var secondOption = options[1];
193
- secondOption.click();
201
+ (0, _testWrapper.act)(function () {
202
+ secondOption.click();
203
+ });
194
204
  expect(secondOption).not.toBeInTheDocument();
195
205
  });
196
206
  test('updates aria attributes on option focus', function () {
@@ -227,7 +237,9 @@ test('clicking an option renders badge with option name', function () {
227
237
  expect(input).toHaveFocus();
228
238
  var options = _testWrapper.screen.getAllByRole('option');
229
239
  var firstOption = options[0];
230
- firstOption.click();
240
+ (0, _testWrapper.act)(function () {
241
+ firstOption.click();
242
+ });
231
243
  expect(firstOption).not.toBeInTheDocument();
232
244
  var badge = _testWrapper.screen.getByText(items[0].name);
233
245
  expect(badge).toBeInTheDocument();
@@ -241,7 +253,9 @@ test('after clicking an option, and then clicking the text input, the listbox re
241
253
  expect(input).toHaveFocus();
242
254
  var options = _testWrapper.screen.getAllByRole('option');
243
255
  var firstOption = options[0];
244
- firstOption.click();
256
+ (0, _testWrapper.act)(function () {
257
+ firstOption.click();
258
+ });
245
259
  expect(firstOption).not.toBeInTheDocument();
246
260
  expect(_testWrapper.screen.queryByRole('listbox')).toBeInTheDocument();
247
261
  _userEvent["default"].click(input);
@@ -266,7 +280,9 @@ test('after clicking an option, and then typing a custom input, the listbox rema
266
280
  expect(input).toHaveFocus();
267
281
  options = _testWrapper.screen.getAllByRole('option');
268
282
  firstOption = options[0];
269
- firstOption.click();
283
+ (0, _testWrapper.act)(function () {
284
+ firstOption.click();
285
+ });
270
286
  expect(firstOption).not.toBeInTheDocument();
271
287
  _context.next = 10;
272
288
  return _userEvent["default"].clear(input);
@@ -292,15 +308,23 @@ test('clicking on delete button deletes selection, and re-adds option to list',
292
308
  expect(input).toHaveFocus();
293
309
  var options = _testWrapper.screen.getAllByRole('option');
294
310
  var firstOption = options[0];
295
- firstOption.click();
311
+ (0, _testWrapper.act)(function () {
312
+ firstOption.click();
313
+ });
296
314
  expect(firstOption).not.toBeInTheDocument();
297
315
  var badge = _testWrapper.screen.getByText(items[0].name);
298
316
  expect(badge).toBeInTheDocument();
299
317
  var deleteButton = badge.nextSibling;
300
- deleteButton.click();
318
+ (0, _testWrapper.act)(function () {
319
+ deleteButton.click();
320
+ });
301
321
  expect(badge).not.toBeInTheDocument();
302
- input.blur();
303
- input.focus();
322
+ (0, _testWrapper.act)(function () {
323
+ input.blur();
324
+ });
325
+ (0, _testWrapper.act)(function () {
326
+ input.focus();
327
+ });
304
328
  var updatedOptions = _testWrapper.screen.getAllByRole('option');
305
329
  expect(updatedOptions[0]).toBeInTheDocument();
306
330
  expect(updatedOptions[0]).toHaveTextContent(items[0].name);
@@ -316,10 +340,14 @@ test('clicking an option fires "onSelectionChange"', function () {
316
340
  var listbox = _testWrapper.screen.getByRole('listbox');
317
341
  var options = (0, _testWrapper.within)(listbox).getAllByRole('option');
318
342
  var firstOption = options[0];
319
- firstOption.click();
343
+ (0, _testWrapper.act)(function () {
344
+ firstOption.click();
345
+ });
320
346
  expect(firstOption).not.toBeInTheDocument();
321
347
  var secondOption = options[1];
322
- secondOption.click();
348
+ (0, _testWrapper.act)(function () {
349
+ secondOption.click();
350
+ });
323
351
  expect(secondOption).not.toBeInTheDocument();
324
352
  expect(onSelectionChange).toBeCalledTimes(2);
325
353
  expect(onSelectionChange.mock.calls[0][0].has(items[0].name)).toBeTruthy();
@@ -483,7 +511,9 @@ test('in non-restrictive mode the value that was already selected using the list
483
511
  var listbox = _testWrapper.screen.getByRole('listbox');
484
512
  var options = (0, _testWrapper.within)(listbox).getAllByRole('option');
485
513
  var firstOption = options[0];
486
- firstOption.click();
514
+ (0, _testWrapper.act)(function () {
515
+ firstOption.click();
516
+ });
487
517
  expect(onSelectionChange.mock.calls[0][0].has(items[0].name)).toBeTruthy();
488
518
  onSelectionChange.mockClear();
489
519
  _userEvent["default"].type(input, items[0].name);
@@ -660,7 +690,9 @@ test('deleting a single badge via keyboard moves focus to the input', function (
660
690
  _userEvent["default"].tab();
661
691
  var options = _testWrapper.screen.getAllByRole('option');
662
692
  var firstOption = options[0];
663
- firstOption.click();
693
+ (0, _testWrapper.act)(function () {
694
+ firstOption.click();
695
+ });
664
696
  var badge = _testWrapper.screen.getByText(items[0].name);
665
697
  expect(badge).toBeInTheDocument();
666
698
  _userEvent["default"].tab({
@@ -683,8 +715,12 @@ test('deleting the last badge via keyboard moves focus to the previous badge', f
683
715
  var options = _testWrapper.screen.getAllByRole('option');
684
716
  var firstOption = options[0];
685
717
  var secondOption = options[1];
686
- firstOption.click();
687
- secondOption.click();
718
+ (0, _testWrapper.act)(function () {
719
+ firstOption.click();
720
+ });
721
+ (0, _testWrapper.act)(function () {
722
+ secondOption.click();
723
+ });
688
724
  var badge1 = _testWrapper.screen.getByText(items[0].name);
689
725
  var badge2 = _testWrapper.screen.getByText(items[1].name);
690
726
  expect(badge1).toBeInTheDocument();
@@ -788,15 +824,23 @@ test('in condensed mode selects and deselects ', function () {
788
824
  var buttons = _testWrapper.screen.getAllByRole('button');
789
825
  var button = buttons[1];
790
826
  expect(button).toHaveTextContent('Select All');
791
- button.click();
827
+ (0, _testWrapper.act)(function () {
828
+ button.click();
829
+ });
792
830
  expect(button).toHaveTextContent('Deselect All');
793
831
  expect(_testWrapper.screen.getByText('All Selected')).toBeInTheDocument();
794
- firstOption.click();
832
+ (0, _testWrapper.act)(function () {
833
+ firstOption.click();
834
+ });
795
835
  expect(button).toHaveTextContent('Select All');
796
836
  expect(_testWrapper.screen.getByText('2 Selected')).toBeInTheDocument();
797
- button.click();
837
+ (0, _testWrapper.act)(function () {
838
+ button.click();
839
+ });
798
840
  expect(button).toHaveTextContent('Deselect All');
799
- button.click();
841
+ (0, _testWrapper.act)(function () {
842
+ button.click();
843
+ });
800
844
  expect(button).toHaveTextContent('Select All');
801
845
  });
802
846
  test('in condensed mode "onSelectionChange" is called', function () {
@@ -825,7 +869,9 @@ test('opening and closing listbox fires "onOpenChange" in condensed mode', funct
825
869
  expect(input).toHaveFocus();
826
870
  expect(_testWrapper.screen.queryByRole('listbox')).toBeInTheDocument();
827
871
  expect(onOpenChange).toHaveBeenCalledWith(true);
828
- input.blur();
872
+ (0, _testWrapper.act)(function () {
873
+ input.blur();
874
+ });
829
875
  expect(_testWrapper.screen.queryByRole('listbox')).not.toBeInTheDocument();
830
876
  expect(onOpenChange).toHaveBeenCalledWith(false);
831
877
  });
@@ -888,7 +934,9 @@ test('closes listbox on blur and fires "onBlur"', function () {
888
934
  _userEvent["default"].tab();
889
935
  expect(input).toHaveFocus();
890
936
  expect(_testWrapper.screen.queryByRole('listbox')).toBeInTheDocument();
891
- input.blur();
937
+ (0, _testWrapper.act)(function () {
938
+ input.blur();
939
+ });
892
940
  expect(_testWrapper.screen.queryByRole('listbox')).not.toBeInTheDocument();
893
941
  expect(onBlur).toBeCalled();
894
942
  });
@@ -929,7 +977,9 @@ test('popover closes on input blur', function () {
929
977
  var checkboxes = (0, _testWrapper.within)(listbox).getAllByRole('img');
930
978
  expect(checkboxes.length).toBe(3);
931
979
  var secondOption = options[1];
932
- secondOption.click();
980
+ (0, _testWrapper.act)(function () {
981
+ secondOption.click();
982
+ });
933
983
  var value = 'Aardvark';
934
984
  _userEvent["default"].type(input, value);
935
985
  _userEvent["default"].click(document.body);
@@ -349,7 +349,9 @@ test('should change focus between NavBarItemHeader on arrow key press', function
349
349
  getComponent();
350
350
  var headerButtons = _testWrapper.screen.getAllByRole('button');
351
351
  expect(headerButtons[0]).toBeInTheDocument();
352
- headerButtons[0].focus();
352
+ (0, _testWrapper.act)(function () {
353
+ headerButtons[0].focus();
354
+ });
353
355
  expect(headerButtons[0]).toHaveClass('is-focused');
354
356
  _testWrapper.fireEvent.keyDown(headerButtons[0], {
355
357
  key: 'ArrowDown',
@@ -381,7 +383,9 @@ test('should not change focus from NavItemBody to NavBarItemHeader on arrow key
381
383
  getComponent();
382
384
  var headerButtons = _testWrapper.screen.getAllByRole('button');
383
385
  expect(headerButtons[0]).toBeInTheDocument();
384
- headerButtons[0].click();
386
+ (0, _testWrapper.act)(function () {
387
+ headerButtons[0].click();
388
+ });
385
389
  _testWrapper.fireEvent.keyDown(headerButtons[0], {
386
390
  key: 'ArrowDown',
387
391
  keyCode: 40
@@ -412,7 +416,9 @@ test('should change focus between nav children on arrow key press', function ()
412
416
  var link = _testWrapper.screen.getByTestId('navLink');
413
417
  var button = _testWrapper.screen.getByTestId('navButton');
414
418
  expect(link).toBeInTheDocument();
415
- link.focus();
419
+ (0, _testWrapper.act)(function () {
420
+ link.focus();
421
+ });
416
422
  expect(link).toHaveClass('is-focused');
417
423
  _testWrapper.fireEvent.keyDown(link, {
418
424
  key: 'ArrowDown',
@@ -174,7 +174,9 @@ test('should change focus between NavBarItemHeader on arrow key press', function
174
174
  getComponent();
175
175
  var headerButtons = _testWrapper.screen.getAllByRole('button');
176
176
  expect(headerButtons[0]).toBeInTheDocument();
177
- headerButtons[0].focus();
177
+ (0, _testWrapper.act)(function () {
178
+ headerButtons[0].focus();
179
+ });
178
180
  expect(headerButtons[0]).toHaveClass('is-focused');
179
181
  _testWrapper.fireEvent.keyDown(headerButtons[0], {
180
182
  key: 'ArrowDown',
@@ -206,7 +208,9 @@ test('should not change focus from NavItemBody to NavBarItemHeader on up/down ar
206
208
  getComponent();
207
209
  var headerButtons = _testWrapper.screen.getAllByRole('button');
208
210
  expect(headerButtons[1]).toBeInTheDocument();
209
- headerButtons[1].click();
211
+ (0, _testWrapper.act)(function () {
212
+ headerButtons[1].click();
213
+ });
210
214
  _testWrapper.fireEvent.keyDown(headerButtons[0], {
211
215
  key: 'ArrowDown',
212
216
  keyCode: 40
@@ -236,7 +240,9 @@ test('should not change focus from NavItemBody to NavBarItemHeader on left/right
236
240
  getComponent();
237
241
  var headerButtons = _testWrapper.screen.getAllByRole('button');
238
242
  expect(headerButtons[1]).toBeInTheDocument();
239
- headerButtons[1].click();
243
+ (0, _testWrapper.act)(function () {
244
+ headerButtons[1].click();
245
+ });
240
246
  _testWrapper.fireEvent.keyDown(headerButtons[0], {
241
247
  key: 'ArrowRight',
242
248
  keyCode: 39
@@ -273,10 +279,14 @@ test('expand only one item', function () {
273
279
  expect(_testWrapper.screen.queryByText('Group')).not.toBeInTheDocument();
274
280
  expect(_testWrapper.screen.queryByText('Users')).not.toBeInTheDocument();
275
281
  var headerButtons = _testWrapper.screen.getAllByRole('button');
276
- _userEvent["default"].click(headerButtons[1]);
282
+ (0, _testWrapper.act)(function () {
283
+ _userEvent["default"].click(headerButtons[1]);
284
+ });
277
285
  expect(_testWrapper.screen.queryByText('Group')).toBeInTheDocument();
278
286
  expect(_testWrapper.screen.queryByText('Users')).not.toBeInTheDocument();
279
- _userEvent["default"].click(headerButtons[2]);
287
+ (0, _testWrapper.act)(function () {
288
+ _userEvent["default"].click(headerButtons[2]);
289
+ });
280
290
  expect(_testWrapper.screen.queryByText('Group')).not.toBeInTheDocument();
281
291
  expect(_testWrapper.screen.queryByText('Users')).toBeInTheDocument();
282
292
  });
@@ -76,7 +76,9 @@ test('calling onChange with integer when input value changed (controlled state)'
76
76
  var numberInput = _testWrapper.screen.queryAllByLabelText(testLabel)[1];
77
77
  _userEvent["default"].clear(numberInput);
78
78
  _userEvent["default"].type(numberInput, newTestValue.toString());
79
- numberInput.blur();
79
+ (0, _testWrapper.act)(function () {
80
+ numberInput.blur();
81
+ });
80
82
  expect(mockOnChange).toHaveBeenCalledWith(newTestValue);
81
83
  });
82
84
  test('should be marked as required if isRequired prop if passed', function () {
@@ -130,6 +130,8 @@ var PasswordField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
130
130
  overlayProps = _useOverlayPosition.overlayProps,
131
131
  placement = _useOverlayPosition.placement,
132
132
  updatePosition = _useOverlayPosition.updatePosition;
133
+
134
+ /* istanbul ignore next */
133
135
  (0, _utils.useLayoutEffect)(function () {
134
136
  if (isFocused) {
135
137
  requestAnimationFrame(function () {
@@ -14,14 +14,14 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
14
14
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
15
15
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
16
16
  var _react = _interopRequireDefault(require("react"));
17
- var _testUtils = require("react-dom/test-utils");
18
17
  var _cache = _interopRequireDefault(require("@emotion/cache"));
19
18
  var _react2 = require("@emotion/react");
20
19
  var _react3 = require("@testing-library/react");
21
20
  var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
21
+ var _testWrapper = require("../../utils/testUtils/testWrapper");
22
22
  var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
23
23
  var _ = _interopRequireDefault(require("."));
24
- function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = _Object$defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof _Symbol ? _Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return _Object$defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = _Object$create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = _Object$getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(IteratorPrototype); function defineIteratorMethods(prototype) { var _context4; _forEachInstanceProperty(_context4 = ["next", "throw", "return"]).call(_context4, function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], _forEachInstanceProperty(tryLocsList).call(tryLocsList, pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = _Object$create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = _Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return _reverseInstanceProperty(keys).call(keys), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { var _context5; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty(_context5 = this.tryEntries).call(_context5, resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+_sliceInstanceProperty(name).call(name, 1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; } // Emotion Cache added as test fails otherwise, root cause of this failure is unknown.
24
+ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = _Object$defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof _Symbol ? _Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return _Object$defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = _Object$create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = _Object$getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(IteratorPrototype); function defineIteratorMethods(prototype) { var _context5; _forEachInstanceProperty(_context5 = ["next", "throw", "return"]).call(_context5, function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], _forEachInstanceProperty(tryLocsList).call(tryLocsList, pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = _Object$create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = _Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return _reverseInstanceProperty(keys).call(keys), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { var _context6; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty(_context6 = this.tryEntries).call(_context6, resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+_sliceInstanceProperty(name).call(name, 1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; } // Emotion Cache added as test fails otherwise, root cause of this failure is unknown.
25
25
  // Failure occured with ThemeUI refactor.
26
26
  // https://github.com/emotion-js/emotion/issues/1105#issuecomment-557726922
27
27
  var emotionCache = (0, _cache["default"])({
@@ -104,12 +104,9 @@ test('renders view icon', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__
104
104
  while (1) switch (_context.prev = _context.next) {
105
105
  case 0:
106
106
  getComponent();
107
- _context.next = 3;
108
- return _react3.screen.findByTestId(defaultProps.viewHiddenIconTestId);
109
- case 3:
110
- viewIcon = _context.sent;
107
+ viewIcon = _react3.screen.getByTestId(defaultProps.viewHiddenIconTestId);
111
108
  expect(viewIcon).toBeInTheDocument();
112
- case 5:
109
+ case 3:
113
110
  case "end":
114
111
  return _context.stop();
115
112
  }
@@ -123,18 +120,12 @@ test('renders view-hidden icon', /*#__PURE__*/(0, _asyncToGenerator2["default"])
123
120
  getComponent();
124
121
  button = _react3.screen.getByRole('button');
125
122
  _userEvent["default"].click(button);
126
- _context2.next = 5;
127
- return _react3.screen.findByTestId(defaultProps.viewIconTestId);
128
- case 5:
129
- viewHiddenIcon = _context2.sent;
123
+ viewHiddenIcon = _react3.screen.getByTestId(defaultProps.viewIconTestId);
130
124
  expect(viewHiddenIcon).toBeInTheDocument();
131
125
  _userEvent["default"].click(button);
132
- _context2.next = 10;
133
- return _react3.screen.findByTestId(defaultProps.viewHiddenIconTestId);
134
- case 10:
135
- viewIcon = _context2.sent;
126
+ viewIcon = _react3.screen.getByTestId(defaultProps.viewHiddenIconTestId);
136
127
  expect(viewIcon).toBeInTheDocument();
137
- case 12:
128
+ case 8:
138
129
  case "end":
139
130
  return _context2.stop();
140
131
  }
@@ -148,17 +139,32 @@ test('renders view icon', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__
148
139
  getComponent();
149
140
  button = _react3.screen.getByRole('button');
150
141
  _userEvent["default"].click(button);
151
- _context3.next = 5;
152
- return _react3.screen.findByTestId(defaultProps.viewIconTestId);
153
- case 5:
154
- viewHiddenIcon = _context3.sent;
142
+ viewHiddenIcon = _react3.screen.getByTestId(defaultProps.viewIconTestId);
155
143
  expect(viewHiddenIcon).toBeInTheDocument();
156
- case 7:
144
+ case 5:
157
145
  case "end":
158
146
  return _context3.stop();
159
147
  }
160
148
  }, _callee3);
161
149
  })));
150
+ test('onPress callback is called when iconButton is pressed', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
151
+ var onPress, button;
152
+ return _regeneratorRuntime().wrap(function _callee4$(_context4) {
153
+ while (1) switch (_context4.prev = _context4.next) {
154
+ case 0:
155
+ onPress = jest.fn();
156
+ getComponent({
157
+ onVisibleChange: onPress
158
+ });
159
+ button = _react3.screen.getByRole('button');
160
+ _userEvent["default"].click(button);
161
+ expect(onPress).toHaveBeenCalled();
162
+ case 5:
163
+ case "end":
164
+ return _context4.stop();
165
+ }
166
+ }, _callee4);
167
+ })));
162
168
  test('renders password input', function () {
163
169
  getComponent();
164
170
  var input = _react3.screen.getByLabelText(testLabel);
@@ -215,7 +221,7 @@ test('password field with helper text', function () {
215
221
  });
216
222
  test('onChange function receives right text', function () {
217
223
  var inputText = '';
218
- (0, _testUtils.act)(function () {
224
+ (0, _testWrapper.act)(function () {
219
225
  global.setTimeout = jest.fn(function (cb) {
220
226
  return cb();
221
227
  });
@@ -45,7 +45,8 @@ var PopoverContainer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
45
45
  var PopoverWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
46
46
  var children = props.children,
47
47
  className = props.className,
48
- placement = props.placement,
48
+ _props$placement = props.placement,
49
+ placement = _props$placement === void 0 ? 'bottom' : _props$placement,
49
50
  arrowProps = props.arrowProps,
50
51
  arrowCrossOffset = props.arrowCrossOffset,
51
52
  isOpen = props.isOpen,
@@ -92,9 +93,6 @@ var PopoverWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
92
93
  })));
93
94
  });
94
95
  exports.PopoverWrapper = PopoverWrapper;
95
- PopoverWrapper.defaultProps = {
96
- placement: 'bottom'
97
- };
98
96
  var PopoverArrow = function PopoverArrow(props) {
99
97
  var arrowCrossOffset = props.arrowCrossOffset,
100
98
  sx = props.sx,
@@ -1,10 +1,19 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
- var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
5
4
  var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
5
+ var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
6
+ var _Object$create = require("@babel/runtime-corejs3/core-js-stable/object/create");
7
+ var _Object$getPrototypeOf = require("@babel/runtime-corejs3/core-js-stable/object/get-prototype-of");
8
+ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
9
+ var _Object$setPrototypeOf = require("@babel/runtime-corejs3/core-js-stable/object/set-prototype-of");
10
+ var _Promise = require("@babel/runtime-corejs3/core-js-stable/promise");
11
+ var _reverseInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/reverse");
12
+ var _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
13
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
14
  var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
7
15
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
16
+ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
8
17
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
9
18
  var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
10
19
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
@@ -20,6 +29,7 @@ var _SelectFieldBase = _interopRequireDefault(require("./SelectFieldBase"));
20
29
  var _react2 = require("@emotion/react");
21
30
  function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
31
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
32
+ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = _Object$defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof _Symbol ? _Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return _Object$defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = _Object$create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = _Object$getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(IteratorPrototype); function defineIteratorMethods(prototype) { var _context2; _forEachInstanceProperty(_context2 = ["next", "throw", "return"]).call(_context2, function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], _forEachInstanceProperty(tryLocsList).call(tryLocsList, pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = _Object$create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = _Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return _reverseInstanceProperty(keys).call(keys), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { var _context3; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty(_context3 = this.tryEntries).call(_context3, resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+_sliceInstanceProperty(name).call(name, 1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
23
33
  var items = [{
24
34
  name: 'a'
25
35
  }, {
@@ -302,23 +312,34 @@ test('Item accepts a data-id and the data-id can be found in the DOM', function
302
312
  expect(options[0]).toHaveAttribute('data-id', items[0].name);
303
313
  });
304
314
  describe('async loading', function () {
305
- test('displays a loader while loading', function () {
306
- var _getComponent = getComponent({
307
- items: [],
308
- isLoading: true
309
- }),
310
- rerender = _getComponent.rerender;
311
- var button = _testWrapper.screen.getByRole('button');
312
- var loader = (0, _testWrapper.within)(button).getByRole('alert');
313
- expect(loader).toHaveAttribute('aria-label', 'Loading in progress');
314
- expect(loader).not.toHaveAttribute('aria-valuenow');
315
- getComponent({
316
- items: []
317
- }, {
318
- renderFn: rerender
319
- });
320
- expect(loader).not.toBeInTheDocument();
321
- });
315
+ test('displays a loader while loading', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
316
+ var _getComponent, rerender, button, loader;
317
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
318
+ while (1) switch (_context.prev = _context.next) {
319
+ case 0:
320
+ _getComponent = getComponent({
321
+ items: [],
322
+ isLoading: true
323
+ }), rerender = _getComponent.rerender;
324
+ button = _testWrapper.screen.getByRole('button');
325
+ loader = (0, _testWrapper.within)(button).getByRole('alert');
326
+ expect(loader).toHaveAttribute('aria-label', 'Loading in progress');
327
+ expect(loader).not.toHaveAttribute('aria-valuenow');
328
+ getComponent({
329
+ items: items,
330
+ isLoading: false
331
+ }, {
332
+ renderFn: rerender
333
+ });
334
+ expect(function () {
335
+ return _testWrapper.screen.getByRole('alert');
336
+ }).toThrow();
337
+ case 7:
338
+ case "end":
339
+ return _context.stop();
340
+ }
341
+ }, _callee);
342
+ })));
322
343
  test('displays a loader inside the listbox when loading more', function () {
323
344
  var newItems = [{
324
345
  name: 'Foo'