@pingux/astro 2.85.0 → 2.86.0-alpha.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.
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +3 -1
- package/lib/cjs/components/AstroProvider/AstroProvider.js +13 -19
- package/lib/cjs/components/Box/Box.js +11 -11
- package/lib/cjs/components/Button/Button.js +4 -6
- package/lib/cjs/components/Button/Button.test.js +46 -10
- package/lib/cjs/components/CodeView/CodeView.mdx +1 -4
- package/lib/cjs/components/CodeView/CodeView.test.js +18 -6
- package/lib/cjs/components/ColorField/ColorField.js +4 -6
- package/lib/cjs/components/CopyText/CopyText.test.js +21 -23
- package/lib/cjs/components/DataTable/DataTable.test.js +39 -34
- package/lib/cjs/components/FieldHelperText/FieldHelperText.js +3 -1
- package/lib/cjs/components/HelpHint/HelpHint.test.js +25 -13
- package/lib/cjs/components/Image/Image.js +1 -2
- package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +6 -2
- package/lib/cjs/components/ListView/ListView.test.js +3 -1
- package/lib/cjs/components/Messages/Messages.test.js +1 -2
- package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +1 -2
- package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +1 -2
- package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +75 -25
- package/lib/cjs/components/NavBar/NavBar.test.js +9 -3
- package/lib/cjs/components/NavSideBar/NavSideBar.test.js +15 -5
- package/lib/cjs/components/NumberField/NumberField.test.js +3 -1
- package/lib/cjs/components/PasswordField/PasswordField.js +2 -0
- package/lib/cjs/components/PasswordField/PasswordField.test.js +28 -22
- package/lib/cjs/components/PopoverContainer/PopoverContainer.js +2 -4
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +39 -18
- package/lib/cjs/components/Stepper/Line.js +4 -4
- package/lib/cjs/components/Stepper/Stepper.js +7 -5
- package/lib/cjs/components/Tab/Tab.js +2 -2
- package/lib/cjs/components/Tabs/Tabs.test.js +404 -273
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +19 -10
- package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +3 -3
- package/lib/cjs/hooks/useComponentToggle/useComponentToggle.test.js +4 -5
- package/lib/cjs/hooks/useDebounce/useDebounce.test.js +5 -5
- package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.test.js +8 -8
- package/lib/cjs/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +3 -3
- package/lib/cjs/hooks/useFallbackImage/useFallbackImage.test.js +4 -4
- package/lib/cjs/hooks/useField/useField.test.js +14 -14
- package/lib/cjs/hooks/useModalState/useModalState.test.js +16 -16
- package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +3 -3
- package/lib/cjs/hooks/useNavBarStyling/useNavBarStyling.test.js +3 -3
- package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js +2 -2
- package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +6 -6
- package/lib/cjs/hooks/useStatusClasses/useStatusClasses.test.js +5 -5
- package/lib/cjs/hooks/useTShirtSize/useTShirtSize.test.js +6 -6
- package/lib/cjs/index.d.ts +0 -1
- package/lib/cjs/index.js +0 -8
- package/lib/cjs/styles/variants/variants.js +0 -2
- package/lib/cjs/types/index.d.ts +0 -1
- package/lib/cjs/types/index.js +44 -55
- package/lib/cjs/types/tabs.d.ts +1 -0
- package/lib/cjs/utils/testUtils/setupTests.js +3 -0
- package/lib/cjs/utils/testUtils/testWrapper.d.ts +1 -1
- package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +3 -1
- package/lib/components/AstroProvider/AstroProvider.js +13 -19
- package/lib/components/Box/Box.js +11 -11
- package/lib/components/Button/Button.js +4 -6
- package/lib/components/Button/Button.test.js +47 -11
- package/lib/components/CodeView/CodeView.mdx +1 -4
- package/lib/components/CodeView/CodeView.test.js +18 -6
- package/lib/components/ColorField/ColorField.js +4 -6
- package/lib/components/CopyText/CopyText.test.js +15 -16
- package/lib/components/DataTable/DataTable.test.js +19 -14
- package/lib/components/FieldHelperText/FieldHelperText.js +3 -1
- package/lib/components/HelpHint/HelpHint.test.js +26 -14
- package/lib/components/Image/Image.js +1 -2
- package/lib/components/ImageUploadField/ImageUploadField.test.js +7 -3
- package/lib/components/ListView/ListView.test.js +4 -2
- package/lib/components/Messages/Messages.test.js +1 -2
- package/lib/components/Messages/utils/tests/messagesReducer.test.js +1 -2
- package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js +1 -2
- package/lib/components/MultivaluesField/MultivaluesField.test.js +76 -26
- package/lib/components/NavBar/NavBar.test.js +10 -4
- package/lib/components/NavSideBar/NavSideBar.test.js +16 -6
- package/lib/components/NumberField/NumberField.test.js +4 -2
- package/lib/components/PasswordField/PasswordField.js +2 -0
- package/lib/components/PasswordField/PasswordField.test.js +27 -21
- package/lib/components/PopoverContainer/PopoverContainer.js +2 -4
- package/lib/components/SelectFieldBase/SelectFieldBase.test.js +40 -17
- package/lib/components/Stepper/Line.js +3 -4
- package/lib/components/Stepper/Stepper.js +7 -5
- package/lib/components/Tab/Tab.js +2 -2
- package/lib/components/Tabs/Tabs.test.js +404 -273
- package/lib/components/TooltipTrigger/TooltipTrigger.test.js +20 -11
- package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +1 -1
- package/lib/hooks/useComponentToggle/useComponentToggle.test.js +1 -2
- package/lib/hooks/useDebounce/useDebounce.test.js +1 -1
- package/lib/hooks/useDeprecationWarning/useDeprecationWarning.test.js +1 -1
- package/lib/hooks/useDevelopmentWarning/useDevelopmentWarning.test.js +1 -1
- package/lib/hooks/useFallbackImage/useFallbackImage.test.js +1 -1
- package/lib/hooks/useField/useField.test.js +2 -2
- package/lib/hooks/useModalState/useModalState.test.js +1 -1
- package/lib/hooks/useNavBarPress/useNavBarPress.test.js +1 -1
- package/lib/hooks/useNavBarStyling/useNavBarStyling.test.js +1 -1
- package/lib/hooks/useOverlayPanelState/useOverlayPanelState.test.js +1 -1
- package/lib/hooks/usePropWarning/usePropWarning.test.js +1 -1
- package/lib/hooks/useStatusClasses/useStatusClasses.test.js +1 -1
- package/lib/hooks/useTShirtSize/useTShirtSize.test.js +1 -1
- package/lib/index.js +0 -1
- package/lib/styles/variants/variants.js +0 -2
- package/lib/types/index.js +0 -1
- package/lib/utils/testUtils/setupTests.js +3 -0
- package/package.json +10 -22
- package/lib/cjs/components/CodeEditor/CodeEditor.d.ts +0 -4
- package/lib/cjs/components/CodeEditor/CodeEditor.js +0 -56
- package/lib/cjs/components/CodeEditor/CodeEditor.mdx +0 -33
- package/lib/cjs/components/CodeEditor/CodeEditor.stories.d.ts +0 -29
- package/lib/cjs/components/CodeEditor/CodeEditor.stories.js +0 -108
- package/lib/cjs/components/CodeEditor/CodeEditor.styles.d.ts +0 -10
- package/lib/cjs/components/CodeEditor/CodeEditor.styles.js +0 -30
- package/lib/cjs/components/CodeEditor/CodeEditor.test.d.ts +0 -1
- package/lib/cjs/components/CodeEditor/CodeEditor.test.js +0 -149
- package/lib/cjs/components/CodeEditor/DefaultEditor.d.ts +0 -4
- package/lib/cjs/components/CodeEditor/DefaultEditor.js +0 -83
- package/lib/cjs/components/CodeEditor/eslintConfig.d.ts +0 -18
- package/lib/cjs/components/CodeEditor/eslintConfig.js +0 -95
- package/lib/cjs/components/CodeEditor/index.d.ts +0 -1
- package/lib/cjs/components/CodeEditor/index.js +0 -14
- package/lib/cjs/hooks/useTsLinter/index.d.ts +0 -1
- package/lib/cjs/hooks/useTsLinter/index.js +0 -14
- package/lib/cjs/hooks/useTsLinter/useTsLinter.d.ts +0 -4
- package/lib/cjs/hooks/useTsLinter/useTsLinter.js +0 -91
- package/lib/cjs/types/codeEditor.d.ts +0 -14
- package/lib/cjs/types/codeEditor.js +0 -6
- package/lib/components/CodeEditor/CodeEditor.js +0 -42
- package/lib/components/CodeEditor/CodeEditor.mdx +0 -33
- package/lib/components/CodeEditor/CodeEditor.stories.js +0 -94
- package/lib/components/CodeEditor/CodeEditor.styles.js +0 -22
- package/lib/components/CodeEditor/CodeEditor.test.js +0 -146
- package/lib/components/CodeEditor/DefaultEditor.js +0 -69
- package/lib/components/CodeEditor/eslintConfig.js +0 -87
- package/lib/components/CodeEditor/index.js +0 -1
- package/lib/hooks/useTsLinter/index.js +0 -1
- package/lib/hooks/useTsLinter/useTsLinter.js +0 -82
- package/lib/types/codeEditor.js +0 -1
@@ -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,
|
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
|
-
|
160
|
+
(0, _testWrapper.act)(function () {
|
161
|
+
_userEvent["default"].tab();
|
162
|
+
});
|
161
163
|
expect(input).toHaveFocus();
|
162
164
|
expect(_testWrapper.screen.queryByRole('listbox')).toBeInTheDocument();
|
163
|
-
|
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
|
-
|
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
|
-
|
196
|
+
(0, _testWrapper.act)(function () {
|
197
|
+
firstOption.click();
|
198
|
+
});
|
191
199
|
expect(firstOption).not.toBeInTheDocument();
|
192
200
|
var secondOption = options[1];
|
193
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
318
|
+
(0, _testWrapper.act)(function () {
|
319
|
+
deleteButton.click();
|
320
|
+
});
|
301
321
|
expect(badge).not.toBeInTheDocument();
|
302
|
-
|
303
|
-
|
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
|
-
|
343
|
+
(0, _testWrapper.act)(function () {
|
344
|
+
firstOption.click();
|
345
|
+
});
|
320
346
|
expect(firstOption).not.toBeInTheDocument();
|
321
347
|
var secondOption = options[1];
|
322
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
687
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
837
|
+
(0, _testWrapper.act)(function () {
|
838
|
+
button.click();
|
839
|
+
});
|
798
840
|
expect(button).toHaveTextContent('Deselect All');
|
799
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
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
|
-
|
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
|
-
|
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
|
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
|
-
|
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
|
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,
|
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
|
307
|
-
|
308
|
-
|
309
|
-
|
310
|
-
|
311
|
-
|
312
|
-
|
313
|
-
|
314
|
-
|
315
|
-
|
316
|
-
|
317
|
-
|
318
|
-
|
319
|
-
|
320
|
-
|
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'
|