@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
@@ -28,12 +28,11 @@ var getComponent = function getComponent() {
|
|
28
28
|
others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
29
29
|
return (0, _testWrapper.render)((0, _react2.jsx)(_index.TooltipTrigger, others, (0, _react2.jsx)(_index.Button, buttonProps, "Mock Button"), (0, _react2.jsx)(_index.Tooltip, null, "Tooltip Content")));
|
30
30
|
};
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
}
|
31
|
+
beforeAll(function () {
|
32
|
+
jest.useFakeTimers();
|
33
|
+
});
|
34
|
+
afterEach(function () {
|
35
|
+
jest.clearAllMocks();
|
37
36
|
});
|
38
37
|
test('tooltip doesnt show by default and is rendered when trigger is hovered', function () {
|
39
38
|
getComponent();
|
@@ -115,13 +114,16 @@ test('tooltip closes after closeDelay when mouse leaves trigger', /*#__PURE__*/(
|
|
115
114
|
_testWrapper.fireEvent.mouseEnter(button);
|
116
115
|
expect(_testWrapper.screen.queryByRole('tooltip')).toBeInTheDocument();
|
117
116
|
_testWrapper.fireEvent.mouseLeave(button);
|
118
|
-
|
119
|
-
|
117
|
+
(0, _testWrapper.act)(function () {
|
118
|
+
jest.advanceTimersByTime(11);
|
119
|
+
});
|
120
|
+
_context.next = 9;
|
121
|
+
return (0, _testWrapper.act)(function () {
|
120
122
|
expect(_testWrapper.screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
121
123
|
}, {
|
122
124
|
timeout: closeDelay + 1
|
123
125
|
});
|
124
|
-
case
|
126
|
+
case 9:
|
125
127
|
case "end":
|
126
128
|
return _context.stop();
|
127
129
|
}
|
@@ -151,4 +153,11 @@ test('tooltip stays open until closeDelay after mouse leaves trigger', /*#__PURE
|
|
151
153
|
return _context2.stop();
|
152
154
|
}
|
153
155
|
}, _callee2);
|
154
|
-
})));
|
156
|
+
})));
|
157
|
+
|
158
|
+
// Needs to be added to each components test file
|
159
|
+
(0, _universalComponentTest.universalComponentTests)({
|
160
|
+
renderComponent: function renderComponent(props) {
|
161
|
+
return (0, _react2.jsx)(_index.TooltipTrigger, props, (0, _react2.jsx)(_index.Button, null, "Mock Button"), (0, _react2.jsx)(_index.Tooltip, null, "Tooltip Content"));
|
162
|
+
}
|
163
|
+
});
|
@@ -1,7 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
-
var
|
4
|
+
var _react = require("@testing-library/react");
|
5
5
|
var _useAriaLabelWarning = _interopRequireDefault(require("./useAriaLabelWarning"));
|
6
6
|
var component = 'TestComponent';
|
7
7
|
beforeEach(function () {
|
@@ -16,7 +16,7 @@ afterEach(function () {
|
|
16
16
|
test('default useAriaLabelWarning', function () {
|
17
17
|
var spy = jest.spyOn(console, 'warn');
|
18
18
|
expect(spy).not.toHaveBeenCalled();
|
19
|
-
(0,
|
19
|
+
(0, _react.renderHook)(function () {
|
20
20
|
return (0, _useAriaLabelWarning["default"])(component);
|
21
21
|
});
|
22
22
|
expect(spy).toHaveBeenCalledTimes(1);
|
@@ -25,7 +25,7 @@ test('useAriaLabelWarning with string', function () {
|
|
25
25
|
var compound = "".concat(component, " has an undefined aria-label. If the surrounding content sufficiently labels this component instance, you may disable this warning by setting the prop to `null`. Otherwise, please provide an appropriate aria-label. See more info here: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label");
|
26
26
|
var spy = jest.spyOn(console, 'warn');
|
27
27
|
expect(spy).not.toHaveBeenCalled();
|
28
|
-
(0,
|
28
|
+
(0, _react.renderHook)(function () {
|
29
29
|
return (0, _useAriaLabelWarning["default"])(component);
|
30
30
|
});
|
31
31
|
expect(spy).toHaveBeenNthCalledWith(1, expect.stringMatching(compound), expect.any(String), expect.any(String), expect.any(String));
|
@@ -17,7 +17,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/
|
|
17
17
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
18
18
|
var _react = _interopRequireWildcard(require("react"));
|
19
19
|
var _react2 = require("@testing-library/react");
|
20
|
-
var _reactHooks = require("@testing-library/react-hooks");
|
21
20
|
var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
|
22
21
|
var _useComponentToggle2 = _interopRequireDefault(require("./useComponentToggle"));
|
23
22
|
var _react3 = require("@emotion/react");
|
@@ -58,16 +57,16 @@ var getComponent = function getComponent() {
|
|
58
57
|
return (0, _react2.render)((0, _react3.jsx)(TestComponent, null));
|
59
58
|
};
|
60
59
|
test('default useField', function () {
|
61
|
-
(0,
|
60
|
+
(0, _react2.renderHook)(function () {
|
62
61
|
return (0, _useComponentToggle2["default"])(defaultProps);
|
63
62
|
});
|
64
63
|
});
|
65
64
|
test('callback function should call, if provided', function () {
|
66
|
-
var _renderHook = (0,
|
65
|
+
var _renderHook = (0, _react2.renderHook)(function () {
|
67
66
|
return (0, _useComponentToggle2["default"])(defaultProps);
|
68
67
|
}),
|
69
68
|
result = _renderHook.result;
|
70
|
-
(0,
|
69
|
+
(0, _react2.act)(function () {
|
71
70
|
return result.current.handleConditionChange();
|
72
71
|
});
|
73
72
|
expect(callback).toHaveBeenCalled();
|
@@ -77,7 +76,7 @@ test('expect hook to return correct data shape', /*#__PURE__*/(0, _asyncToGenera
|
|
77
76
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
78
77
|
while (1) switch (_context.prev = _context.next) {
|
79
78
|
case 0:
|
80
|
-
_renderHook2 = (0,
|
79
|
+
_renderHook2 = (0, _react2.renderHook)(function () {
|
81
80
|
return (0, _useComponentToggle2["default"])(defaultProps);
|
82
81
|
}), result = _renderHook2.result;
|
83
82
|
_result$current = result.current, handleConditionChange = _result$current.handleConditionChange, RenderedComponent = _result$current.RenderedComponent;
|
@@ -1,12 +1,12 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
-
var
|
4
|
+
var _react = require("@testing-library/react");
|
5
5
|
var _ = _interopRequireDefault(require("."));
|
6
6
|
describe('useDebounce', function () {
|
7
7
|
jest.useFakeTimers();
|
8
8
|
it('Updates value only after `delay` milliseconds have expired', function () {
|
9
|
-
var _renderHook = (0,
|
9
|
+
var _renderHook = (0, _react.renderHook)(function (_ref) {
|
10
10
|
var value = _ref.value,
|
11
11
|
delay = _ref.delay;
|
12
12
|
return (0, _["default"])({
|
@@ -22,7 +22,7 @@ describe('useDebounce', function () {
|
|
22
22
|
result = _renderHook.result,
|
23
23
|
rerender = _renderHook.rerender;
|
24
24
|
expect(result.current).toBe('foo');
|
25
|
-
(0,
|
25
|
+
(0, _react.act)(function () {
|
26
26
|
return jest.advanceTimersByTime(510);
|
27
27
|
});
|
28
28
|
expect(result.current).toBe('foo');
|
@@ -31,11 +31,11 @@ describe('useDebounce', function () {
|
|
31
31
|
delay: 500
|
32
32
|
});
|
33
33
|
expect(result.current).toBe('foo');
|
34
|
-
(0,
|
34
|
+
(0, _react.act)(function () {
|
35
35
|
return jest.advanceTimersByTime(498);
|
36
36
|
});
|
37
37
|
expect(result.current).toBe('foo');
|
38
|
-
(0,
|
38
|
+
(0, _react.act)(function () {
|
39
39
|
return jest.advanceTimersByTime(3);
|
40
40
|
});
|
41
41
|
expect(result.current).toBe('bar');
|
@@ -3,7 +3,7 @@
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
4
|
var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
|
5
5
|
var _toArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toArray"));
|
6
|
-
var
|
6
|
+
var _react = require("@testing-library/react");
|
7
7
|
var _useDeprecationWarning = _interopRequireDefault(require("./useDeprecationWarning"));
|
8
8
|
// since we cannot reset `alreadyShown` inside of module we will generate unique messages
|
9
9
|
var uniqueIndex = 0;
|
@@ -26,7 +26,7 @@ afterEach(function () {
|
|
26
26
|
test('default useDeprecationWarning', function () {
|
27
27
|
var spy = jest.spyOn(console, 'warn');
|
28
28
|
expect(spy).not.toHaveBeenCalled();
|
29
|
-
(0,
|
29
|
+
(0, _react.renderHook)(function () {
|
30
30
|
return (0, _useDeprecationWarning["default"])();
|
31
31
|
});
|
32
32
|
expect(spy).toHaveBeenCalledTimes(1);
|
@@ -35,7 +35,7 @@ test('useDeprecationWarning with string', function () {
|
|
35
35
|
var string = generateUniqueMessage();
|
36
36
|
var spy = jest.spyOn(console, 'warn');
|
37
37
|
expect(spy).not.toHaveBeenCalled();
|
38
|
-
(0,
|
38
|
+
(0, _react.renderHook)(function () {
|
39
39
|
return (0, _useDeprecationWarning["default"])(string);
|
40
40
|
});
|
41
41
|
expect(spy).toHaveBeenNthCalledWith(1, expect.stringMatching(string), expect.any(String), expect.any(String), expect.any(String));
|
@@ -43,10 +43,10 @@ test('useDeprecationWarning with string', function () {
|
|
43
43
|
test('useDeprecationWarning by default ignores duplicated messages', function () {
|
44
44
|
var spy = jest.spyOn(console, 'warn');
|
45
45
|
var message = generateUniqueMessage();
|
46
|
-
(0,
|
46
|
+
(0, _react.renderHook)(function () {
|
47
47
|
return (0, _useDeprecationWarning["default"])(message);
|
48
48
|
});
|
49
|
-
(0,
|
49
|
+
(0, _react.renderHook)(function () {
|
50
50
|
return (0, _useDeprecationWarning["default"])(message);
|
51
51
|
});
|
52
52
|
expect(spy).toHaveBeenCalledTimes(1);
|
@@ -54,12 +54,12 @@ test('useDeprecationWarning by default ignores duplicated messages', function ()
|
|
54
54
|
test('useDeprecationWarning shows same message for few times if explicitly allowed', function () {
|
55
55
|
var spy = jest.spyOn(console, 'warn');
|
56
56
|
var message = generateUniqueMessage();
|
57
|
-
(0,
|
57
|
+
(0, _react.renderHook)(function () {
|
58
58
|
return (0, _useDeprecationWarning["default"])(message, {
|
59
59
|
onlyOnce: false
|
60
60
|
});
|
61
61
|
});
|
62
|
-
(0,
|
62
|
+
(0, _react.renderHook)(function () {
|
63
63
|
return (0, _useDeprecationWarning["default"])(message, {
|
64
64
|
onlyOnce: false
|
65
65
|
});
|
@@ -69,7 +69,7 @@ test('useDeprecationWarning shows same message for few times if explicitly allow
|
|
69
69
|
test('shows message after isActive is flipped from false to true', function () {
|
70
70
|
var spy = jest.spyOn(console, 'warn');
|
71
71
|
var message = generateUniqueMessage();
|
72
|
-
var _renderHook = (0,
|
72
|
+
var _renderHook = (0, _react.renderHook)(function (_ref) {
|
73
73
|
var _ref2 = (0, _toArray2["default"])(_ref),
|
74
74
|
args = (0, _slice["default"])(_ref2).call(_ref2, 0);
|
75
75
|
return _useDeprecationWarning["default"].apply(void 0, args);
|
@@ -1,7 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
-
var
|
4
|
+
var _react = require("@testing-library/react");
|
5
5
|
var _useDevelopmentWarning = _interopRequireDefault(require("./useDevelopmentWarning"));
|
6
6
|
var message = 'This is test message';
|
7
7
|
beforeEach(function () {
|
@@ -16,7 +16,7 @@ afterEach(function () {
|
|
16
16
|
test('useDevelopmentWarning with message and trigger false', function () {
|
17
17
|
var spy = jest.spyOn(console, 'warn');
|
18
18
|
expect(spy).not.toHaveBeenCalled();
|
19
|
-
(0,
|
19
|
+
(0, _react.renderHook)(function () {
|
20
20
|
return (0, _useDevelopmentWarning["default"])({
|
21
21
|
message: message,
|
22
22
|
shouldTrigger: false
|
@@ -27,7 +27,7 @@ test('useDevelopmentWarning with message and trigger false', function () {
|
|
27
27
|
test('useDevelopmentWarning with message and trigger true', function () {
|
28
28
|
var spy = jest.spyOn(console, 'warn');
|
29
29
|
expect(spy).not.toHaveBeenCalled();
|
30
|
-
(0,
|
30
|
+
(0, _react.renderHook)(function () {
|
31
31
|
return (0, _useDevelopmentWarning["default"])({
|
32
32
|
message: message,
|
33
33
|
shouldTrigger: true
|
@@ -10,7 +10,7 @@ var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/ob
|
|
10
10
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
11
11
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
12
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
13
|
-
var
|
13
|
+
var _react = require("@testing-library/react");
|
14
14
|
var _ = _interopRequireDefault(require("."));
|
15
15
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
16
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
@@ -23,14 +23,14 @@ var defaultProps = {
|
|
23
23
|
fallbackImage: 'test-fallback-src'
|
24
24
|
};
|
25
25
|
test('should return node if all props are correct', function () {
|
26
|
-
var _renderHook = (0,
|
26
|
+
var _renderHook = (0, _react.renderHook)(function () {
|
27
27
|
return (0, _["default"])(defaultProps);
|
28
28
|
}),
|
29
29
|
result = _renderHook.result;
|
30
30
|
expect(result.current).toBeInstanceOf(HTMLImageElement);
|
31
31
|
});
|
32
32
|
test('should not trigger onImageLoad if no fallback passed', function () {
|
33
|
-
(0,
|
33
|
+
(0, _react.renderHook)(function () {
|
34
34
|
return (0, _["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
|
35
35
|
fallbackImage: null
|
36
36
|
}));
|
@@ -38,7 +38,7 @@ test('should not trigger onImageLoad if no fallback passed', function () {
|
|
38
38
|
expect(defaultProps.onImageLoad).not.toHaveBeenCalled();
|
39
39
|
});
|
40
40
|
test('should not trigger onImageLoad if component unmounted', function () {
|
41
|
-
var _renderHook2 = (0,
|
41
|
+
var _renderHook2 = (0, _react.renderHook)(function () {
|
42
42
|
return (0, _["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
|
43
43
|
fallbackImage: null
|
44
44
|
}));
|
@@ -11,7 +11,7 @@ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/obje
|
|
11
11
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
12
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
13
13
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
14
|
-
var
|
14
|
+
var _react = require("@testing-library/react");
|
15
15
|
var _labelModes = require("../../utils/devUtils/constants/labelModes");
|
16
16
|
var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
|
17
17
|
var _useField = _interopRequireDefault(require("./useField"));
|
@@ -62,13 +62,13 @@ var defaultProps = {
|
|
62
62
|
}
|
63
63
|
};
|
64
64
|
test('default useField', function () {
|
65
|
-
(0,
|
66
|
-
return (0, _useField["default"])(
|
65
|
+
(0, _react.renderHook)(function () {
|
66
|
+
return (0, _useField["default"])(defaultProps);
|
67
67
|
});
|
68
68
|
});
|
69
69
|
test('should return props objects for field components', function () {
|
70
70
|
var _defaultProps$contain, _context, _context2;
|
71
|
-
var _renderHook = (0,
|
71
|
+
var _renderHook = (0, _react.renderHook)(function () {
|
72
72
|
return (0, _useField["default"])(defaultProps);
|
73
73
|
}),
|
74
74
|
result = _renderHook.result;
|
@@ -142,7 +142,7 @@ test('should support autocomplete additionally', function () {
|
|
142
142
|
autocomplete: 'new-password'
|
143
143
|
});
|
144
144
|
delete newProps.autoComplete;
|
145
|
-
var _renderHook2 = (0,
|
145
|
+
var _renderHook2 = (0, _react.renderHook)(function () {
|
146
146
|
return (0, _useField["default"])(newProps);
|
147
147
|
}),
|
148
148
|
result = _renderHook2.result;
|
@@ -152,7 +152,7 @@ test('should support autocomplete additionally', function () {
|
|
152
152
|
});
|
153
153
|
});
|
154
154
|
test('should return isFloatLabelActive class for container', function () {
|
155
|
-
var _renderHook3 = (0,
|
155
|
+
var _renderHook3 = (0, _react.renderHook)(function (initialProps) {
|
156
156
|
return (0, _useField["default"])(_objectSpread(_objectSpread({}, initialProps), {}, {
|
157
157
|
placeholder: undefined
|
158
158
|
}));
|
@@ -171,7 +171,7 @@ test('should return isFloatLabelActive class for container', function () {
|
|
171
171
|
expect(result.current.fieldContainerProps.className).toContain('is-float-label-active');
|
172
172
|
|
173
173
|
// Does not have the class if the value is invalid
|
174
|
-
(0,
|
174
|
+
(0, _react.act)(function () {
|
175
175
|
return result.current.fieldControlInputProps.onChange({
|
176
176
|
target: {
|
177
177
|
value: undefined
|
@@ -181,13 +181,13 @@ test('should return isFloatLabelActive class for container', function () {
|
|
181
181
|
expect(result.current.fieldContainerProps.className).not.toContain('is-float-label-active');
|
182
182
|
|
183
183
|
// Has the class if the container has focus within it
|
184
|
-
(0,
|
184
|
+
(0, _react.act)(function () {
|
185
185
|
return result.current.fieldContainerProps.onFocus({});
|
186
186
|
});
|
187
187
|
expect(result.current.fieldContainerProps.className).toContain('is-float-label');
|
188
188
|
|
189
189
|
// Does not have the class if the container loses focus within it
|
190
|
-
(0,
|
190
|
+
(0, _react.act)(function () {
|
191
191
|
return result.current.fieldContainerProps.onBlur({
|
192
192
|
currentTarget: {
|
193
193
|
contains: jest.fn()
|
@@ -206,7 +206,7 @@ test('should return isFloatLabelActive class for container', function () {
|
|
206
206
|
expect(result.current.fieldContainerProps.className).toContain('is-float-label-active');
|
207
207
|
});
|
208
208
|
test('should return isLeftLabel class for container', function () {
|
209
|
-
var _renderHook4 = (0,
|
209
|
+
var _renderHook4 = (0, _react.renderHook)(function (initialProps) {
|
210
210
|
return (0, _useField["default"])(initialProps);
|
211
211
|
}, {
|
212
212
|
initialProps: defaultProps
|
@@ -225,7 +225,7 @@ test('should return isLeftLabel class for container', function () {
|
|
225
225
|
test('should return hasValue class for container when onChange updates internal state', function () {
|
226
226
|
var onChange = jest.fn();
|
227
227
|
var numCalls = 0;
|
228
|
-
var _renderHook5 = (0,
|
228
|
+
var _renderHook5 = (0, _react.renderHook)(function () {
|
229
229
|
return (0, _useField["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
|
230
230
|
defaultValue: undefined,
|
231
231
|
placeholder: undefined,
|
@@ -238,7 +238,7 @@ test('should return hasValue class for container when onChange updates internal
|
|
238
238
|
expect(result.current.fieldContainerProps.className).not.toContain('has-value');
|
239
239
|
|
240
240
|
// 0 should be a valid value
|
241
|
-
(0,
|
241
|
+
(0, _react.act)(function () {
|
242
242
|
return result.current.fieldControlInputProps.onChange({
|
243
243
|
target: {
|
244
244
|
value: 0
|
@@ -249,7 +249,7 @@ test('should return hasValue class for container when onChange updates internal
|
|
249
249
|
numCalls += 1;
|
250
250
|
|
251
251
|
// undefined is not a valid value
|
252
|
-
(0,
|
252
|
+
(0, _react.act)(function () {
|
253
253
|
return result.current.fieldControlInputProps.onChange({
|
254
254
|
target: {
|
255
255
|
value: undefined
|
@@ -260,7 +260,7 @@ test('should return hasValue class for container when onChange updates internal
|
|
260
260
|
numCalls += 1;
|
261
261
|
|
262
262
|
// a non-empty string is a valid value
|
263
|
-
(0,
|
263
|
+
(0, _react.act)(function () {
|
264
264
|
return result.current.fieldControlInputProps.onChange({
|
265
265
|
target: {
|
266
266
|
value: 'a'
|
@@ -1,10 +1,10 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
-
var
|
4
|
+
var _react = require("@testing-library/react");
|
5
5
|
var _useModalState = _interopRequireDefault(require("./useModalState"));
|
6
6
|
test('default return', function () {
|
7
|
-
var _renderHook = (0,
|
7
|
+
var _renderHook = (0, _react.renderHook)(function () {
|
8
8
|
return (0, _useModalState["default"])();
|
9
9
|
}),
|
10
10
|
result = _renderHook.result;
|
@@ -17,7 +17,7 @@ test('default return', function () {
|
|
17
17
|
}));
|
18
18
|
});
|
19
19
|
test('isDefaultOpen returns uncontrolled state', function () {
|
20
|
-
var _renderHook2 = (0,
|
20
|
+
var _renderHook2 = (0, _react.renderHook)(function () {
|
21
21
|
return (0, _useModalState["default"])({
|
22
22
|
isDefaultOpen: true
|
23
23
|
});
|
@@ -30,21 +30,21 @@ test('isDefaultOpen returns uncontrolled state', function () {
|
|
30
30
|
toggle: expect.any(Function),
|
31
31
|
isTransitioning: expect.any(Boolean)
|
32
32
|
}));
|
33
|
-
(0,
|
33
|
+
(0, _react.act)(function () {
|
34
34
|
return result.current.close();
|
35
35
|
});
|
36
36
|
expect(result.current.isOpen).toBe(false);
|
37
|
-
(0,
|
37
|
+
(0, _react.act)(function () {
|
38
38
|
return result.current.open();
|
39
39
|
});
|
40
40
|
expect(result.current.isOpen).toBe(true);
|
41
|
-
(0,
|
41
|
+
(0, _react.act)(function () {
|
42
42
|
return result.current.toggle();
|
43
43
|
});
|
44
44
|
expect(result.current.isOpen).toBe(false);
|
45
45
|
});
|
46
46
|
test('isOpen when true returns controlled state', function () {
|
47
|
-
var _renderHook3 = (0,
|
47
|
+
var _renderHook3 = (0, _react.renderHook)(function () {
|
48
48
|
return (0, _useModalState["default"])({
|
49
49
|
isOpen: true
|
50
50
|
});
|
@@ -57,17 +57,17 @@ test('isOpen when true returns controlled state', function () {
|
|
57
57
|
toggle: expect.any(Function),
|
58
58
|
isTransitioning: expect.any(Boolean)
|
59
59
|
}));
|
60
|
-
(0,
|
60
|
+
(0, _react.act)(function () {
|
61
61
|
return result.current.close();
|
62
62
|
});
|
63
63
|
expect(result.current.isOpen).not.toBe(false);
|
64
|
-
(0,
|
64
|
+
(0, _react.act)(function () {
|
65
65
|
return result.current.toggle();
|
66
66
|
});
|
67
67
|
expect(result.current.isOpen).not.toBe(false);
|
68
68
|
});
|
69
69
|
test('isOpen when false returns controlled state', function () {
|
70
|
-
var _renderHook4 = (0,
|
70
|
+
var _renderHook4 = (0, _react.renderHook)(function () {
|
71
71
|
return (0, _useModalState["default"])({
|
72
72
|
isOpen: false
|
73
73
|
});
|
@@ -80,18 +80,18 @@ test('isOpen when false returns controlled state', function () {
|
|
80
80
|
toggle: expect.any(Function),
|
81
81
|
isTransitioning: expect.any(Boolean)
|
82
82
|
}));
|
83
|
-
(0,
|
83
|
+
(0, _react.act)(function () {
|
84
84
|
return result.current.open();
|
85
85
|
});
|
86
86
|
expect(result.current.isOpen).not.toBe(true);
|
87
|
-
(0,
|
87
|
+
(0, _react.act)(function () {
|
88
88
|
return result.current.toggle();
|
89
89
|
});
|
90
90
|
expect(result.current.isOpen).not.toBe(true);
|
91
91
|
});
|
92
92
|
test('onOpenChange callback is triggered', function () {
|
93
93
|
var onOpenChange = jest.fn();
|
94
|
-
var _renderHook5 = (0,
|
94
|
+
var _renderHook5 = (0, _react.renderHook)(function () {
|
95
95
|
return (0, _useModalState["default"])({
|
96
96
|
onOpenChange: onOpenChange
|
97
97
|
});
|
@@ -105,15 +105,15 @@ test('onOpenChange callback is triggered', function () {
|
|
105
105
|
isTransitioning: expect.any(Boolean)
|
106
106
|
}));
|
107
107
|
expect(onOpenChange).not.toHaveBeenCalled();
|
108
|
-
(0,
|
108
|
+
(0, _react.act)(function () {
|
109
109
|
return result.current.open();
|
110
110
|
});
|
111
111
|
expect(onOpenChange).toHaveBeenNthCalledWith(1, true);
|
112
|
-
(0,
|
112
|
+
(0, _react.act)(function () {
|
113
113
|
return result.current.close();
|
114
114
|
});
|
115
115
|
expect(onOpenChange).toHaveBeenNthCalledWith(2, false);
|
116
|
-
(0,
|
116
|
+
(0, _react.act)(function () {
|
117
117
|
return result.current.toggle();
|
118
118
|
});
|
119
119
|
expect(onOpenChange).toHaveBeenNthCalledWith(3, true);
|
@@ -1,13 +1,13 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
-
var
|
4
|
+
var _react = require("@testing-library/react");
|
5
5
|
var _ = _interopRequireDefault(require("."));
|
6
6
|
var key = 'testKey';
|
7
7
|
test('using the onPress prop works as a callback', function () {
|
8
8
|
var onPress = jest.fn();
|
9
9
|
var setSelectedKey = jest.fn();
|
10
|
-
var _renderHook = (0,
|
10
|
+
var _renderHook = (0, _react.renderHook)(function () {
|
11
11
|
return (0, _["default"])({
|
12
12
|
key: key,
|
13
13
|
onPressCallback: onPress
|
@@ -22,7 +22,7 @@ test('using the onPress prop works as a callback', function () {
|
|
22
22
|
test('if no onPress prop there is no callback', function () {
|
23
23
|
var onPress = jest.fn();
|
24
24
|
var setSelectedKey = jest.fn();
|
25
|
-
var _renderHook2 = (0,
|
25
|
+
var _renderHook2 = (0, _react.renderHook)(function () {
|
26
26
|
return (0, _["default"])({
|
27
27
|
key: key
|
28
28
|
}, {
|
@@ -1,10 +1,10 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
-
var
|
4
|
+
var _react = require("@testing-library/react");
|
5
5
|
var _ = _interopRequireDefault(require("."));
|
6
6
|
test('popUpNav variant returns the correct variants', function () {
|
7
|
-
var _renderHook = (0,
|
7
|
+
var _renderHook = (0, _react.renderHook)(function () {
|
8
8
|
return (0, _["default"])('popupNav');
|
9
9
|
}),
|
10
10
|
result = _renderHook.result;
|
@@ -24,7 +24,7 @@ test('popUpNav variant returns the correct variants', function () {
|
|
24
24
|
});
|
25
25
|
});
|
26
26
|
test('default prop returns standard nav variants', function () {
|
27
|
-
var _renderHook2 = (0,
|
27
|
+
var _renderHook2 = (0, _react.renderHook)(function () {
|
28
28
|
return (0, _["default"])('');
|
29
29
|
}),
|
30
30
|
result = _renderHook2.result;
|
@@ -1,10 +1,10 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
-
var
|
4
|
+
var _react = require("@testing-library/react");
|
5
5
|
var _useOverlayPanelState = _interopRequireDefault(require("./useOverlayPanelState"));
|
6
6
|
test('default useOverlayPanelState', function () {
|
7
|
-
var _renderHook = (0,
|
7
|
+
var _renderHook = (0, _react.renderHook)(function () {
|
8
8
|
return (0, _useOverlayPanelState["default"])();
|
9
9
|
}),
|
10
10
|
result = _renderHook.result;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
-
var
|
4
|
+
var _react = require("@testing-library/react");
|
5
5
|
var _usePropWarning = _interopRequireDefault(require("./usePropWarning"));
|
6
6
|
describe('usePropWarning', function () {
|
7
7
|
beforeEach(function () {
|
@@ -21,7 +21,7 @@ describe('usePropWarning', function () {
|
|
21
21
|
};
|
22
22
|
var spy = jest.spyOn(console, 'warn');
|
23
23
|
expect(spy).not.toHaveBeenCalled();
|
24
|
-
(0,
|
24
|
+
(0, _react.renderHook)(function () {
|
25
25
|
return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled');
|
26
26
|
});
|
27
27
|
expect(spy).toHaveBeenCalledTimes(1);
|
@@ -32,7 +32,7 @@ describe('usePropWarning', function () {
|
|
32
32
|
};
|
33
33
|
var spy = jest.spyOn(console, 'warn');
|
34
34
|
expect(spy).not.toHaveBeenCalled();
|
35
|
-
(0,
|
35
|
+
(0, _react.renderHook)(function () {
|
36
36
|
return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled');
|
37
37
|
});
|
38
38
|
expect(spy).not.toHaveBeenCalled();
|
@@ -42,10 +42,10 @@ describe('usePropWarning', function () {
|
|
42
42
|
disabled: true
|
43
43
|
};
|
44
44
|
var spy = jest.spyOn(console, 'warn');
|
45
|
-
(0,
|
45
|
+
(0, _react.renderHook)(function () {
|
46
46
|
return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled', true);
|
47
47
|
});
|
48
|
-
(0,
|
48
|
+
(0, _react.renderHook)(function () {
|
49
49
|
return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled', true);
|
50
50
|
});
|
51
51
|
expect(spy).toHaveBeenCalledTimes(2);
|
@@ -57,7 +57,7 @@ describe('usePropWarning', function () {
|
|
57
57
|
};
|
58
58
|
var spy = jest.spyOn(console, 'warn');
|
59
59
|
expect(spy).not.toHaveBeenCalled();
|
60
|
-
(0,
|
60
|
+
(0, _react.renderHook)(function () {
|
61
61
|
return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled');
|
62
62
|
});
|
63
63
|
expect(spy).not.toHaveBeenCalled();
|
@@ -1,10 +1,10 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
-
var
|
4
|
+
var _react = require("@testing-library/react");
|
5
5
|
var _useStatusClasses = _interopRequireDefault(require("./useStatusClasses"));
|
6
6
|
test('should return empty', function () {
|
7
|
-
var _renderHook = (0,
|
7
|
+
var _renderHook = (0, _react.renderHook)(function () {
|
8
8
|
return (0, _useStatusClasses["default"])();
|
9
9
|
}),
|
10
10
|
result = _renderHook.result;
|
@@ -12,7 +12,7 @@ test('should return empty', function () {
|
|
12
12
|
expect(classNames).toBe('');
|
13
13
|
});
|
14
14
|
test('should return default', function () {
|
15
|
-
var _renderHook2 = (0,
|
15
|
+
var _renderHook2 = (0, _react.renderHook)(function () {
|
16
16
|
return (0, _useStatusClasses["default"])('default');
|
17
17
|
}),
|
18
18
|
result = _renderHook2.result;
|
@@ -25,7 +25,7 @@ test('should return statuses without default', function () {
|
|
25
25
|
isBlah: false,
|
26
26
|
isFocused: true
|
27
27
|
};
|
28
|
-
var _renderHook3 = (0,
|
28
|
+
var _renderHook3 = (0, _react.renderHook)(function () {
|
29
29
|
return (0, _useStatusClasses["default"])(null, statuses);
|
30
30
|
}),
|
31
31
|
result = _renderHook3.result;
|
@@ -38,7 +38,7 @@ test('should return statuses with default', function () {
|
|
38
38
|
isBlah: false,
|
39
39
|
isFocused: true
|
40
40
|
};
|
41
|
-
var _renderHook4 = (0,
|
41
|
+
var _renderHook4 = (0, _react.renderHook)(function () {
|
42
42
|
return (0, _useStatusClasses["default"])('default', statuses);
|
43
43
|
}),
|
44
44
|
result = _renderHook4.result;
|