@gravity-ui/data-source 0.6.1 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/core/index.d.ts +2 -1
- package/build/cjs/core/index.js +7 -0
- package/build/cjs/core/index.js.map +1 -1
- package/build/cjs/core/types/DataSource.d.ts +15 -19
- package/build/cjs/core/types/DataSource.js.map +1 -1
- package/build/cjs/core/utils/__tests__/composeFullKey.test.js +34 -0
- package/build/cjs/core/utils/__tests__/composeFullKey.test.js.map +1 -0
- package/build/cjs/core/utils/__tests__/composeKey.test.js +32 -0
- package/build/cjs/core/utils/__tests__/composeKey.test.js.map +1 -0
- package/build/cjs/core/utils/__tests__/getError.test.js +31 -0
- package/build/cjs/core/utils/__tests__/getError.test.js.map +1 -0
- package/build/cjs/core/utils/__tests__/getStatus.test.js +49 -0
- package/build/cjs/core/utils/__tests__/getStatus.test.js.map +1 -0
- package/build/cjs/core/utils/__tests__/hasTag.test.js +31 -0
- package/build/cjs/core/utils/__tests__/hasTag.test.js.map +1 -0
- package/build/cjs/core/utils/__tests__/mergeStatuses.test.js +25 -0
- package/build/cjs/core/utils/__tests__/mergeStatuses.test.js.map +1 -0
- package/build/cjs/core/utils/__tests__/skipContext.test.js +70 -0
- package/build/cjs/core/utils/__tests__/skipContext.test.js.map +1 -0
- package/build/cjs/core/utils/__tests__/withCancellation.test.js +106 -0
- package/build/cjs/core/utils/__tests__/withCancellation.test.js.map +1 -0
- package/build/cjs/core/utils/__tests__/withCatch.test.js +208 -0
- package/build/cjs/core/utils/__tests__/withCatch.test.js.map +1 -0
- package/build/cjs/core/utils/withCatch.d.ts +26 -0
- package/build/cjs/core/utils/withCatch.js +37 -0
- package/build/cjs/core/utils/withCatch.js.map +1 -0
- package/build/cjs/react/__tests__/DataManagerContext.test.js +46 -0
- package/build/cjs/react/__tests__/DataManagerContext.test.js.map +1 -0
- package/build/cjs/react/__tests__/withDataManager.test.js +58 -0
- package/build/cjs/react/__tests__/withDataManager.test.js.map +1 -0
- package/build/cjs/react/components/DataInfiniteLoader/__tests__/DataInfiniteLoader.test.js +187 -0
- package/build/cjs/react/components/DataInfiniteLoader/__tests__/DataInfiniteLoader.test.js.map +1 -0
- package/build/cjs/react/components/DataLoader/__tests__/DataLoader.test.js +119 -0
- package/build/cjs/react/components/DataLoader/__tests__/DataLoader.test.js.map +1 -0
- package/build/cjs/react/withDataManager.d.ts +1 -1
- package/build/cjs/react/withDataManager.js +3 -3
- package/build/cjs/react/withDataManager.js.map +1 -1
- package/build/cjs/react-query/constants.d.ts +2 -0
- package/build/cjs/react-query/constants.js +9 -0
- package/build/cjs/react-query/constants.js.map +1 -0
- package/build/cjs/react-query/hooks/__tests__/useQueryContext.test.js +55 -0
- package/build/cjs/react-query/hooks/__tests__/useQueryContext.test.js.map +1 -0
- package/build/cjs/react-query/hooks/__tests__/useQueryData.test.js +97 -0
- package/build/cjs/react-query/hooks/__tests__/useQueryData.test.js.map +1 -0
- package/build/cjs/react-query/hooks/__tests__/useQueryResponses.test.js +77 -0
- package/build/cjs/react-query/hooks/__tests__/useQueryResponses.test.js.map +1 -0
- package/build/cjs/react-query/hooks/__tests__/useRefetchAll.test.js +79 -0
- package/build/cjs/react-query/hooks/__tests__/useRefetchAll.test.js.map +1 -0
- package/build/cjs/react-query/hooks/__tests__/useRefetchErrored.test.js +117 -0
- package/build/cjs/react-query/hooks/__tests__/useRefetchErrored.test.js.map +1 -0
- package/build/cjs/react-query/hooks/__tests__/useRefetchInterval.test.js +156 -0
- package/build/cjs/react-query/hooks/__tests__/useRefetchInterval.test.js.map +1 -0
- package/build/cjs/react-query/hooks/useRefetchInterval.d.ts +1 -1
- package/build/cjs/react-query/impl/infinite/factory.d.ts +1 -1
- package/build/cjs/react-query/impl/infinite/factory.js.map +1 -1
- package/build/cjs/react-query/impl/infinite/types.d.ts +7 -7
- package/build/cjs/react-query/impl/infinite/types.js.map +1 -1
- package/build/cjs/react-query/impl/infinite/utils.js +11 -22
- package/build/cjs/react-query/impl/infinite/utils.js.map +1 -1
- package/build/cjs/react-query/impl/plain/factory.d.ts +1 -1
- package/build/cjs/react-query/impl/plain/factory.js.map +1 -1
- package/build/cjs/react-query/impl/plain/types.d.ts +4 -4
- package/build/cjs/react-query/impl/plain/types.js.map +1 -1
- package/build/cjs/react-query/impl/plain/utils.js +12 -23
- package/build/cjs/react-query/impl/plain/utils.js.map +1 -1
- package/build/cjs/react-query/utils/__tests__/formatNullableValue.test.js +27 -0
- package/build/cjs/react-query/utils/__tests__/formatNullableValue.test.js.map +1 -0
- package/build/cjs/react-query/utils/__tests__/getProgressiveRefetch.test.js +76 -0
- package/build/cjs/react-query/utils/__tests__/getProgressiveRefetch.test.js.map +1 -0
- package/build/cjs/react-query/utils/__tests__/normalizeStatus.test.js +30 -0
- package/build/cjs/react-query/utils/__tests__/normalizeStatus.test.js.map +1 -0
- package/build/cjs/react-query/utils/__tests__/notReachable.test.js +35 -0
- package/build/cjs/react-query/utils/__tests__/notReachable.test.js.map +1 -0
- package/build/cjs/react-query/utils/__tests__/parseNullableValue.test.js +27 -0
- package/build/cjs/react-query/utils/__tests__/parseNullableValue.test.js.map +1 -0
- package/build/cjs/react-query/utils/formatNullableValue.d.ts +2 -0
- package/build/cjs/react-query/utils/formatNullableValue.js +17 -0
- package/build/cjs/react-query/utils/formatNullableValue.js.map +1 -0
- package/build/cjs/react-query/utils/getProgressiveRefetch.d.ts +2 -2
- package/build/cjs/react-query/utils/parseNullableValue.d.ts +2 -0
- package/build/cjs/react-query/utils/parseNullableValue.js +17 -0
- package/build/cjs/react-query/utils/parseNullableValue.js.map +1 -0
- package/build/cjs/setupTests.d.ts +1 -0
- package/build/cjs/setupTests.js +4 -0
- package/build/cjs/setupTests.js.map +1 -0
- package/build/esm/core/index.d.ts +2 -1
- package/build/esm/core/index.js +1 -0
- package/build/esm/core/index.js.map +1 -1
- package/build/esm/core/types/DataSource.d.ts +15 -19
- package/build/esm/core/types/DataSource.js.map +1 -1
- package/build/esm/core/utils/__tests__/composeFullKey.test.js +32 -0
- package/build/esm/core/utils/__tests__/composeFullKey.test.js.map +1 -0
- package/build/esm/core/utils/__tests__/composeKey.test.js +30 -0
- package/build/esm/core/utils/__tests__/composeKey.test.js.map +1 -0
- package/build/esm/core/utils/__tests__/getError.test.js +29 -0
- package/build/esm/core/utils/__tests__/getError.test.js.map +1 -0
- package/build/esm/core/utils/__tests__/getStatus.test.js +47 -0
- package/build/esm/core/utils/__tests__/getStatus.test.js.map +1 -0
- package/build/esm/core/utils/__tests__/hasTag.test.js +29 -0
- package/build/esm/core/utils/__tests__/hasTag.test.js.map +1 -0
- package/build/esm/core/utils/__tests__/mergeStatuses.test.js +23 -0
- package/build/esm/core/utils/__tests__/mergeStatuses.test.js.map +1 -0
- package/build/esm/core/utils/__tests__/skipContext.test.js +67 -0
- package/build/esm/core/utils/__tests__/skipContext.test.js.map +1 -0
- package/build/esm/core/utils/__tests__/withCancellation.test.js +104 -0
- package/build/esm/core/utils/__tests__/withCancellation.test.js.map +1 -0
- package/build/esm/core/utils/__tests__/withCatch.test.js +205 -0
- package/build/esm/core/utils/__tests__/withCatch.test.js.map +1 -0
- package/build/esm/core/utils/withCatch.d.ts +26 -0
- package/build/esm/core/utils/withCatch.js +31 -0
- package/build/esm/core/utils/withCatch.js.map +1 -0
- package/build/esm/react/__tests__/DataManagerContext.test.js +43 -0
- package/build/esm/react/__tests__/DataManagerContext.test.js.map +1 -0
- package/build/esm/react/__tests__/withDataManager.test.js +55 -0
- package/build/esm/react/__tests__/withDataManager.test.js.map +1 -0
- package/build/esm/react/components/DataInfiniteLoader/__tests__/DataInfiniteLoader.test.js +184 -0
- package/build/esm/react/components/DataInfiniteLoader/__tests__/DataInfiniteLoader.test.js.map +1 -0
- package/build/esm/react/components/DataLoader/__tests__/DataLoader.test.js +116 -0
- package/build/esm/react/components/DataLoader/__tests__/DataLoader.test.js.map +1 -0
- package/build/esm/react/withDataManager.d.ts +1 -1
- package/build/esm/react/withDataManager.js +3 -3
- package/build/esm/react/withDataManager.js.map +1 -1
- package/build/esm/react-query/constants.d.ts +2 -0
- package/build/esm/react-query/constants.js +3 -0
- package/build/esm/react-query/constants.js.map +1 -0
- package/build/esm/react-query/hooks/__tests__/useQueryContext.test.js +52 -0
- package/build/esm/react-query/hooks/__tests__/useQueryContext.test.js.map +1 -0
- package/build/esm/react-query/hooks/__tests__/useQueryData.test.js +95 -0
- package/build/esm/react-query/hooks/__tests__/useQueryData.test.js.map +1 -0
- package/build/esm/react-query/hooks/__tests__/useQueryResponses.test.js +74 -0
- package/build/esm/react-query/hooks/__tests__/useQueryResponses.test.js.map +1 -0
- package/build/esm/react-query/hooks/__tests__/useRefetchAll.test.js +77 -0
- package/build/esm/react-query/hooks/__tests__/useRefetchAll.test.js.map +1 -0
- package/build/esm/react-query/hooks/__tests__/useRefetchErrored.test.js +115 -0
- package/build/esm/react-query/hooks/__tests__/useRefetchErrored.test.js.map +1 -0
- package/build/esm/react-query/hooks/__tests__/useRefetchInterval.test.js +154 -0
- package/build/esm/react-query/hooks/__tests__/useRefetchInterval.test.js.map +1 -0
- package/build/esm/react-query/hooks/useRefetchInterval.d.ts +1 -1
- package/build/esm/react-query/impl/infinite/factory.d.ts +1 -1
- package/build/esm/react-query/impl/infinite/factory.js.map +1 -1
- package/build/esm/react-query/impl/infinite/types.d.ts +7 -7
- package/build/esm/react-query/impl/infinite/types.js.map +1 -1
- package/build/esm/react-query/impl/infinite/utils.js +9 -20
- package/build/esm/react-query/impl/infinite/utils.js.map +1 -1
- package/build/esm/react-query/impl/plain/factory.d.ts +1 -1
- package/build/esm/react-query/impl/plain/factory.js.map +1 -1
- package/build/esm/react-query/impl/plain/types.d.ts +4 -4
- package/build/esm/react-query/impl/plain/types.js.map +1 -1
- package/build/esm/react-query/impl/plain/utils.js +10 -21
- package/build/esm/react-query/impl/plain/utils.js.map +1 -1
- package/build/esm/react-query/utils/__tests__/formatNullableValue.test.js +25 -0
- package/build/esm/react-query/utils/__tests__/formatNullableValue.test.js.map +1 -0
- package/build/esm/react-query/utils/__tests__/getProgressiveRefetch.test.js +74 -0
- package/build/esm/react-query/utils/__tests__/getProgressiveRefetch.test.js.map +1 -0
- package/build/esm/react-query/utils/__tests__/normalizeStatus.test.js +28 -0
- package/build/esm/react-query/utils/__tests__/normalizeStatus.test.js.map +1 -0
- package/build/esm/react-query/utils/__tests__/notReachable.test.js +33 -0
- package/build/esm/react-query/utils/__tests__/notReachable.test.js.map +1 -0
- package/build/esm/react-query/utils/__tests__/parseNullableValue.test.js +25 -0
- package/build/esm/react-query/utils/__tests__/parseNullableValue.test.js.map +1 -0
- package/build/esm/react-query/utils/formatNullableValue.d.ts +2 -0
- package/build/esm/react-query/utils/formatNullableValue.js +11 -0
- package/build/esm/react-query/utils/formatNullableValue.js.map +1 -0
- package/build/esm/react-query/utils/getProgressiveRefetch.d.ts +2 -2
- package/build/esm/react-query/utils/parseNullableValue.d.ts +2 -0
- package/build/esm/react-query/utils/parseNullableValue.js +11 -0
- package/build/esm/react-query/utils/parseNullableValue.js.map +1 -0
- package/build/esm/setupTests.d.ts +1 -0
- package/build/esm/setupTests.js +2 -0
- package/build/esm/setupTests.js.map +1 -0
- package/package.json +17 -13
- package/build/cjs/react-query/impl/utils.d.ts +0 -4
- package/build/cjs/react-query/impl/utils.js +0 -27
- package/build/cjs/react-query/impl/utils.js.map +0 -1
- package/build/esm/react-query/impl/utils.d.ts +0 -4
- package/build/esm/react-query/impl/utils.js +0 -21
- package/build/esm/react-query/impl/utils.js.map +0 -1
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
4
|
+
var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
|
|
5
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
6
|
+
var _withCatch = require("../withCatch");
|
|
7
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
+
describe('withCatch', function () {
|
|
9
|
+
it('should return the result of the fetch function when it succeeds', /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
|
|
10
|
+
var mockFetch, mockErrorHandler, safeFetch, result;
|
|
11
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
|
|
12
|
+
while (1) switch (_context.prev = _context.next) {
|
|
13
|
+
case 0:
|
|
14
|
+
mockFetch = jest.fn().mockResolvedValue({
|
|
15
|
+
data: 'success'
|
|
16
|
+
});
|
|
17
|
+
mockErrorHandler = jest.fn().mockReturnValue({
|
|
18
|
+
error: 'handled'
|
|
19
|
+
});
|
|
20
|
+
safeFetch = (0, _withCatch.withCatch)(mockFetch, mockErrorHandler);
|
|
21
|
+
_context.next = 5;
|
|
22
|
+
return safeFetch('arg1', 42);
|
|
23
|
+
case 5:
|
|
24
|
+
result = _context.sent;
|
|
25
|
+
expect(mockFetch).toHaveBeenCalledWith('arg1', 42);
|
|
26
|
+
expect(mockErrorHandler).not.toHaveBeenCalled();
|
|
27
|
+
expect(result).toEqual({
|
|
28
|
+
data: 'success'
|
|
29
|
+
});
|
|
30
|
+
case 9:
|
|
31
|
+
case "end":
|
|
32
|
+
return _context.stop();
|
|
33
|
+
}
|
|
34
|
+
}, _callee);
|
|
35
|
+
})));
|
|
36
|
+
it('should call the error handler when the fetch function fails', /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
|
|
37
|
+
var error, mockFetch, mockErrorHandler, safeFetch, result;
|
|
38
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
|
|
39
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
40
|
+
case 0:
|
|
41
|
+
error = new Error('fetch failed');
|
|
42
|
+
mockFetch = jest.fn().mockRejectedValue(error);
|
|
43
|
+
mockErrorHandler = jest.fn().mockReturnValue({
|
|
44
|
+
error: 'handled'
|
|
45
|
+
});
|
|
46
|
+
safeFetch = (0, _withCatch.withCatch)(mockFetch, mockErrorHandler);
|
|
47
|
+
_context2.next = 6;
|
|
48
|
+
return safeFetch('arg1', 42);
|
|
49
|
+
case 6:
|
|
50
|
+
result = _context2.sent;
|
|
51
|
+
expect(mockFetch).toHaveBeenCalledWith('arg1', 42);
|
|
52
|
+
expect(mockErrorHandler).toHaveBeenCalledWith(error);
|
|
53
|
+
expect(result).toEqual({
|
|
54
|
+
error: 'handled'
|
|
55
|
+
});
|
|
56
|
+
case 10:
|
|
57
|
+
case "end":
|
|
58
|
+
return _context2.stop();
|
|
59
|
+
}
|
|
60
|
+
}, _callee2);
|
|
61
|
+
})));
|
|
62
|
+
it('should work with functions that take no parameters', /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
|
|
63
|
+
var mockFetch, mockErrorHandler, safeFetch, result;
|
|
64
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
|
|
65
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
66
|
+
case 0:
|
|
67
|
+
mockFetch = jest.fn().mockResolvedValue({
|
|
68
|
+
data: 'success'
|
|
69
|
+
});
|
|
70
|
+
mockErrorHandler = jest.fn().mockReturnValue({
|
|
71
|
+
error: 'handled'
|
|
72
|
+
});
|
|
73
|
+
safeFetch = (0, _withCatch.withCatch)(mockFetch, mockErrorHandler);
|
|
74
|
+
_context3.next = 5;
|
|
75
|
+
return safeFetch();
|
|
76
|
+
case 5:
|
|
77
|
+
result = _context3.sent;
|
|
78
|
+
expect(mockFetch).toHaveBeenCalledWith();
|
|
79
|
+
expect(mockErrorHandler).not.toHaveBeenCalled();
|
|
80
|
+
expect(result).toEqual({
|
|
81
|
+
data: 'success'
|
|
82
|
+
});
|
|
83
|
+
case 9:
|
|
84
|
+
case "end":
|
|
85
|
+
return _context3.stop();
|
|
86
|
+
}
|
|
87
|
+
}, _callee3);
|
|
88
|
+
})));
|
|
89
|
+
it('should work with functions that take multiple parameters', /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4() {
|
|
90
|
+
var mockFetch, mockErrorHandler, safeFetch, result;
|
|
91
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
|
|
92
|
+
while (1) switch (_context4.prev = _context4.next) {
|
|
93
|
+
case 0:
|
|
94
|
+
mockFetch = jest.fn().mockResolvedValue({
|
|
95
|
+
data: 'success'
|
|
96
|
+
});
|
|
97
|
+
mockErrorHandler = jest.fn().mockReturnValue({
|
|
98
|
+
error: 'handled'
|
|
99
|
+
});
|
|
100
|
+
safeFetch = (0, _withCatch.withCatch)(mockFetch, mockErrorHandler);
|
|
101
|
+
_context4.next = 5;
|
|
102
|
+
return safeFetch('arg1', 42, true, {
|
|
103
|
+
complex: 'object'
|
|
104
|
+
});
|
|
105
|
+
case 5:
|
|
106
|
+
result = _context4.sent;
|
|
107
|
+
expect(mockFetch).toHaveBeenCalledWith('arg1', 42, true, {
|
|
108
|
+
complex: 'object'
|
|
109
|
+
});
|
|
110
|
+
expect(mockErrorHandler).not.toHaveBeenCalled();
|
|
111
|
+
expect(result).toEqual({
|
|
112
|
+
data: 'success'
|
|
113
|
+
});
|
|
114
|
+
case 9:
|
|
115
|
+
case "end":
|
|
116
|
+
return _context4.stop();
|
|
117
|
+
}
|
|
118
|
+
}, _callee4);
|
|
119
|
+
})));
|
|
120
|
+
it('should handle error handlers that return promises', /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee5() {
|
|
121
|
+
var error, mockFetch, mockErrorHandler, safeFetch, result;
|
|
122
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee5$(_context5) {
|
|
123
|
+
while (1) switch (_context5.prev = _context5.next) {
|
|
124
|
+
case 0:
|
|
125
|
+
error = new Error('fetch failed');
|
|
126
|
+
mockFetch = jest.fn().mockRejectedValue(error);
|
|
127
|
+
mockErrorHandler = jest.fn().mockResolvedValue({
|
|
128
|
+
error: 'async handled'
|
|
129
|
+
});
|
|
130
|
+
safeFetch = (0, _withCatch.withCatch)(mockFetch, mockErrorHandler);
|
|
131
|
+
_context5.next = 6;
|
|
132
|
+
return safeFetch('arg1');
|
|
133
|
+
case 6:
|
|
134
|
+
result = _context5.sent;
|
|
135
|
+
expect(mockFetch).toHaveBeenCalledWith('arg1');
|
|
136
|
+
expect(mockErrorHandler).toHaveBeenCalledWith(error);
|
|
137
|
+
expect(result).toEqual({
|
|
138
|
+
error: 'async handled'
|
|
139
|
+
});
|
|
140
|
+
case 10:
|
|
141
|
+
case "end":
|
|
142
|
+
return _context5.stop();
|
|
143
|
+
}
|
|
144
|
+
}, _callee5);
|
|
145
|
+
})));
|
|
146
|
+
it('should preserve the type of the fetch function return value', /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee6() {
|
|
147
|
+
var mockFetch, mockErrorHandler, safeFetch, result, userName;
|
|
148
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee6$(_context6) {
|
|
149
|
+
while (1) switch (_context6.prev = _context6.next) {
|
|
150
|
+
case 0:
|
|
151
|
+
mockFetch = jest.fn().mockResolvedValue({
|
|
152
|
+
id: 1,
|
|
153
|
+
name: 'John Doe'
|
|
154
|
+
});
|
|
155
|
+
mockErrorHandler = jest.fn().mockReturnValue(null);
|
|
156
|
+
safeFetch = (0, _withCatch.withCatch)(mockFetch, mockErrorHandler);
|
|
157
|
+
_context6.next = 5;
|
|
158
|
+
return safeFetch('user1');
|
|
159
|
+
case 5:
|
|
160
|
+
result = _context6.sent;
|
|
161
|
+
expect(result).toEqual({
|
|
162
|
+
id: 1,
|
|
163
|
+
name: 'John Doe'
|
|
164
|
+
});
|
|
165
|
+
// TypeScript should recognize result as User | null
|
|
166
|
+
if (result !== null) {
|
|
167
|
+
// This should compile without errors
|
|
168
|
+
userName = result.name;
|
|
169
|
+
expect(userName).toBe('John Doe');
|
|
170
|
+
}
|
|
171
|
+
case 8:
|
|
172
|
+
case "end":
|
|
173
|
+
return _context6.stop();
|
|
174
|
+
}
|
|
175
|
+
}, _callee6);
|
|
176
|
+
})));
|
|
177
|
+
it('should preserve the type of the error handler return value', /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee7() {
|
|
178
|
+
var error, mockFetch, mockErrorHandler, safeFetch, result, errorCode;
|
|
179
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee7$(_context7) {
|
|
180
|
+
while (1) switch (_context7.prev = _context7.next) {
|
|
181
|
+
case 0:
|
|
182
|
+
error = new Error('fetch failed');
|
|
183
|
+
mockFetch = jest.fn().mockRejectedValue(error);
|
|
184
|
+
mockErrorHandler = jest.fn().mockReturnValue({
|
|
185
|
+
code: 500,
|
|
186
|
+
message: 'Internal Server Error'
|
|
187
|
+
});
|
|
188
|
+
safeFetch = (0, _withCatch.withCatch)(mockFetch, mockErrorHandler);
|
|
189
|
+
_context7.next = 6;
|
|
190
|
+
return safeFetch('user1');
|
|
191
|
+
case 6:
|
|
192
|
+
result = _context7.sent;
|
|
193
|
+
expect(mockErrorHandler).toHaveBeenCalledWith(error);
|
|
194
|
+
|
|
195
|
+
// TypeScript should recognize result as unknown | ErrorResponse
|
|
196
|
+
if ((0, _typeof2.default)(result) === 'object' && result !== null && 'code' in result) {
|
|
197
|
+
// This should compile without errors
|
|
198
|
+
errorCode = result.code;
|
|
199
|
+
expect(errorCode).toBe(500);
|
|
200
|
+
}
|
|
201
|
+
case 9:
|
|
202
|
+
case "end":
|
|
203
|
+
return _context7.stop();
|
|
204
|
+
}
|
|
205
|
+
}, _callee7);
|
|
206
|
+
})));
|
|
207
|
+
});
|
|
208
|
+
// #sourceMappingURL=withCatch.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_withCatch","require","_interopRequireDefault","e","__esModule","default","describe","it","_asyncToGenerator","_regeneratorRuntime","mark","_callee","mockFetch","mockErrorHandler","safeFetch","result","wrap","_callee$","_context","prev","next","jest","fn","mockResolvedValue","data","mockReturnValue","error","withCatch","sent","expect","toHaveBeenCalledWith","not","toHaveBeenCalled","toEqual","stop","_callee2","_callee2$","_context2","Error","mockRejectedValue","_callee3","_callee3$","_context3","_callee4","_callee4$","_context4","complex","_callee5","_callee5$","_context5","_callee6","userName","_callee6$","_context6","id","name","toBe","_callee7","errorCode","_callee7$","_context7","code","message","_typeof"],"sources":["withCatch.test.ts"],"sourcesContent":["import {withCatch} from '../withCatch';\n\ndescribe('withCatch', () => {\n it('should return the result of the fetch function when it succeeds', async () => {\n const mockFetch = jest.fn().mockResolvedValue({data: 'success'});\n const mockErrorHandler = jest.fn().mockReturnValue({error: 'handled'});\n\n const safeFetch = withCatch(mockFetch, mockErrorHandler);\n const result = await safeFetch('arg1', 42);\n\n expect(mockFetch).toHaveBeenCalledWith('arg1', 42);\n expect(mockErrorHandler).not.toHaveBeenCalled();\n expect(result).toEqual({data: 'success'});\n });\n\n it('should call the error handler when the fetch function fails', async () => {\n const error = new Error('fetch failed');\n const mockFetch = jest.fn().mockRejectedValue(error);\n const mockErrorHandler = jest.fn().mockReturnValue({error: 'handled'});\n\n const safeFetch = withCatch(mockFetch, mockErrorHandler);\n const result = await safeFetch('arg1', 42);\n\n expect(mockFetch).toHaveBeenCalledWith('arg1', 42);\n expect(mockErrorHandler).toHaveBeenCalledWith(error);\n expect(result).toEqual({error: 'handled'});\n });\n\n it('should work with functions that take no parameters', async () => {\n const mockFetch = jest.fn().mockResolvedValue({data: 'success'});\n const mockErrorHandler = jest.fn().mockReturnValue({error: 'handled'});\n\n const safeFetch = withCatch(mockFetch, mockErrorHandler);\n const result = await safeFetch();\n\n expect(mockFetch).toHaveBeenCalledWith();\n expect(mockErrorHandler).not.toHaveBeenCalled();\n expect(result).toEqual({data: 'success'});\n });\n\n it('should work with functions that take multiple parameters', async () => {\n const mockFetch = jest.fn().mockResolvedValue({data: 'success'});\n const mockErrorHandler = jest.fn().mockReturnValue({error: 'handled'});\n\n const safeFetch = withCatch(mockFetch, mockErrorHandler);\n const result = await safeFetch('arg1', 42, true, {complex: 'object'});\n\n expect(mockFetch).toHaveBeenCalledWith('arg1', 42, true, {complex: 'object'});\n expect(mockErrorHandler).not.toHaveBeenCalled();\n expect(result).toEqual({data: 'success'});\n });\n\n it('should handle error handlers that return promises', async () => {\n const error = new Error('fetch failed');\n const mockFetch = jest.fn().mockRejectedValue(error);\n const mockErrorHandler = jest.fn().mockResolvedValue({error: 'async handled'});\n\n const safeFetch = withCatch(mockFetch, mockErrorHandler);\n const result = await safeFetch('arg1');\n\n expect(mockFetch).toHaveBeenCalledWith('arg1');\n expect(mockErrorHandler).toHaveBeenCalledWith(error);\n expect(result).toEqual({error: 'async handled'});\n });\n\n it('should preserve the type of the fetch function return value', async () => {\n interface User {\n id: number;\n name: string;\n }\n\n const mockFetch = jest.fn().mockResolvedValue({\n id: 1,\n name: 'John Doe',\n } as User);\n\n const mockErrorHandler = jest.fn().mockReturnValue(null);\n\n const safeFetch = withCatch<[string], User, null>(mockFetch, mockErrorHandler);\n const result = await safeFetch('user1');\n\n expect(result).toEqual({id: 1, name: 'John Doe'});\n // TypeScript should recognize result as User | null\n if (result !== null) {\n // This should compile without errors\n const userName = result.name;\n expect(userName).toBe('John Doe');\n }\n });\n\n it('should preserve the type of the error handler return value', async () => {\n interface ErrorResponse {\n code: number;\n message: string;\n }\n\n const error = new Error('fetch failed');\n const mockFetch = jest.fn<Promise<unknown>, [string]>().mockRejectedValue(error);\n\n const mockErrorHandler = jest.fn().mockReturnValue({\n code: 500,\n message: 'Internal Server Error',\n } as ErrorResponse);\n\n const safeFetch = withCatch<[string], unknown, ErrorResponse>(mockFetch, mockErrorHandler);\n const result = await safeFetch('user1');\n\n expect(mockErrorHandler).toHaveBeenCalledWith(error);\n\n // TypeScript should recognize result as unknown | ErrorResponse\n if (typeof result === 'object' && result !== null && 'code' in result) {\n // This should compile without errors\n const errorCode = (result as ErrorResponse).code;\n expect(errorCode).toBe(500);\n }\n });\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Creates a wrapper around a function that safely handles errors using a provided error handler.
|
|
3
|
+
*
|
|
4
|
+
* This utility function enhances a Promise-returning function by adding standardized error handling.
|
|
5
|
+
* It catches any errors thrown by the original function and processes them through the provided
|
|
6
|
+
* error handler, allowing for consistent error management across the application.
|
|
7
|
+
*
|
|
8
|
+
* @template TArgs - The argument types of the original function
|
|
9
|
+
* @template TFetchReturnType - The return type of the original function's Promise
|
|
10
|
+
* @template TCatchReturnType - The return type of the error handler function
|
|
11
|
+
*
|
|
12
|
+
* @param fetchFn - The original function that returns a Promise
|
|
13
|
+
* @param onCatchFn - The error handler function that processes any caught errors
|
|
14
|
+
*
|
|
15
|
+
* @returns A new function with the same signature as the original function,
|
|
16
|
+
* but with error handling applied. The returned function will resolve to either
|
|
17
|
+
* the successful result of the original function or the result of the error handler.
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* // Basic usage with a string parameter
|
|
21
|
+
* const fetchUser = withCatch(
|
|
22
|
+
* someFetchFunction,
|
|
23
|
+
* (error) => ({ error: true, message: error.message })
|
|
24
|
+
* );
|
|
25
|
+
*/
|
|
26
|
+
export declare function withCatch<TArgs extends unknown[], TFetchReturnType, TCatchReturnType>(fetchFn: (...args: TArgs) => Promise<TFetchReturnType>, onCatchFn: (reason: unknown) => TCatchReturnType): (...args: TArgs) => Promise<TFetchReturnType | TCatchReturnType>;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.withCatch = withCatch;
|
|
7
|
+
/**
|
|
8
|
+
* Creates a wrapper around a function that safely handles errors using a provided error handler.
|
|
9
|
+
*
|
|
10
|
+
* This utility function enhances a Promise-returning function by adding standardized error handling.
|
|
11
|
+
* It catches any errors thrown by the original function and processes them through the provided
|
|
12
|
+
* error handler, allowing for consistent error management across the application.
|
|
13
|
+
*
|
|
14
|
+
* @template TArgs - The argument types of the original function
|
|
15
|
+
* @template TFetchReturnType - The return type of the original function's Promise
|
|
16
|
+
* @template TCatchReturnType - The return type of the error handler function
|
|
17
|
+
*
|
|
18
|
+
* @param fetchFn - The original function that returns a Promise
|
|
19
|
+
* @param onCatchFn - The error handler function that processes any caught errors
|
|
20
|
+
*
|
|
21
|
+
* @returns A new function with the same signature as the original function,
|
|
22
|
+
* but with error handling applied. The returned function will resolve to either
|
|
23
|
+
* the successful result of the original function or the result of the error handler.
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* // Basic usage with a string parameter
|
|
27
|
+
* const fetchUser = withCatch(
|
|
28
|
+
* someFetchFunction,
|
|
29
|
+
* (error) => ({ error: true, message: error.message })
|
|
30
|
+
* );
|
|
31
|
+
*/
|
|
32
|
+
function withCatch(fetchFn, onCatchFn) {
|
|
33
|
+
return function () {
|
|
34
|
+
return fetchFn.apply(void 0, arguments)["catch"](onCatchFn);
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
// #sourceMappingURL=withCatch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["withCatch","fetchFn","onCatchFn","apply","arguments"],"sources":["withCatch.ts"],"sourcesContent":["/**\n * Creates a wrapper around a function that safely handles errors using a provided error handler.\n *\n * This utility function enhances a Promise-returning function by adding standardized error handling.\n * It catches any errors thrown by the original function and processes them through the provided\n * error handler, allowing for consistent error management across the application.\n *\n * @template TArgs - The argument types of the original function\n * @template TFetchReturnType - The return type of the original function's Promise\n * @template TCatchReturnType - The return type of the error handler function\n *\n * @param fetchFn - The original function that returns a Promise\n * @param onCatchFn - The error handler function that processes any caught errors\n *\n * @returns A new function with the same signature as the original function,\n * but with error handling applied. The returned function will resolve to either\n * the successful result of the original function or the result of the error handler.\n *\n * @example\n * // Basic usage with a string parameter\n * const fetchUser = withCatch(\n * someFetchFunction,\n * (error) => ({ error: true, message: error.message })\n * );\n */\nexport function withCatch<TArgs extends unknown[], TFetchReturnType, TCatchReturnType>(\n fetchFn: (...args: TArgs) => Promise<TFetchReturnType>,\n onCatchFn: (reason: unknown) => TCatchReturnType,\n): (...args: TArgs) => Promise<TFetchReturnType | TCatchReturnType> {\n return (...args) => {\n return fetchFn(...args).catch(onCatchFn) as Promise<TFetchReturnType | TCatchReturnType>;\n };\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,CACrBC,OAAsD,EACtDC,SAAgD,EACgB;EAChE,OAAO,YAAa;IAChB,OAAOD,OAAO,CAAAE,KAAA,SAAAC,SAAQ,CAAC,SAAM,CAACF,SAAS,CAAC;EAC5C,CAAC;AACL","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
var _react2 = require("@testing-library/react");
|
|
5
|
+
var _DataManagerContext = require("../DataManagerContext");
|
|
6
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
+
describe('useDataManager', function () {
|
|
9
|
+
it('should return dataManager from context', function () {
|
|
10
|
+
var mockDataManager = {
|
|
11
|
+
invalidateTag: jest.fn(),
|
|
12
|
+
invalidateTags: jest.fn(),
|
|
13
|
+
invalidateSource: jest.fn(),
|
|
14
|
+
resetSource: jest.fn(),
|
|
15
|
+
invalidateParams: jest.fn(),
|
|
16
|
+
resetParams: jest.fn(),
|
|
17
|
+
invalidateSourceTags: jest.fn()
|
|
18
|
+
};
|
|
19
|
+
var wrapper = function wrapper(_ref) {
|
|
20
|
+
var children = _ref.children;
|
|
21
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataManagerContext.DataManagerContext.Provider, {
|
|
22
|
+
value: mockDataManager,
|
|
23
|
+
children: children
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
var _renderHook = (0, _react2.renderHook)(function () {
|
|
27
|
+
return (0, _DataManagerContext.useDataManager)();
|
|
28
|
+
}, {
|
|
29
|
+
wrapper: wrapper
|
|
30
|
+
}),
|
|
31
|
+
result = _renderHook.result;
|
|
32
|
+
expect(result.current).toBe(mockDataManager);
|
|
33
|
+
});
|
|
34
|
+
it('should throw an error when dataManager is not provided', function () {
|
|
35
|
+
try {
|
|
36
|
+
(0, _react2.renderHook)(function () {
|
|
37
|
+
return (0, _DataManagerContext.useDataManager)();
|
|
38
|
+
});
|
|
39
|
+
} catch (error) {
|
|
40
|
+
expect(error).toBeInstanceOf(Error);
|
|
41
|
+
// Just to be sure that the error is from the right place
|
|
42
|
+
expect(error.message).toBe('DataManager is not provided by context. Use DataManagerContext.Provider to do it');
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
// #sourceMappingURL=DataManagerContext.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_DataManagerContext","_jsxRuntime","e","__esModule","default","describe","it","mockDataManager","invalidateTag","jest","fn","invalidateTags","invalidateSource","resetSource","invalidateParams","resetParams","invalidateSourceTags","wrapper","_ref","children","_jsx","DataManagerContext","Provider","value","_renderHook","renderHook","useDataManager","result","expect","current","toBe","error","toBeInstanceOf","Error","message"],"sources":["DataManagerContext.test.tsx"],"sourcesContent":["import React from 'react';\n\nimport {renderHook} from '@testing-library/react';\n\nimport type {DataManager} from '../../core';\nimport {DataManagerContext, useDataManager} from '../DataManagerContext';\n\ndescribe('useDataManager', () => {\n it('should return dataManager from context', () => {\n const mockDataManager: DataManager = {\n invalidateTag: jest.fn(),\n invalidateTags: jest.fn(),\n invalidateSource: jest.fn(),\n resetSource: jest.fn(),\n invalidateParams: jest.fn(),\n resetParams: jest.fn(),\n invalidateSourceTags: jest.fn(),\n };\n\n const wrapper: React.FC<{children: React.ReactNode}> = ({children}) => (\n <DataManagerContext.Provider value={mockDataManager}>\n {children}\n </DataManagerContext.Provider>\n );\n\n const {result} = renderHook(() => useDataManager(), {wrapper});\n\n expect(result.current).toBe(mockDataManager);\n });\n\n it('should throw an error when dataManager is not provided', () => {\n try {\n renderHook(() => useDataManager());\n } catch (error) {\n expect(error).toBeInstanceOf(Error);\n // Just to be sure that the error is from the right place\n expect((error as Error).message).toBe(\n 'DataManager is not provided by context. Use DataManagerContext.Provider to do it',\n );\n }\n });\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAGA,IAAAE,mBAAA,GAAAF,OAAA;AAAyE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzEG,QAAQ,CAAC,gBAAgB,EAAE,YAAM;EAC7BC,EAAE,CAAC,wCAAwC,EAAE,YAAM;IAC/C,IAAMC,eAA4B,GAAG;MACjCC,aAAa,EAAEC,IAAI,CAACC,EAAE,CAAC,CAAC;MACxBC,cAAc,EAAEF,IAAI,CAACC,EAAE,CAAC,CAAC;MACzBE,gBAAgB,EAAEH,IAAI,CAACC,EAAE,CAAC,CAAC;MAC3BG,WAAW,EAAEJ,IAAI,CAACC,EAAE,CAAC,CAAC;MACtBI,gBAAgB,EAAEL,IAAI,CAACC,EAAE,CAAC,CAAC;MAC3BK,WAAW,EAAEN,IAAI,CAACC,EAAE,CAAC,CAAC;MACtBM,oBAAoB,EAAEP,IAAI,CAACC,EAAE,CAAC;IAClC,CAAC;IAED,IAAMO,OAA8C,GAAG,SAAjDA,OAA8CA,CAAAC,IAAA;MAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAA,oBAC7D,IAAAC,eAAA,EAACC,sCAAkB,CAACC,QAAQ;QAACC,KAAK,EAAEhB,eAAgB;QAAAY,QAAA,EAC/CA;MAAQ,CACgB,CAAC;IAAA,CACjC;IAED,IAAAK,WAAA,GAAiB,IAAAC,kBAAU,EAAC;QAAA,OAAM,IAAAC,kCAAc,EAAC,CAAC;MAAA,GAAE;QAACT,OAAO,EAAPA;MAAO,CAAC,CAAC;MAAvDU,MAAM,GAAAH,WAAA,CAANG,MAAM;IAEbC,MAAM,CAACD,MAAM,CAACE,OAAO,CAAC,CAACC,IAAI,CAACvB,eAAe,CAAC;EAChD,CAAC,CAAC;EAEFD,EAAE,CAAC,wDAAwD,EAAE,YAAM;IAC/D,IAAI;MACA,IAAAmB,kBAAU,EAAC;QAAA,OAAM,IAAAC,kCAAc,EAAC,CAAC;MAAA,EAAC;IACtC,CAAC,CAAC,OAAOK,KAAK,EAAE;MACZH,MAAM,CAACG,KAAK,CAAC,CAACC,cAAc,CAACC,KAAK,CAAC;MACnC;MACAL,MAAM,CAAEG,KAAK,CAAWG,OAAO,CAAC,CAACJ,IAAI,CACjC,kFACJ,CAAC;IACL;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
4
|
+
var _react = _interopRequireDefault(require("react"));
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
var _DataManagerContext = require("../DataManagerContext");
|
|
7
|
+
var _withDataManager = require("../withDataManager");
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
jest.mock('../DataManagerContext', function () {
|
|
11
|
+
var originalModule = jest.requireActual('../DataManagerContext');
|
|
12
|
+
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, originalModule), {}, {
|
|
13
|
+
useDataManager: jest.fn()
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
describe('withDataManager', function () {
|
|
17
|
+
var mockDataManager = {
|
|
18
|
+
invalidateTag: jest.fn(),
|
|
19
|
+
invalidateTags: jest.fn(),
|
|
20
|
+
invalidateSource: jest.fn(),
|
|
21
|
+
resetSource: jest.fn(),
|
|
22
|
+
invalidateParams: jest.fn(),
|
|
23
|
+
resetParams: jest.fn(),
|
|
24
|
+
invalidateSourceTags: jest.fn()
|
|
25
|
+
};
|
|
26
|
+
beforeEach(function () {
|
|
27
|
+
jest.clearAllMocks();
|
|
28
|
+
_DataManagerContext.useDataManager.mockReturnValue(mockDataManager);
|
|
29
|
+
});
|
|
30
|
+
it('should pass dataManager to wrapped component', function () {
|
|
31
|
+
var TestComponent = function TestComponent(_ref) {
|
|
32
|
+
var dataManager = _ref.dataManager;
|
|
33
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
34
|
+
"data-testid": "test-component",
|
|
35
|
+
children: dataManager ? 'DataManager provided' : 'No DataManager'
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
var WrappedComponent = (0, _withDataManager.withDataManager)(TestComponent);
|
|
39
|
+
(0, _react2.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, {}));
|
|
40
|
+
expect(_react2.screen.getByTestId('test-component')).toHaveTextContent('DataManager provided');
|
|
41
|
+
});
|
|
42
|
+
it('should pass through additional props', function () {
|
|
43
|
+
var TestComponent = function TestComponent(_ref2) {
|
|
44
|
+
var dataManager = _ref2.dataManager,
|
|
45
|
+
testProp = _ref2.testProp;
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
47
|
+
"data-testid": "test-component",
|
|
48
|
+
children: dataManager ? "DataManager provided, testProp: ".concat(testProp) : 'No DataManager'
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
var WrappedComponent = (0, _withDataManager.withDataManager)(TestComponent);
|
|
52
|
+
(0, _react2.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, {
|
|
53
|
+
testProp: "test value"
|
|
54
|
+
}));
|
|
55
|
+
expect(_react2.screen.getByTestId('test-component')).toHaveTextContent('DataManager provided, testProp: test value');
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
// #sourceMappingURL=withDataManager.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_DataManagerContext","_withDataManager","_jsxRuntime","e","__esModule","default","jest","mock","originalModule","requireActual","_objectSpread","useDataManager","fn","describe","mockDataManager","invalidateTag","invalidateTags","invalidateSource","resetSource","invalidateParams","resetParams","invalidateSourceTags","beforeEach","clearAllMocks","mockReturnValue","it","TestComponent","_ref","dataManager","_jsx","children","WrappedComponent","withDataManager","render","expect","screen","getByTestId","toHaveTextContent","_ref2","testProp","concat"],"sources":["withDataManager.test.tsx"],"sourcesContent":["import React from 'react';\n\nimport {render, screen} from '@testing-library/react';\n\nimport type {DataManager} from '../../core';\nimport {useDataManager} from '../DataManagerContext';\nimport type {WithDataManagerProps} from '../withDataManager';\nimport {withDataManager} from '../withDataManager';\n\njest.mock('../DataManagerContext', () => {\n const originalModule = jest.requireActual('../DataManagerContext');\n return {\n ...originalModule,\n useDataManager: jest.fn(),\n };\n});\n\ndescribe('withDataManager', () => {\n const mockDataManager: DataManager = {\n invalidateTag: jest.fn(),\n invalidateTags: jest.fn(),\n invalidateSource: jest.fn(),\n resetSource: jest.fn(),\n invalidateParams: jest.fn(),\n resetParams: jest.fn(),\n invalidateSourceTags: jest.fn(),\n };\n\n beforeEach(() => {\n jest.clearAllMocks();\n\n (useDataManager as jest.Mock).mockReturnValue(mockDataManager);\n });\n\n it('should pass dataManager to wrapped component', () => {\n const TestComponent: React.FC<WithDataManagerProps> = ({dataManager}) => (\n <div data-testid=\"test-component\">\n {dataManager ? 'DataManager provided' : 'No DataManager'}\n </div>\n );\n const WrappedComponent = withDataManager(TestComponent);\n\n render(<WrappedComponent />);\n\n expect(screen.getByTestId('test-component')).toHaveTextContent('DataManager provided');\n });\n\n it('should pass through additional props', () => {\n const TestComponent: React.FC<WithDataManagerProps & {testProp: string}> = ({\n dataManager,\n testProp,\n }) => (\n <div data-testid=\"test-component\">\n {dataManager ? `DataManager provided, testProp: ${testProp}` : 'No DataManager'}\n </div>\n );\n const WrappedComponent = withDataManager(TestComponent);\n\n render(<WrappedComponent testProp=\"test value\" />);\n\n expect(screen.getByTestId('test-component')).toHaveTextContent(\n 'DataManager provided, testProp: test value',\n );\n });\n});\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAGA,IAAAE,mBAAA,GAAAF,OAAA;AAEA,IAAAG,gBAAA,GAAAH,OAAA;AAAmD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnDG,IAAI,CAACC,IAAI,CAAC,uBAAuB,EAAE,YAAM;EACrC,IAAMC,cAAc,GAAGF,IAAI,CAACG,aAAa,CAAC,uBAAuB,CAAC;EAClE,WAAAC,sBAAA,MAAAA,sBAAA,MACOF,cAAc;IACjBG,cAAc,EAAEL,IAAI,CAACM,EAAE,CAAC;EAAC;AAEjC,CAAC,CAAC;AAEFC,QAAQ,CAAC,iBAAiB,EAAE,YAAM;EAC9B,IAAMC,eAA4B,GAAG;IACjCC,aAAa,EAAET,IAAI,CAACM,EAAE,CAAC,CAAC;IACxBI,cAAc,EAAEV,IAAI,CAACM,EAAE,CAAC,CAAC;IACzBK,gBAAgB,EAAEX,IAAI,CAACM,EAAE,CAAC,CAAC;IAC3BM,WAAW,EAAEZ,IAAI,CAACM,EAAE,CAAC,CAAC;IACtBO,gBAAgB,EAAEb,IAAI,CAACM,EAAE,CAAC,CAAC;IAC3BQ,WAAW,EAAEd,IAAI,CAACM,EAAE,CAAC,CAAC;IACtBS,oBAAoB,EAAEf,IAAI,CAACM,EAAE,CAAC;EAClC,CAAC;EAEDU,UAAU,CAAC,YAAM;IACbhB,IAAI,CAACiB,aAAa,CAAC,CAAC;IAEnBZ,kCAAc,CAAea,eAAe,CAACV,eAAe,CAAC;EAClE,CAAC,CAAC;EAEFW,EAAE,CAAC,8CAA8C,EAAE,YAAM;IACrD,IAAMC,aAA6C,GAAG,SAAhDA,aAA6CA,CAAAC,IAAA;MAAA,IAAKC,WAAW,GAAAD,IAAA,CAAXC,WAAW;MAAA,oBAC/D,IAAAC,eAAA;QAAK,eAAY,gBAAgB;QAAAC,QAAA,EAC5BF,WAAW,GAAG,sBAAsB,GAAG;MAAgB,CACvD,CAAC;IAAA,CACT;IACD,IAAMG,gBAAgB,GAAG,IAAAC,gCAAe,EAACN,aAAa,CAAC;IAEvD,IAAAO,cAAM,eAAC,IAAAJ,eAAA,EAACE,gBAAgB,IAAE,CAAC,CAAC;IAE5BG,MAAM,CAACC,cAAM,CAACC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAACC,iBAAiB,CAAC,sBAAsB,CAAC;EAC1F,CAAC,CAAC;EAEFZ,EAAE,CAAC,sCAAsC,EAAE,YAAM;IAC7C,IAAMC,aAAkE,GAAG,SAArEA,aAAkEA,CAAAY,KAAA;MAAA,IACpEV,WAAW,GAAAU,KAAA,CAAXV,WAAW;QACXW,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAA,oBAER,IAAAV,eAAA;QAAK,eAAY,gBAAgB;QAAAC,QAAA,EAC5BF,WAAW,sCAAAY,MAAA,CAAsCD,QAAQ,IAAK;MAAgB,CAC9E,CAAC;IAAA,CACT;IACD,IAAMR,gBAAgB,GAAG,IAAAC,gCAAe,EAACN,aAAa,CAAC;IAEvD,IAAAO,cAAM,eAAC,IAAAJ,eAAA,EAACE,gBAAgB;MAACQ,QAAQ,EAAC;IAAY,CAAE,CAAC,CAAC;IAElDL,MAAM,CAACC,cAAM,CAACC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAACC,iBAAiB,CAC1D,4CACJ,CAAC;EACL,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
4
|
+
var _react = _interopRequireDefault(require("react"));
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
var _DataInfiniteLoader = require("../DataInfiniteLoader");
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
var MockLoadingView = function MockLoadingView() {
|
|
10
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
11
|
+
"data-testid": "loading-view",
|
|
12
|
+
children: "Loading..."
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var MockErrorView = function MockErrorView(_ref) {
|
|
16
|
+
var error = _ref.error,
|
|
17
|
+
action = _ref.action;
|
|
18
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
19
|
+
"data-testid": "error-view",
|
|
20
|
+
children: [error ? "Error: ".concat(error.message) : 'No error', action ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
21
|
+
"data-testid": "error-action",
|
|
22
|
+
onClick: action.handler,
|
|
23
|
+
children: action.children || 'Retry'
|
|
24
|
+
}) : null]
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
var MockMoreView = function MockMoreView(_ref2) {
|
|
28
|
+
var isLoading = _ref2.isLoading,
|
|
29
|
+
onClick = _ref2.onClick;
|
|
30
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
31
|
+
"data-testid": "more-view",
|
|
32
|
+
children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
33
|
+
"data-testid": "more-view-loading",
|
|
34
|
+
children: "Loading more..."
|
|
35
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
36
|
+
"data-testid": "more-view-button",
|
|
37
|
+
onClick: onClick,
|
|
38
|
+
children: "Load more"
|
|
39
|
+
})
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
describe('DataInfiniteLoader', function () {
|
|
43
|
+
var renderDataInfiniteLoader = function renderDataInfiniteLoader() {
|
|
44
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
45
|
+
var fetchNextPage = jest.fn();
|
|
46
|
+
var defaultProps = {
|
|
47
|
+
status: 'success',
|
|
48
|
+
error: null,
|
|
49
|
+
hasNextPage: true,
|
|
50
|
+
fetchNextPage: fetchNextPage,
|
|
51
|
+
isFetchingNextPage: false,
|
|
52
|
+
LoadingView: MockLoadingView,
|
|
53
|
+
ErrorView: MockErrorView,
|
|
54
|
+
MoreView: MockMoreView,
|
|
55
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
56
|
+
"data-testid": "content",
|
|
57
|
+
children: "Content"
|
|
58
|
+
})
|
|
59
|
+
};
|
|
60
|
+
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _react2.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataInfiniteLoader.DataInfiniteLoader, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultProps), props)))), {}, {
|
|
61
|
+
fetchNextPage: fetchNextPage
|
|
62
|
+
});
|
|
63
|
+
};
|
|
64
|
+
it('should render children and MoreView when status is success and hasNextPage is true', function () {
|
|
65
|
+
renderDataInfiniteLoader({
|
|
66
|
+
status: 'success',
|
|
67
|
+
hasNextPage: true
|
|
68
|
+
});
|
|
69
|
+
expect(_react2.screen.getByTestId('content')).toBeInTheDocument();
|
|
70
|
+
expect(_react2.screen.getByTestId('more-view')).toBeInTheDocument();
|
|
71
|
+
expect(_react2.screen.queryByTestId('loading-view')).not.toBeInTheDocument();
|
|
72
|
+
expect(_react2.screen.queryByTestId('error-view')).not.toBeInTheDocument();
|
|
73
|
+
});
|
|
74
|
+
it('should render only children when status is success and hasNextPage is false', function () {
|
|
75
|
+
renderDataInfiniteLoader({
|
|
76
|
+
status: 'success',
|
|
77
|
+
hasNextPage: false
|
|
78
|
+
});
|
|
79
|
+
expect(_react2.screen.getByTestId('content')).toBeInTheDocument();
|
|
80
|
+
expect(_react2.screen.queryByTestId('more-view')).not.toBeInTheDocument();
|
|
81
|
+
expect(_react2.screen.queryByTestId('loading-view')).not.toBeInTheDocument();
|
|
82
|
+
expect(_react2.screen.queryByTestId('error-view')).not.toBeInTheDocument();
|
|
83
|
+
});
|
|
84
|
+
it('should render LoadingView when status is loading', function () {
|
|
85
|
+
renderDataInfiniteLoader({
|
|
86
|
+
status: 'loading'
|
|
87
|
+
});
|
|
88
|
+
expect(_react2.screen.getByTestId('loading-view')).toBeInTheDocument();
|
|
89
|
+
expect(_react2.screen.queryByTestId('content')).not.toBeInTheDocument();
|
|
90
|
+
expect(_react2.screen.queryByTestId('more-view')).not.toBeInTheDocument();
|
|
91
|
+
expect(_react2.screen.queryByTestId('error-view')).not.toBeInTheDocument();
|
|
92
|
+
});
|
|
93
|
+
it('should render ErrorView when status is error', function () {
|
|
94
|
+
var error = new Error('Test error');
|
|
95
|
+
renderDataInfiniteLoader({
|
|
96
|
+
status: 'error',
|
|
97
|
+
error: error
|
|
98
|
+
});
|
|
99
|
+
expect(_react2.screen.getByTestId('error-view')).toBeInTheDocument();
|
|
100
|
+
expect(_react2.screen.queryByTestId('content')).not.toBeInTheDocument();
|
|
101
|
+
expect(_react2.screen.queryByTestId('more-view')).not.toBeInTheDocument();
|
|
102
|
+
expect(_react2.screen.queryByTestId('loading-view')).not.toBeInTheDocument();
|
|
103
|
+
expect(_react2.screen.getByText(/Test error/)).toBeInTheDocument();
|
|
104
|
+
});
|
|
105
|
+
it('should call fetchNextPage when clicking on load more button', function () {
|
|
106
|
+
var _renderDataInfiniteLo = renderDataInfiniteLoader({
|
|
107
|
+
status: 'success',
|
|
108
|
+
hasNextPage: true,
|
|
109
|
+
isFetchingNextPage: false
|
|
110
|
+
}),
|
|
111
|
+
fetchNextPage = _renderDataInfiniteLo.fetchNextPage;
|
|
112
|
+
_react2.fireEvent.click(_react2.screen.getByTestId('more-view-button'));
|
|
113
|
+
expect(fetchNextPage).toHaveBeenCalledTimes(1);
|
|
114
|
+
});
|
|
115
|
+
it('should show loading state in MoreView when isFetchingNextPage is true', function () {
|
|
116
|
+
renderDataInfiniteLoader({
|
|
117
|
+
status: 'success',
|
|
118
|
+
hasNextPage: true,
|
|
119
|
+
isFetchingNextPage: true
|
|
120
|
+
});
|
|
121
|
+
expect(_react2.screen.getByTestId('more-view-loading')).toBeInTheDocument();
|
|
122
|
+
expect(_react2.screen.queryByTestId('more-view-button')).not.toBeInTheDocument();
|
|
123
|
+
});
|
|
124
|
+
it('should pass errorAction to ErrorView', function () {
|
|
125
|
+
var error = new Error('Test error');
|
|
126
|
+
var errorAction = jest.fn();
|
|
127
|
+
renderDataInfiniteLoader({
|
|
128
|
+
status: 'error',
|
|
129
|
+
error: error,
|
|
130
|
+
errorAction: errorAction
|
|
131
|
+
});
|
|
132
|
+
expect(_react2.screen.getByTestId('error-action')).toBeInTheDocument();
|
|
133
|
+
});
|
|
134
|
+
it('should pass errorAction with custom children to ErrorView', function () {
|
|
135
|
+
var error = new Error('Test error');
|
|
136
|
+
var errorAction = {
|
|
137
|
+
handler: jest.fn(),
|
|
138
|
+
children: 'Custom action'
|
|
139
|
+
};
|
|
140
|
+
renderDataInfiniteLoader({
|
|
141
|
+
status: 'error',
|
|
142
|
+
error: error,
|
|
143
|
+
errorAction: errorAction
|
|
144
|
+
});
|
|
145
|
+
expect(_react2.screen.getByText('Custom action')).toBeInTheDocument();
|
|
146
|
+
});
|
|
147
|
+
it('should pass loadingViewProps to LoadingView', function () {
|
|
148
|
+
var LoadingView = jest.fn(MockLoadingView);
|
|
149
|
+
var loadingViewProps = {
|
|
150
|
+
customProp: 'test'
|
|
151
|
+
};
|
|
152
|
+
renderDataInfiniteLoader({
|
|
153
|
+
status: 'loading',
|
|
154
|
+
LoadingView: LoadingView,
|
|
155
|
+
loadingViewProps: loadingViewProps
|
|
156
|
+
});
|
|
157
|
+
expect(LoadingView).toHaveBeenCalledWith(expect.objectContaining(loadingViewProps), undefined);
|
|
158
|
+
});
|
|
159
|
+
it('should pass errorViewProps to ErrorView', function () {
|
|
160
|
+
var ErrorView = jest.fn(MockErrorView);
|
|
161
|
+
var errorViewProps = {
|
|
162
|
+
customProp: 'test'
|
|
163
|
+
};
|
|
164
|
+
var error = new Error('Test error');
|
|
165
|
+
renderDataInfiniteLoader({
|
|
166
|
+
status: 'error',
|
|
167
|
+
error: error,
|
|
168
|
+
ErrorView: ErrorView,
|
|
169
|
+
errorViewProps: errorViewProps
|
|
170
|
+
});
|
|
171
|
+
expect(ErrorView).toHaveBeenCalledWith(expect.objectContaining(errorViewProps), undefined);
|
|
172
|
+
});
|
|
173
|
+
it('should pass moreViewProps to MoreView', function () {
|
|
174
|
+
var MoreView = jest.fn(MockMoreView);
|
|
175
|
+
var moreViewProps = {
|
|
176
|
+
customProp: 'test'
|
|
177
|
+
};
|
|
178
|
+
renderDataInfiniteLoader({
|
|
179
|
+
status: 'success',
|
|
180
|
+
hasNextPage: true,
|
|
181
|
+
MoreView: MoreView,
|
|
182
|
+
moreViewProps: moreViewProps
|
|
183
|
+
});
|
|
184
|
+
expect(MoreView).toHaveBeenCalledWith(expect.objectContaining(moreViewProps), undefined);
|
|
185
|
+
});
|
|
186
|
+
});
|
|
187
|
+
// #sourceMappingURL=DataInfiniteLoader.test.js.map
|