@mic-rexjs/usecases-react 2.4.0 → 2.5.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/dist/index.min.js +1 -1
- package/es/enums/UseCaseArgumentTypes/index.d.ts +1 -2
- package/es/enums/UseCaseArgumentTypes/index.js +0 -1
- package/es/enums/UseCaseStatuses/index.d.ts +1 -3
- package/es/enums/UseCaseStatuses/index.js +0 -4
- package/es/hooks/useArgumentTypes/index.js +1 -4
- package/es/hooks/useEntity/index.js +9 -12
- package/es/hooks/useRuntimeEntity/index.d.ts +2 -1
- package/es/hooks/useRuntimeEntity/index.js +2 -11
- package/es/hooks/useUseCase/index.js +2 -2
- package/es/hooks/useUseCase/index.test.js +53 -129
- package/es/hooks/useUseCase/types.d.ts +2 -6
- package/es/hooks/useUseCaseStatuses/index.d.ts +1 -2
- package/es/hooks/useUseCaseStatuses/index.js +2 -11
- package/es/index.d.ts +0 -2
- package/es/index.js +0 -2
- package/es/methods/fillArguments/index.js +2 -20
- package/es/methods/fillArguments/types.d.ts +0 -2
- package/lib/enums/UseCaseArgumentTypes/index.js +0 -1
- package/lib/enums/UseCaseStatuses/index.js +0 -4
- package/lib/hooks/useArgumentTypes/index.js +2 -6
- package/lib/hooks/useEntity/index.js +7 -15
- package/lib/hooks/useRuntimeEntity/index.js +2 -11
- package/lib/hooks/useUseCase/index.js +4 -5
- package/lib/hooks/useUseCase/index.test.js +147 -248
- package/lib/hooks/useUseCaseStatuses/index.js +2 -11
- package/lib/index.js +1 -15
- package/lib/methods/fillArguments/index.js +4 -10
- package/package.json +2 -2
- package/es/enums/UseCaseModes/index.d.ts +0 -5
- package/es/enums/UseCaseModes/index.js +0 -6
- package/es/hooks/useStateControllableUseCase/index.d.ts +0 -2
- package/es/hooks/useStateControllableUseCase/index.js +0 -5
- package/es/hooks/useStateControllableUseCase/index.test.d.ts +0 -1
- package/es/hooks/useStateControllableUseCase/index.test.js +0 -37
- package/es/hooks/useStateControllableUseCase/types.d.ts +0 -3
- package/es/hooks/useStateControllableUseCase/types.js +0 -1
- package/es/hooks/useStatelessUseCase/index.d.ts +0 -2
- package/es/hooks/useStatelessUseCase/index.js +0 -5
- package/es/hooks/useStatelessUseCase/index.test.d.ts +0 -1
- package/es/hooks/useStatelessUseCase/index.test.js +0 -37
- package/es/hooks/useStatelessUseCase/types.d.ts +0 -3
- package/es/hooks/useStatelessUseCase/types.js +0 -1
- package/lib/enums/UseCaseModes/index.js +0 -12
- package/lib/hooks/useStateControllableUseCase/index.js +0 -11
- package/lib/hooks/useStateControllableUseCase/index.test.js +0 -37
- package/lib/hooks/useStateControllableUseCase/types.js +0 -5
- package/lib/hooks/useStatelessUseCase/index.js +0 -11
- package/lib/hooks/useStatelessUseCase/index.test.js +0 -37
- package/lib/hooks/useStatelessUseCase/types.js +0 -5
|
@@ -16,7 +16,6 @@ var _react = require("@testing-library/react");
|
|
|
16
16
|
var _ = require(".");
|
|
17
17
|
var _ahooks = require("ahooks");
|
|
18
18
|
var _react2 = require("react");
|
|
19
|
-
var _UseCaseModes = require("../../enums/UseCaseModes");
|
|
20
19
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21
20
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22
21
|
function _asyncIterator(r) { var n, t, o, e = 2; for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) { if (t && null != (n = r[t])) return n.call(r); if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r)); t = "@@asyncIterator", o = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
|
|
@@ -27,7 +26,6 @@ var PATH_1 = "hello".concat(EXT_1);
|
|
|
27
26
|
var PATH_2 = "hello".concat(EXT_2);
|
|
28
27
|
var PARENT_BUTTON_TEXT = 'parent button';
|
|
29
28
|
var CHILD_BUTTON_TEXT = 'child button';
|
|
30
|
-
var allModes = [_UseCaseModes.UseCaseModes.Normal, _UseCaseModes.UseCaseModes.StateControllable, _UseCaseModes.UseCaseModes.Stateless];
|
|
31
29
|
var defaultFile = {
|
|
32
30
|
path: '',
|
|
33
31
|
ext: '',
|
|
@@ -180,11 +178,9 @@ var Child = function Child(_ref2) {
|
|
|
180
178
|
};
|
|
181
179
|
var Parent = function Parent(_ref4) {
|
|
182
180
|
var children = _ref4.children,
|
|
183
|
-
_ref4$mode = _ref4.mode,
|
|
184
|
-
mode = _ref4$mode === void 0 ? _UseCaseModes.UseCaseModes.Normal : _ref4$mode,
|
|
185
181
|
onUpdate = _ref4.onUpdate,
|
|
186
182
|
onSetPath = _ref4.onSetPath;
|
|
187
|
-
var _useUseCase3 = (0, _.useUseCase)(defaultFile, fileUseCase
|
|
183
|
+
var _useUseCase3 = (0, _.useUseCase)(defaultFile, fileUseCase),
|
|
188
184
|
_useUseCase4 = (0, _slicedToArray2["default"])(_useUseCase3, 3),
|
|
189
185
|
_useUseCase4$ = _useUseCase4[0],
|
|
190
186
|
path = _useUseCase4$.path,
|
|
@@ -271,21 +267,76 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
271
267
|
entity = _cores[0];
|
|
272
268
|
(0, _globals.expect)(entity).toBe(defaultFile);
|
|
273
269
|
});
|
|
274
|
-
(0, _globals.test)('`
|
|
270
|
+
(0, _globals.test)('Should return the `EntityStore.value` if root entity has not changed', function () {
|
|
275
271
|
var _renderHook3 = (0, _react.renderHook)(function () {
|
|
276
272
|
return (0, _.useUseCase)(defaultFile, fileUseCase);
|
|
277
273
|
}),
|
|
278
274
|
result = _renderHook3.result;
|
|
275
|
+
var collection = result.current;
|
|
276
|
+
var _collection = (0, _slicedToArray2["default"])(collection, 2),
|
|
277
|
+
setPath = _collection[1].setPath;
|
|
278
|
+
(0, _react.act)(function () {
|
|
279
|
+
setPath(PATH_1);
|
|
280
|
+
});
|
|
281
|
+
(0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
282
|
+
path: PATH_1,
|
|
283
|
+
ext: EXT_1
|
|
284
|
+
}));
|
|
285
|
+
});
|
|
286
|
+
(0, _globals.test)('Should return the root entity if root entity has changed', function () {
|
|
287
|
+
var file = defaultFile;
|
|
288
|
+
var _renderHook4 = (0, _react.renderHook)(function () {
|
|
289
|
+
return (0, _.useUseCase)(file, fileUseCase);
|
|
290
|
+
}),
|
|
291
|
+
result = _renderHook4.result,
|
|
292
|
+
rerender = _renderHook4.rerender;
|
|
293
|
+
file = _objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
294
|
+
path: PATH_2
|
|
295
|
+
});
|
|
296
|
+
rerender();
|
|
297
|
+
(0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
298
|
+
path: PATH_2
|
|
299
|
+
}));
|
|
300
|
+
// 渲染多一次,避免第二次渲染的 `entity` 没变化而取错缓存的情况
|
|
301
|
+
rerender();
|
|
302
|
+
(0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
303
|
+
path: PATH_2
|
|
304
|
+
}));
|
|
305
|
+
});
|
|
306
|
+
(0, _globals.test)('Should return the root entity if root entity has changed even with entity state changed', function () {
|
|
307
|
+
var file = defaultFile;
|
|
308
|
+
var _renderHook5 = (0, _react.renderHook)(function () {
|
|
309
|
+
return (0, _.useUseCase)(file, fileUseCase);
|
|
310
|
+
}),
|
|
311
|
+
result = _renderHook5.result;
|
|
312
|
+
var collection = result.current;
|
|
313
|
+
var _collection2 = (0, _slicedToArray2["default"])(collection, 2),
|
|
314
|
+
setPath = _collection2[1].setPath;
|
|
315
|
+
(0, _react.act)(function () {
|
|
316
|
+
file = _objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
317
|
+
path: PATH_2
|
|
318
|
+
});
|
|
319
|
+
setPath(PATH_1);
|
|
320
|
+
});
|
|
321
|
+
(0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
322
|
+
path: PATH_2
|
|
323
|
+
}));
|
|
324
|
+
});
|
|
325
|
+
(0, _globals.test)('`reducers` should be returned as an object', function () {
|
|
326
|
+
var _renderHook6 = (0, _react.renderHook)(function () {
|
|
327
|
+
return (0, _.useUseCase)(defaultFile, fileUseCase);
|
|
328
|
+
}),
|
|
329
|
+
result = _renderHook6.result;
|
|
279
330
|
var cores = result.current;
|
|
280
331
|
var _cores2 = (0, _slicedToArray2["default"])(cores, 2),
|
|
281
332
|
reducers = _cores2[1];
|
|
282
333
|
(0, _globals.expect)((0, _typeof2["default"])(reducers)).toBe('object');
|
|
283
334
|
});
|
|
284
335
|
(0, _globals.test)('`Provider` should be returned as a function', function () {
|
|
285
|
-
var
|
|
336
|
+
var _renderHook7 = (0, _react.renderHook)(function () {
|
|
286
337
|
return (0, _.useUseCase)(defaultFile, fileUseCase);
|
|
287
338
|
}),
|
|
288
|
-
result =
|
|
339
|
+
result = _renderHook7.result;
|
|
289
340
|
var cores = result.current;
|
|
290
341
|
var _cores3 = (0, _slicedToArray2["default"])(cores, 3),
|
|
291
342
|
Provider = _cores3[2];
|
|
@@ -293,11 +344,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
293
344
|
});
|
|
294
345
|
(0, _globals.test)('`usecase` should be called only once if deps has not provided', function () {
|
|
295
346
|
var mockUseCase = _globals.jest.fn(fileUseCase);
|
|
296
|
-
var
|
|
347
|
+
var _renderHook8 = (0, _react.renderHook)(function () {
|
|
297
348
|
return (0, _.useUseCase)(defaultFile, mockUseCase);
|
|
298
349
|
}),
|
|
299
|
-
result =
|
|
300
|
-
rerender =
|
|
350
|
+
result = _renderHook8.result,
|
|
351
|
+
rerender = _renderHook8.rerender;
|
|
301
352
|
var cores = result.current;
|
|
302
353
|
var _cores4 = (0, _slicedToArray2["default"])(cores, 2),
|
|
303
354
|
setEntity = _cores4[1].setEntity;
|
|
@@ -310,11 +361,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
310
361
|
});
|
|
311
362
|
(0, _globals.test)('`usecase` should be called only once if deps has not changed', function () {
|
|
312
363
|
var mockUseCase = _globals.jest.fn(fileUseCase);
|
|
313
|
-
var
|
|
364
|
+
var _renderHook9 = (0, _react.renderHook)(function () {
|
|
314
365
|
return (0, _.useUseCase)(defaultFile, mockUseCase, {}, [1, 'x']);
|
|
315
366
|
}),
|
|
316
|
-
result =
|
|
317
|
-
rerender =
|
|
367
|
+
result = _renderHook9.result,
|
|
368
|
+
rerender = _renderHook9.rerender;
|
|
318
369
|
var cores = result.current;
|
|
319
370
|
var _cores5 = (0, _slicedToArray2["default"])(cores, 2),
|
|
320
371
|
setEntity = _cores5[1].setEntity;
|
|
@@ -328,11 +379,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
328
379
|
(0, _globals.test)('`usecase` should be called if deps has changed', function () {
|
|
329
380
|
var i = 0;
|
|
330
381
|
var mockUseCase = _globals.jest.fn(fileUseCase);
|
|
331
|
-
var
|
|
382
|
+
var _renderHook10 = (0, _react.renderHook)(function () {
|
|
332
383
|
return (0, _.useUseCase)(defaultFile, mockUseCase, {}, [i++, 'x']);
|
|
333
384
|
}),
|
|
334
|
-
result =
|
|
335
|
-
rerender =
|
|
385
|
+
result = _renderHook10.result,
|
|
386
|
+
rerender = _renderHook10.rerender;
|
|
336
387
|
var cores = result.current;
|
|
337
388
|
var _cores6 = (0, _slicedToArray2["default"])(cores, 2),
|
|
338
389
|
setEntity = _cores6[1].setEntity;
|
|
@@ -347,7 +398,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
347
398
|
(0, _globals.test)('after call non-generator reducer, it should not trigger update', function () {
|
|
348
399
|
var onUpdate = _globals.jest.fn();
|
|
349
400
|
var onDeepUpdate = _globals.jest.fn();
|
|
350
|
-
var
|
|
401
|
+
var _renderHook11 = (0, _react.renderHook)(function () {
|
|
351
402
|
var context = (0, _.useUseCase)(defaultFile, fileUseCase);
|
|
352
403
|
var _context4 = (0, _slicedToArray2["default"])(context, 2),
|
|
353
404
|
reducers = _context4[1];
|
|
@@ -367,7 +418,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
367
418
|
update();
|
|
368
419
|
};
|
|
369
420
|
}),
|
|
370
|
-
result =
|
|
421
|
+
result = _renderHook11.result;
|
|
371
422
|
(0, _react.act)(function () {
|
|
372
423
|
result.current();
|
|
373
424
|
});
|
|
@@ -381,13 +432,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
381
432
|
});
|
|
382
433
|
(0, _globals.test)('after `yield entity`, it should trigger update', function () {
|
|
383
434
|
var onUpdate = _globals.jest.fn();
|
|
384
|
-
var
|
|
435
|
+
var _renderHook12 = (0, _react.renderHook)(function () {
|
|
385
436
|
(0, _ahooks.useUpdateEffect)(function () {
|
|
386
437
|
onUpdate();
|
|
387
438
|
});
|
|
388
439
|
return (0, _.useUseCase)(defaultFile, fileUseCase);
|
|
389
440
|
}),
|
|
390
|
-
result =
|
|
441
|
+
result = _renderHook12.result;
|
|
391
442
|
var cores = result.current;
|
|
392
443
|
var _cores7 = (0, _slicedToArray2["default"])(cores, 2),
|
|
393
444
|
entity = _cores7[0],
|
|
@@ -412,17 +463,17 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
412
463
|
(0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
|
|
413
464
|
});
|
|
414
465
|
(0, _globals.test)('after `yield entity` on async mode, it should trigger update', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
|
|
415
|
-
var onUpdate,
|
|
466
|
+
var onUpdate, _renderHook13, result, cores, _cores8, entity, reducers, readFile, promise;
|
|
416
467
|
return _regenerator["default"].wrap(function _callee3$(_context5) {
|
|
417
468
|
while (1) switch (_context5.prev = _context5.next) {
|
|
418
469
|
case 0:
|
|
419
470
|
onUpdate = _globals.jest.fn();
|
|
420
|
-
|
|
471
|
+
_renderHook13 = (0, _react.renderHook)(function () {
|
|
421
472
|
(0, _ahooks.useUpdateEffect)(function () {
|
|
422
473
|
onUpdate();
|
|
423
474
|
});
|
|
424
475
|
return (0, _.useUseCase)(defaultFile, fileUseCase);
|
|
425
|
-
}), result =
|
|
476
|
+
}), result = _renderHook13.result;
|
|
426
477
|
cores = result.current;
|
|
427
478
|
_cores8 = (0, _slicedToArray2["default"])(cores, 2), entity = _cores8[0], reducers = _cores8[1];
|
|
428
479
|
readFile = reducers.readFile;
|
|
@@ -450,13 +501,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
450
501
|
})));
|
|
451
502
|
(0, _globals.test)('after `yield entity` callbacks, it should trigger update', function () {
|
|
452
503
|
var onUpdate = _globals.jest.fn();
|
|
453
|
-
var
|
|
504
|
+
var _renderHook14 = (0, _react.renderHook)(function () {
|
|
454
505
|
(0, _ahooks.useUpdateEffect)(function () {
|
|
455
506
|
onUpdate();
|
|
456
507
|
});
|
|
457
508
|
return (0, _.useUseCase)(defaultFile, fileUseCase);
|
|
458
509
|
}),
|
|
459
|
-
result =
|
|
510
|
+
result = _renderHook14.result;
|
|
460
511
|
var cores = result.current;
|
|
461
512
|
var _cores9 = (0, _slicedToArray2["default"])(cores, 2),
|
|
462
513
|
reducers = _cores9[1];
|
|
@@ -593,12 +644,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
593
644
|
});
|
|
594
645
|
(0, _globals.test)('`options.onChange` should be trigger when entity has changed', function () {
|
|
595
646
|
var onChange = _globals.jest.fn();
|
|
596
|
-
var
|
|
647
|
+
var _renderHook15 = (0, _react.renderHook)(function () {
|
|
597
648
|
return (0, _.useUseCase)(defaultFile, fileUseCase, {
|
|
598
649
|
onChange: onChange
|
|
599
650
|
});
|
|
600
651
|
}),
|
|
601
|
-
result =
|
|
652
|
+
result = _renderHook15.result;
|
|
602
653
|
var cores = result.current;
|
|
603
654
|
var _cores10 = (0, _slicedToArray2["default"])(cores, 2),
|
|
604
655
|
reducers = _cores10[1];
|
|
@@ -617,12 +668,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
617
668
|
var onChange1 = _globals.jest.fn();
|
|
618
669
|
var onChange2 = _globals.jest.fn();
|
|
619
670
|
var onChange = onChange1;
|
|
620
|
-
var
|
|
671
|
+
var _renderHook16 = (0, _react.renderHook)(function () {
|
|
621
672
|
return (0, _.useUseCase)(defaultFile, fileUseCase, {
|
|
622
673
|
onChange: onChange
|
|
623
674
|
}, []);
|
|
624
675
|
}),
|
|
625
|
-
result =
|
|
676
|
+
result = _renderHook16.result;
|
|
626
677
|
var cores = result.current;
|
|
627
678
|
var _cores11 = (0, _slicedToArray2["default"])(cores, 2),
|
|
628
679
|
reducers = _cores11[1];
|
|
@@ -652,7 +703,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
652
703
|
}));
|
|
653
704
|
});
|
|
654
705
|
(0, _globals.test)('`options.options` should override rest options', function () {
|
|
655
|
-
var
|
|
706
|
+
var _renderHook17 = (0, _react.renderHook)(function () {
|
|
656
707
|
return (0, _.useUseCase)(defaultFile, fileUseCase, {
|
|
657
708
|
pathPrefix: 'xyz/',
|
|
658
709
|
options: {
|
|
@@ -660,7 +711,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
660
711
|
}
|
|
661
712
|
});
|
|
662
713
|
}),
|
|
663
|
-
result =
|
|
714
|
+
result = _renderHook17.result;
|
|
664
715
|
var cores = result.current;
|
|
665
716
|
var _cores12 = (0, _slicedToArray2["default"])(cores, 2),
|
|
666
717
|
path = _cores12[0].path,
|
|
@@ -675,7 +726,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
675
726
|
(0, _globals.test)('when `options` has changed, it should not trigger update', function () {
|
|
676
727
|
var onUpdate = _globals.jest.fn();
|
|
677
728
|
var onDeepUpdate = _globals.jest.fn();
|
|
678
|
-
var
|
|
729
|
+
var _renderHook18 = (0, _react.renderHook)(function () {
|
|
679
730
|
var _useState = (0, _react2.useState)('user/'),
|
|
680
731
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
681
732
|
pathPrefix = _useState2[0],
|
|
@@ -691,7 +742,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
691
742
|
}, [context]);
|
|
692
743
|
return setPathPrefix;
|
|
693
744
|
}),
|
|
694
|
-
result =
|
|
745
|
+
result = _renderHook18.result;
|
|
695
746
|
(0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
|
|
696
747
|
(0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
|
|
697
748
|
(0, _react.act)(function () {
|
|
@@ -703,7 +754,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
703
754
|
(0, _globals.test)('when `deps` has changed, it should trigger update', function () {
|
|
704
755
|
var onUpdate = _globals.jest.fn();
|
|
705
756
|
var onDeepUpdate = _globals.jest.fn();
|
|
706
|
-
var
|
|
757
|
+
var _renderHook19 = (0, _react.renderHook)(function () {
|
|
707
758
|
var _useState3 = (0, _react2.useState)('user/'),
|
|
708
759
|
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
709
760
|
pathPrefix = _useState4[0],
|
|
@@ -719,7 +770,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
719
770
|
}, [context]);
|
|
720
771
|
return setPathPrefix;
|
|
721
772
|
}),
|
|
722
|
-
result =
|
|
773
|
+
result = _renderHook19.result;
|
|
723
774
|
(0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
|
|
724
775
|
(0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
|
|
725
776
|
(0, _react.act)(function () {
|
|
@@ -731,7 +782,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
731
782
|
(0, _globals.test)('empty `deps` should not trigger update', function () {
|
|
732
783
|
var onUpdate = _globals.jest.fn();
|
|
733
784
|
var onDeepUpdate = _globals.jest.fn();
|
|
734
|
-
var
|
|
785
|
+
var _renderHook20 = (0, _react.renderHook)(function () {
|
|
735
786
|
var _useState5 = (0, _react2.useState)('user/'),
|
|
736
787
|
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
737
788
|
pathPrefix = _useState6[0],
|
|
@@ -747,7 +798,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
747
798
|
}, [context]);
|
|
748
799
|
return setPathPrefix;
|
|
749
800
|
}),
|
|
750
|
-
result =
|
|
801
|
+
result = _renderHook20.result;
|
|
751
802
|
(0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
|
|
752
803
|
(0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
|
|
753
804
|
(0, _react.act)(function () {
|
|
@@ -760,12 +811,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
760
811
|
var onPathChange1 = _globals.jest.fn();
|
|
761
812
|
var onPathChange2 = _globals.jest.fn();
|
|
762
813
|
var onPathChange = onPathChange1;
|
|
763
|
-
var
|
|
814
|
+
var _renderHook21 = (0, _react.renderHook)(function () {
|
|
764
815
|
return (0, _.useUseCase)(defaultFile, fileUseCase, {
|
|
765
816
|
onPathChange: onPathChange
|
|
766
817
|
});
|
|
767
818
|
}),
|
|
768
|
-
result =
|
|
819
|
+
result = _renderHook21.result;
|
|
769
820
|
var context = result.current;
|
|
770
821
|
var _context6 = (0, _slicedToArray2["default"])(context, 2),
|
|
771
822
|
setPath = _context6[1].setPath;
|
|
@@ -786,7 +837,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
786
837
|
(0, _globals.test)('`options.watch` should be trigger after entity changed', function () {
|
|
787
838
|
var onPathChange = _globals.jest.fn();
|
|
788
839
|
var onSizeChange = _globals.jest.fn();
|
|
789
|
-
var
|
|
840
|
+
var _renderHook22 = (0, _react.renderHook)(function () {
|
|
790
841
|
return (0, _.useUseCase)(defaultFile, fileUseCase, {
|
|
791
842
|
watch: {
|
|
792
843
|
path: onPathChange,
|
|
@@ -794,7 +845,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
794
845
|
}
|
|
795
846
|
});
|
|
796
847
|
}),
|
|
797
|
-
result =
|
|
848
|
+
result = _renderHook22.result;
|
|
798
849
|
var cores = result.current;
|
|
799
850
|
var _cores13 = (0, _slicedToArray2["default"])(cores, 2),
|
|
800
851
|
setPath = _cores13[1].setPath;
|
|
@@ -819,14 +870,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
819
870
|
var onPathChange1 = _globals.jest.fn();
|
|
820
871
|
var onPathChange2 = _globals.jest.fn();
|
|
821
872
|
var onPathChange = onPathChange1;
|
|
822
|
-
var
|
|
873
|
+
var _renderHook23 = (0, _react.renderHook)(function () {
|
|
823
874
|
return (0, _.useUseCase)(defaultFile, fileUseCase, {
|
|
824
875
|
watch: {
|
|
825
876
|
path: onPathChange
|
|
826
877
|
}
|
|
827
878
|
});
|
|
828
879
|
}),
|
|
829
|
-
result =
|
|
880
|
+
result = _renderHook23.result;
|
|
830
881
|
var cores = result.current;
|
|
831
882
|
var _cores14 = (0, _slicedToArray2["default"])(cores, 2),
|
|
832
883
|
_cores14$ = _cores14[1],
|
|
@@ -871,17 +922,18 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
871
922
|
});
|
|
872
923
|
});
|
|
873
924
|
(0, _globals.test)('`options.watch` should work with array field path of array', function () {
|
|
925
|
+
var initialData = {};
|
|
874
926
|
var onExtChange = _globals.jest.fn();
|
|
875
927
|
var onSizeChange = _globals.jest.fn();
|
|
876
|
-
var
|
|
877
|
-
return (0, _.useUseCase)(
|
|
928
|
+
var _renderHook24 = (0, _react.renderHook)(function () {
|
|
929
|
+
return (0, _.useUseCase)(initialData, fieldPathUseCase, {
|
|
878
930
|
watch: {
|
|
879
931
|
'list.ext': onExtChange,
|
|
880
932
|
'list.size': onSizeChange
|
|
881
933
|
}
|
|
882
934
|
});
|
|
883
935
|
}),
|
|
884
|
-
result =
|
|
936
|
+
result = _renderHook24.result;
|
|
885
937
|
var cores = result.current;
|
|
886
938
|
var _cores15 = (0, _slicedToArray2["default"])(cores, 2),
|
|
887
939
|
setEntity = _cores15[1].setEntity;
|
|
@@ -1169,7 +1221,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1169
1221
|
var lengthUseCase = function lengthUseCase() {
|
|
1170
1222
|
return (0, _usecases.entityUseCase)();
|
|
1171
1223
|
};
|
|
1172
|
-
var
|
|
1224
|
+
var _renderHook25 = (0, _react.renderHook)(function () {
|
|
1173
1225
|
return (0, _.useUseCase)([], lengthUseCase, {
|
|
1174
1226
|
watch: {
|
|
1175
1227
|
length: onEntityLengthChange,
|
|
@@ -1177,7 +1229,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1177
1229
|
}
|
|
1178
1230
|
});
|
|
1179
1231
|
}),
|
|
1180
|
-
result =
|
|
1232
|
+
result = _renderHook25.result;
|
|
1181
1233
|
var cores = result.current;
|
|
1182
1234
|
var _cores16 = (0, _slicedToArray2["default"])(cores, 2),
|
|
1183
1235
|
setEntity = _cores16[1].setEntity;
|
|
@@ -1210,15 +1262,16 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1210
1262
|
});
|
|
1211
1263
|
});
|
|
1212
1264
|
(0, _globals.test)('`options.watch` should work with field path of nested array', function () {
|
|
1265
|
+
var initialData = {};
|
|
1213
1266
|
var onChange = _globals.jest.fn();
|
|
1214
|
-
var
|
|
1215
|
-
return (0, _.useUseCase)(
|
|
1267
|
+
var _renderHook26 = (0, _react.renderHook)(function () {
|
|
1268
|
+
return (0, _.useUseCase)(initialData, fieldPathUseCase, {
|
|
1216
1269
|
watch: {
|
|
1217
1270
|
'nestedList.size': onChange
|
|
1218
1271
|
}
|
|
1219
1272
|
});
|
|
1220
1273
|
}),
|
|
1221
|
-
result =
|
|
1274
|
+
result = _renderHook26.result;
|
|
1222
1275
|
var cores = result.current;
|
|
1223
1276
|
var _cores17 = (0, _slicedToArray2["default"])(cores, 2),
|
|
1224
1277
|
setEntity = _cores17[1].setEntity;
|
|
@@ -1303,17 +1356,18 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1303
1356
|
});
|
|
1304
1357
|
});
|
|
1305
1358
|
(0, _globals.test)('`options.watch` should work with field path of object', function () {
|
|
1359
|
+
var initialData = {};
|
|
1306
1360
|
var onExtChange = _globals.jest.fn();
|
|
1307
1361
|
var onSizeChange = _globals.jest.fn();
|
|
1308
|
-
var
|
|
1309
|
-
return (0, _.useUseCase)(
|
|
1362
|
+
var _renderHook27 = (0, _react.renderHook)(function () {
|
|
1363
|
+
return (0, _.useUseCase)(initialData, fieldPathUseCase, {
|
|
1310
1364
|
watch: {
|
|
1311
1365
|
'obj.file.ext': onExtChange,
|
|
1312
1366
|
'obj.file.size': onSizeChange
|
|
1313
1367
|
}
|
|
1314
1368
|
});
|
|
1315
1369
|
}),
|
|
1316
|
-
result =
|
|
1370
|
+
result = _renderHook27.result;
|
|
1317
1371
|
var cores = result.current;
|
|
1318
1372
|
var _cores18 = (0, _slicedToArray2["default"])(cores, 2),
|
|
1319
1373
|
setEntity = _cores18[1].setEntity;
|
|
@@ -1368,13 +1422,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1368
1422
|
var onStringMount = _globals.jest.fn();
|
|
1369
1423
|
var onBooleanMount = _globals.jest.fn();
|
|
1370
1424
|
var numberUseCase = function numberUseCase() {
|
|
1371
|
-
return (0, _usecases.
|
|
1425
|
+
return (0, _usecases.entityUseCase)();
|
|
1372
1426
|
};
|
|
1373
1427
|
var stringUseCase = function stringUseCase() {
|
|
1374
|
-
return (0, _usecases.
|
|
1428
|
+
return (0, _usecases.entityUseCase)();
|
|
1375
1429
|
};
|
|
1376
1430
|
var booleanUseCase = function booleanUseCase() {
|
|
1377
|
-
return (0, _usecases.
|
|
1431
|
+
return (0, _usecases.entityUseCase)();
|
|
1378
1432
|
};
|
|
1379
1433
|
var TestChildComponent = function TestChildComponent() {
|
|
1380
1434
|
var _useUseCase12 = (0, _.useUseCase)(numberUseCase),
|
|
@@ -1414,113 +1468,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1414
1468
|
(0, _globals.expect)(onBooleanMount).toHaveBeenCalledWith(true);
|
|
1415
1469
|
});
|
|
1416
1470
|
});
|
|
1417
|
-
(0, _globals.describe)('`useUseCase` should work the same as `ModeCoreCollectionHook`', function () {
|
|
1418
|
-
_globals.test.each(allModes)('[mode=%s]: check context type', function (mode) {
|
|
1419
|
-
var _renderHook25 = (0, _react.renderHook)(function () {
|
|
1420
|
-
return (0, _.useUseCase)(defaultFile, fileUseCase, mode);
|
|
1421
|
-
}),
|
|
1422
|
-
result = _renderHook25.result;
|
|
1423
|
-
var collection = result.current;
|
|
1424
|
-
(0, _globals.expect)(Array.isArray(collection)).toBe(true);
|
|
1425
|
-
(0, _globals.expect)(collection).toHaveLength(3);
|
|
1426
|
-
});
|
|
1427
|
-
(0, _globals.test)('state controllable mode should return the entity state if initial entity has not changed', function () {
|
|
1428
|
-
var _renderHook26 = (0, _react.renderHook)(function () {
|
|
1429
|
-
return (0, _.useUseCase)(defaultFile, fileUseCase, _UseCaseModes.UseCaseModes.StateControllable);
|
|
1430
|
-
}),
|
|
1431
|
-
result = _renderHook26.result;
|
|
1432
|
-
var collection = result.current;
|
|
1433
|
-
var _collection = (0, _slicedToArray2["default"])(collection, 2),
|
|
1434
|
-
setPath = _collection[1].setPath;
|
|
1435
|
-
(0, _react.act)(function () {
|
|
1436
|
-
setPath(PATH_1);
|
|
1437
|
-
});
|
|
1438
|
-
(0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
1439
|
-
path: PATH_1,
|
|
1440
|
-
ext: EXT_1
|
|
1441
|
-
}));
|
|
1442
|
-
});
|
|
1443
|
-
(0, _globals.test)('state controllable mode should return the initial entity if initial entity has changed', function () {
|
|
1444
|
-
var file = defaultFile;
|
|
1445
|
-
var _renderHook27 = (0, _react.renderHook)(function () {
|
|
1446
|
-
return (0, _.useUseCase)(file, fileUseCase, _UseCaseModes.UseCaseModes.StateControllable);
|
|
1447
|
-
}),
|
|
1448
|
-
result = _renderHook27.result,
|
|
1449
|
-
rerender = _renderHook27.rerender;
|
|
1450
|
-
file = _objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
1451
|
-
path: PATH_1
|
|
1452
|
-
});
|
|
1453
|
-
rerender();
|
|
1454
|
-
(0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
1455
|
-
path: PATH_1
|
|
1456
|
-
}));
|
|
1457
|
-
});
|
|
1458
|
-
(0, _globals.test)('state controllable mode should return the initial entity if initial entity has changed even with entity state changed', function () {
|
|
1459
|
-
var file = defaultFile;
|
|
1460
|
-
var _renderHook28 = (0, _react.renderHook)(function () {
|
|
1461
|
-
return (0, _.useUseCase)(file, fileUseCase, _UseCaseModes.UseCaseModes.StateControllable);
|
|
1462
|
-
}),
|
|
1463
|
-
result = _renderHook28.result;
|
|
1464
|
-
var collection = result.current;
|
|
1465
|
-
var _collection2 = (0, _slicedToArray2["default"])(collection, 2),
|
|
1466
|
-
setPath = _collection2[1].setPath;
|
|
1467
|
-
(0, _react.act)(function () {
|
|
1468
|
-
file = _objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
1469
|
-
path: PATH_2
|
|
1470
|
-
});
|
|
1471
|
-
setPath(PATH_1);
|
|
1472
|
-
});
|
|
1473
|
-
(0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
1474
|
-
path: PATH_2
|
|
1475
|
-
}));
|
|
1476
|
-
});
|
|
1477
|
-
(0, _globals.test)('stateless mode should not generate new reducers when `yeild entity`', function () {
|
|
1478
|
-
var onUpdate = _globals.jest.fn();
|
|
1479
|
-
var _renderHook29 = (0, _react.renderHook)(function () {
|
|
1480
|
-
var file = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
|
|
1481
|
-
(0, _ahooks.useUpdateEffect)(function () {
|
|
1482
|
-
onUpdate();
|
|
1483
|
-
});
|
|
1484
|
-
return (0, _.useUseCase)(file, fileUseCase, _UseCaseModes.UseCaseModes.Stateless);
|
|
1485
|
-
}),
|
|
1486
|
-
result = _renderHook29.result,
|
|
1487
|
-
rerender = _renderHook29.rerender;
|
|
1488
|
-
var cores = result.current;
|
|
1489
|
-
var _cores19 = (0, _slicedToArray2["default"])(cores, 2),
|
|
1490
|
-
setPath = _cores19[1].setPath;
|
|
1491
|
-
setPath(PATH_1);
|
|
1492
|
-
(0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
|
|
1493
|
-
(0, _globals.expect)(result.current[0].path).toBe('');
|
|
1494
|
-
(0, _globals.expect)(result.current[1].setPath).toBe(setPath);
|
|
1495
|
-
rerender(_objectSpread(_objectSpread({}, defaultFile), {}, {
|
|
1496
|
-
path: PATH_1
|
|
1497
|
-
}));
|
|
1498
|
-
(0, _globals.expect)(result.current[0].path).toBe(PATH_1);
|
|
1499
|
-
(0, _globals.expect)(result.current[1].setPath).not.toBe(setPath);
|
|
1500
|
-
});
|
|
1501
|
-
(0, _globals.test)('stateless mode should not trigger update when after `yield entity`', function () {
|
|
1502
|
-
var onUpdate = _globals.jest.fn();
|
|
1503
|
-
var _renderHook30 = (0, _react.renderHook)(function () {
|
|
1504
|
-
(0, _ahooks.useUpdateEffect)(function () {
|
|
1505
|
-
onUpdate();
|
|
1506
|
-
});
|
|
1507
|
-
return (0, _.useUseCase)(defaultFile, fileUseCase, _UseCaseModes.UseCaseModes.Stateless);
|
|
1508
|
-
}),
|
|
1509
|
-
result = _renderHook30.result;
|
|
1510
|
-
var cores = result.current;
|
|
1511
|
-
var _cores20 = (0, _slicedToArray2["default"])(cores, 2),
|
|
1512
|
-
reducers = _cores20[1];
|
|
1513
|
-
var setPath = reducers.setPath;
|
|
1514
|
-
(0, _react.act)(function () {
|
|
1515
|
-
setPath(PATH_1);
|
|
1516
|
-
});
|
|
1517
|
-
(0, _globals.expect)(result.current).toBe(cores);
|
|
1518
|
-
(0, _globals.expect)(result.current).toEqual(cores);
|
|
1519
|
-
(0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
|
|
1520
|
-
});
|
|
1521
|
-
});
|
|
1522
1471
|
(0, _globals.describe)('`useUseCase` should work the same as useContextualCoreCollection', function () {
|
|
1523
|
-
|
|
1472
|
+
(0, _globals.test)('Should trigger Parent & Child to update', function () {
|
|
1524
1473
|
var onParentUpdate = _globals.jest.fn();
|
|
1525
1474
|
var onChildUpdate = _globals.jest.fn();
|
|
1526
1475
|
var onPathChange = _globals.jest.fn();
|
|
@@ -1530,7 +1479,6 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1530
1479
|
});
|
|
1531
1480
|
(0, _react.render)((0, _jsxRuntime.jsx)("div", {
|
|
1532
1481
|
children: (0, _jsxRuntime.jsx)(Parent, {
|
|
1533
|
-
mode: mode,
|
|
1534
1482
|
onSetPath: onSetPath,
|
|
1535
1483
|
onUpdate: onParentUpdate,
|
|
1536
1484
|
children: (0, _jsxRuntime.jsx)(Child, {
|
|
@@ -1552,31 +1500,6 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1552
1500
|
(0, _globals.expect)(onPathChange).toHaveBeenCalledWith(PATH_2);
|
|
1553
1501
|
(0, _globals.expect)(onUndefinedEntity).toHaveBeenCalledTimes(0);
|
|
1554
1502
|
});
|
|
1555
|
-
_globals.test.each([_UseCaseModes.UseCaseModes.Stateless])('[mode=%s]: stateless mode should not trigger Parent & Child to update', function () {
|
|
1556
|
-
var onParentUpdate = _globals.jest.fn();
|
|
1557
|
-
var onChildUpdate = _globals.jest.fn();
|
|
1558
|
-
var onSetPath = _globals.jest.fn(function () {
|
|
1559
|
-
return PATH_1;
|
|
1560
|
-
});
|
|
1561
|
-
(0, _react.render)((0, _jsxRuntime.jsx)("div", {
|
|
1562
|
-
children: (0, _jsxRuntime.jsx)(Parent, {
|
|
1563
|
-
mode: _UseCaseModes.UseCaseModes.Stateless,
|
|
1564
|
-
onSetPath: onSetPath,
|
|
1565
|
-
onUpdate: onParentUpdate,
|
|
1566
|
-
children: (0, _jsxRuntime.jsx)(Child, {
|
|
1567
|
-
onUpdate: onChildUpdate
|
|
1568
|
-
})
|
|
1569
|
-
})
|
|
1570
|
-
}));
|
|
1571
|
-
_react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
|
|
1572
|
-
(0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
|
|
1573
|
-
(0, _globals.expect)(onParentUpdate).toHaveBeenCalledTimes(0);
|
|
1574
|
-
(0, _globals.expect)(onChildUpdate).toHaveBeenCalledTimes(0);
|
|
1575
|
-
_react.fireEvent.click(_react.screen.getByText(CHILD_BUTTON_TEXT));
|
|
1576
|
-
(0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
|
|
1577
|
-
(0, _globals.expect)(onParentUpdate).toHaveBeenCalledTimes(0);
|
|
1578
|
-
(0, _globals.expect)(onChildUpdate).toHaveBeenCalledTimes(0);
|
|
1579
|
-
});
|
|
1580
1503
|
(0, _globals.test)('`usecase` should not be called at child component', function () {
|
|
1581
1504
|
var mockUseCase = _globals.jest.fn(fileUseCase);
|
|
1582
1505
|
var A = function A() {
|
|
@@ -1788,7 +1711,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1788
1711
|
(0, _globals.expect)(onChangeB).toHaveReturnedWith(1);
|
|
1789
1712
|
(0, _globals.expect)(onChangeC).toHaveReturnedWith(3);
|
|
1790
1713
|
});
|
|
1791
|
-
_globals.test
|
|
1714
|
+
(0, _globals.test)('`options.onChange` should always trigger the latest one in child components', function () {
|
|
1792
1715
|
var onFirstChange = _globals.jest.fn();
|
|
1793
1716
|
var onSecondChange = _globals.jest.fn();
|
|
1794
1717
|
var onChange = onFirstChange;
|
|
@@ -1818,19 +1741,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1818
1741
|
});
|
|
1819
1742
|
};
|
|
1820
1743
|
var B = function B() {
|
|
1821
|
-
var
|
|
1822
|
-
_useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
|
|
1823
|
-
file = _useState8[0],
|
|
1824
|
-
setFile = _useState8[1];
|
|
1825
|
-
var _useUseCase42 = (0, _.useUseCase)(file, fileUseCase, mode, {
|
|
1826
|
-
onChange: function onChange(newFile) {
|
|
1827
|
-
if (mode !== _UseCaseModes.UseCaseModes.Stateless) {
|
|
1828
|
-
return;
|
|
1829
|
-
}
|
|
1830
|
-
// `stateless` 不会保存状态,所以需要手动保存
|
|
1831
|
-
setFile(newFile);
|
|
1832
|
-
}
|
|
1833
|
-
}),
|
|
1744
|
+
var _useUseCase42 = (0, _.useUseCase)(defaultFile, fileUseCase),
|
|
1834
1745
|
_useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 3),
|
|
1835
1746
|
Provider = _useUseCase43[2];
|
|
1836
1747
|
return (0, _jsxRuntime.jsx)(Provider, {
|
|
@@ -1949,7 +1860,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1949
1860
|
(0, _globals.expect)(onChangeB).toHaveReturnedWith(1);
|
|
1950
1861
|
(0, _globals.expect)(onChangeC).toHaveReturnedWith(3);
|
|
1951
1862
|
});
|
|
1952
|
-
_globals.test
|
|
1863
|
+
(0, _globals.test)('`options.watch` should trigger the latest one in child components', function () {
|
|
1953
1864
|
var onFirstExtChange = _globals.jest.fn();
|
|
1954
1865
|
var onSecondExtChange = _globals.jest.fn();
|
|
1955
1866
|
var onExtChange = onFirstExtChange;
|
|
@@ -1981,19 +1892,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
1981
1892
|
});
|
|
1982
1893
|
};
|
|
1983
1894
|
var B = function B() {
|
|
1984
|
-
var
|
|
1985
|
-
_useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
|
|
1986
|
-
file = _useState10[0],
|
|
1987
|
-
setFile = _useState10[1];
|
|
1988
|
-
var _useUseCase52 = (0, _.useUseCase)(file, fileUseCase, mode, {
|
|
1989
|
-
onChange: function onChange(newFile) {
|
|
1990
|
-
if (mode !== _UseCaseModes.UseCaseModes.Stateless) {
|
|
1991
|
-
return;
|
|
1992
|
-
}
|
|
1993
|
-
// `stateless` 不会保存状态,所以需要手动保存
|
|
1994
|
-
setFile(newFile);
|
|
1995
|
-
}
|
|
1996
|
-
}),
|
|
1895
|
+
var _useUseCase52 = (0, _.useUseCase)(defaultFile, fileUseCase),
|
|
1997
1896
|
_useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 3),
|
|
1998
1897
|
Provider = _useUseCase53[2];
|
|
1999
1898
|
return (0, _jsxRuntime.jsx)(Provider, {
|
|
@@ -2022,38 +1921,38 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
2022
1921
|
});
|
|
2023
1922
|
(0, _globals.describe)('`useUseCase` should work the same as `useReducers`', function () {
|
|
2024
1923
|
(0, _globals.test)('`entity` should equal `defaultFile`', function () {
|
|
2025
|
-
var
|
|
1924
|
+
var _renderHook28 = (0, _react.renderHook)(function () {
|
|
2026
1925
|
return (0, _.useUseCase)(mathUseCase);
|
|
2027
1926
|
}),
|
|
2028
|
-
result =
|
|
1927
|
+
result = _renderHook28.result;
|
|
2029
1928
|
var reducers = result.current;
|
|
2030
1929
|
(0, _globals.expect)(Array.isArray(reducers)).toBe(false);
|
|
2031
1930
|
});
|
|
2032
1931
|
(0, _globals.test)('returned reducer should work', function () {
|
|
2033
|
-
var
|
|
1932
|
+
var _renderHook29 = (0, _react.renderHook)(function () {
|
|
2034
1933
|
return (0, _.useUseCase)(mathUseCase);
|
|
2035
1934
|
}),
|
|
2036
|
-
result =
|
|
1935
|
+
result = _renderHook29.result;
|
|
2037
1936
|
var reducers = result.current;
|
|
2038
1937
|
var add = reducers.add;
|
|
2039
1938
|
(0, _globals.expect)(add(1, 2)).toBe(3);
|
|
2040
1939
|
});
|
|
2041
1940
|
(0, _globals.test)('`usecase` should be called only once if deps has not provided', function () {
|
|
2042
1941
|
var mockUseCase = _globals.jest.fn(mathUseCase);
|
|
2043
|
-
var
|
|
1942
|
+
var _renderHook30 = (0, _react.renderHook)(function () {
|
|
2044
1943
|
return (0, _.useUseCase)(mockUseCase);
|
|
2045
1944
|
}),
|
|
2046
|
-
rerender =
|
|
1945
|
+
rerender = _renderHook30.rerender;
|
|
2047
1946
|
(0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
|
|
2048
1947
|
rerender();
|
|
2049
1948
|
(0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
|
|
2050
1949
|
});
|
|
2051
1950
|
(0, _globals.test)('`usecase` should be called only once if deps has not changed', function () {
|
|
2052
1951
|
var mockUseCase = _globals.jest.fn(mathUseCase);
|
|
2053
|
-
var
|
|
1952
|
+
var _renderHook31 = (0, _react.renderHook)(function () {
|
|
2054
1953
|
return (0, _.useUseCase)(mockUseCase, {}, [1, 'x']);
|
|
2055
1954
|
}),
|
|
2056
|
-
rerender =
|
|
1955
|
+
rerender = _renderHook31.rerender;
|
|
2057
1956
|
(0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
|
|
2058
1957
|
rerender();
|
|
2059
1958
|
(0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
|
|
@@ -2061,10 +1960,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
2061
1960
|
(0, _globals.test)('`usecase` should be called if deps has changed', function () {
|
|
2062
1961
|
var i = 0;
|
|
2063
1962
|
var mockUseCase = _globals.jest.fn(mathUseCase);
|
|
2064
|
-
var
|
|
1963
|
+
var _renderHook32 = (0, _react.renderHook)(function () {
|
|
2065
1964
|
return (0, _.useUseCase)(mockUseCase, {}, [i++, 'x']);
|
|
2066
1965
|
}),
|
|
2067
|
-
rerender =
|
|
1966
|
+
rerender = _renderHook32.rerender;
|
|
2068
1967
|
(0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
|
|
2069
1968
|
rerender();
|
|
2070
1969
|
(0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(2);
|
|
@@ -2148,12 +2047,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
2148
2047
|
(0, _globals.expect)(subtractionReducer).toHaveReturnedWith(4);
|
|
2149
2048
|
});
|
|
2150
2049
|
(0, _globals.test)('`options.extraValue` should be added after call `add` method', function () {
|
|
2151
|
-
var
|
|
2050
|
+
var _renderHook33 = (0, _react.renderHook)(function () {
|
|
2152
2051
|
return (0, _.useUseCase)(mathUseCase, {
|
|
2153
2052
|
extraValue: 5
|
|
2154
2053
|
});
|
|
2155
2054
|
}),
|
|
2156
|
-
result =
|
|
2055
|
+
result = _renderHook33.result;
|
|
2157
2056
|
var reducers = result.current;
|
|
2158
2057
|
var add = reducers.add;
|
|
2159
2058
|
(0, _globals.expect)(add(1, 2)).toBe(8);
|
|
@@ -2161,11 +2060,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
2161
2060
|
(0, _globals.test)('when `options` has changed, it should not trigger update', function () {
|
|
2162
2061
|
var onUpdate = _globals.jest.fn();
|
|
2163
2062
|
var onDeepUpdate = _globals.jest.fn();
|
|
2164
|
-
var
|
|
2165
|
-
var
|
|
2166
|
-
|
|
2167
|
-
extraValue =
|
|
2168
|
-
setExtraValue =
|
|
2063
|
+
var _renderHook34 = (0, _react.renderHook)(function () {
|
|
2064
|
+
var _useState7 = (0, _react2.useState)(0),
|
|
2065
|
+
_useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
|
|
2066
|
+
extraValue = _useState8[0],
|
|
2067
|
+
setExtraValue = _useState8[1];
|
|
2169
2068
|
var reducers = (0, _.useUseCase)(mathUseCase, {
|
|
2170
2069
|
extraValue: extraValue
|
|
2171
2070
|
});
|
|
@@ -2177,7 +2076,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
2177
2076
|
}, [reducers]);
|
|
2178
2077
|
return setExtraValue;
|
|
2179
2078
|
}),
|
|
2180
|
-
result =
|
|
2079
|
+
result = _renderHook34.result;
|
|
2181
2080
|
(0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
|
|
2182
2081
|
(0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
|
|
2183
2082
|
(0, _react.act)(function () {
|
|
@@ -2189,11 +2088,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
2189
2088
|
(0, _globals.test)('when `deps` change, it should update reducers', function () {
|
|
2190
2089
|
var onUpdate = _globals.jest.fn();
|
|
2191
2090
|
var onDeepUpdate = _globals.jest.fn();
|
|
2192
|
-
var
|
|
2193
|
-
var
|
|
2194
|
-
|
|
2195
|
-
extraValue =
|
|
2196
|
-
setExtraValue =
|
|
2091
|
+
var _renderHook35 = (0, _react.renderHook)(function () {
|
|
2092
|
+
var _useState9 = (0, _react2.useState)(0),
|
|
2093
|
+
_useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
|
|
2094
|
+
extraValue = _useState10[0],
|
|
2095
|
+
setExtraValue = _useState10[1];
|
|
2197
2096
|
var reducers = (0, _.useUseCase)(mathUseCase, {
|
|
2198
2097
|
extraValue: extraValue
|
|
2199
2098
|
}, [extraValue]);
|
|
@@ -2205,7 +2104,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
2205
2104
|
}, [reducers]);
|
|
2206
2105
|
return setExtraValue;
|
|
2207
2106
|
}),
|
|
2208
|
-
result =
|
|
2107
|
+
result = _renderHook35.result;
|
|
2209
2108
|
(0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
|
|
2210
2109
|
(0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
|
|
2211
2110
|
(0, _react.act)(function () {
|
|
@@ -2217,11 +2116,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
2217
2116
|
(0, _globals.test)('empty `deps` should not update reducers', function () {
|
|
2218
2117
|
var onUpdate = _globals.jest.fn();
|
|
2219
2118
|
var onDeepUpdate = _globals.jest.fn();
|
|
2220
|
-
var
|
|
2221
|
-
var
|
|
2222
|
-
|
|
2223
|
-
extraValue =
|
|
2224
|
-
setExtraValue =
|
|
2119
|
+
var _renderHook36 = (0, _react.renderHook)(function () {
|
|
2120
|
+
var _useState11 = (0, _react2.useState)(0),
|
|
2121
|
+
_useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
|
|
2122
|
+
extraValue = _useState12[0],
|
|
2123
|
+
setExtraValue = _useState12[1];
|
|
2225
2124
|
var reducers = (0, _.useUseCase)(mathUseCase, {
|
|
2226
2125
|
extraValue: extraValue
|
|
2227
2126
|
}, []);
|
|
@@ -2233,7 +2132,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
|
|
|
2233
2132
|
}, [reducers]);
|
|
2234
2133
|
return setExtraValue;
|
|
2235
2134
|
}),
|
|
2236
|
-
result =
|
|
2135
|
+
result = _renderHook36.result;
|
|
2237
2136
|
(0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
|
|
2238
2137
|
(0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
|
|
2239
2138
|
(0, _react.act)(function () {
|