@mic-rexjs/usecases-react 2.4.0 → 2.5.0

package/lib/hooks/useUseCase/index.test.js

@@ -16,7 +16,6 @@ var _react = require("@testing-library/react");
 var _ = require(".");
 var _ahooks = require("ahooks");
 var _react2 = require("react");
-var _UseCaseModes = require("../../enums/UseCaseModes");
 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; }
 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; }
 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);
 var PATH_2 = "hello".concat(EXT_2);
 var PARENT_BUTTON_TEXT = 'parent button';
 var CHILD_BUTTON_TEXT = 'child button';
-var allModes = [_UseCaseModes.UseCaseModes.Normal, _UseCaseModes.UseCaseModes.StateControllable, _UseCaseModes.UseCaseModes.Stateless];
 var defaultFile = {
   path: '',
   ext: '',
@@ -180,11 +178,9 @@ var Child = function Child(_ref2) {
 };
 var Parent = function Parent(_ref4) {
   var children = _ref4.children,
-    _ref4$mode = _ref4.mode,
-    mode = _ref4$mode === void 0 ? _UseCaseModes.UseCaseModes.Normal : _ref4$mode,
     onUpdate = _ref4.onUpdate,
     onSetPath = _ref4.onSetPath;
-  var _useUseCase3 = (0, _.useUseCase)(defaultFile, fileUseCase, mode),
+  var _useUseCase3 = (0, _.useUseCase)(defaultFile, fileUseCase),
     _useUseCase4 = (0, _slicedToArray2["default"])(_useUseCase3, 3),
     _useUseCase4$ = _useUseCase4[0],
     path = _useUseCase4$.path,
@@ -271,21 +267,71 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         entity = _cores[0];
       (0, _globals.expect)(entity).toBe(defaultFile);
     });
-    (0, _globals.test)('`reducers` should be returned as an object', function () {
+    (0, _globals.test)('Should return the entity state if initial entity has not changed', function () {
       var _renderHook3 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
         result = _renderHook3.result;
+      var collection = result.current;
+      var _collection = (0, _slicedToArray2["default"])(collection, 2),
+        setPath = _collection[1].setPath;
+      (0, _react.act)(function () {
+        setPath(PATH_1);
+      });
+      (0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_1,
+        ext: EXT_1
+      }));
+    });
+    (0, _globals.test)('Should return the initial entity if initial entity has changed', function () {
+      var file = defaultFile;
+      var _renderHook4 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(file, fileUseCase);
+        }),
+        result = _renderHook4.result,
+        rerender = _renderHook4.rerender;
+      file = _objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_1
+      });
+      rerender();
+      (0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_1
+      }));
+    });
+    (0, _globals.test)('Should return the initial entity if initial entity has changed even with entity state changed', function () {
+      var file = defaultFile;
+      var _renderHook5 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(file, fileUseCase);
+        }),
+        result = _renderHook5.result;
+      var collection = result.current;
+      var _collection2 = (0, _slicedToArray2["default"])(collection, 2),
+        setPath = _collection2[1].setPath;
+      (0, _react.act)(function () {
+        file = _objectSpread(_objectSpread({}, defaultFile), {}, {
+          path: PATH_2
+        });
+        setPath(PATH_1);
+      });
+      (0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_2
+      }));
+    });
+    (0, _globals.test)('`reducers` should be returned as an object', function () {
+      var _renderHook6 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(defaultFile, fileUseCase);
+        }),
+        result = _renderHook6.result;
       var cores = result.current;
       var _cores2 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores2[1];
       (0, _globals.expect)((0, _typeof2["default"])(reducers)).toBe('object');
     });
     (0, _globals.test)('`Provider` should be returned as a function', function () {
-      var _renderHook4 = (0, _react.renderHook)(function () {
+      var _renderHook7 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook4.result;
+        result = _renderHook7.result;
       var cores = result.current;
       var _cores3 = (0, _slicedToArray2["default"])(cores, 3),
         Provider = _cores3[2];
@@ -293,11 +339,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`usecase` should be called only once if deps has not provided', function () {
       var mockUseCase = _globals.jest.fn(fileUseCase);
-      var _renderHook5 = (0, _react.renderHook)(function () {
+      var _renderHook8 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase);
         }),
-        result = _renderHook5.result,
-        rerender = _renderHook5.rerender;
+        result = _renderHook8.result,
+        rerender = _renderHook8.rerender;
       var cores = result.current;
       var _cores4 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores4[1].setEntity;
@@ -310,11 +356,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`usecase` should be called only once if deps has not changed', function () {
       var mockUseCase = _globals.jest.fn(fileUseCase);
-      var _renderHook6 = (0, _react.renderHook)(function () {
+      var _renderHook9 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase, {}, [1, 'x']);
         }),
-        result = _renderHook6.result,
-        rerender = _renderHook6.rerender;
+        result = _renderHook9.result,
+        rerender = _renderHook9.rerender;
       var cores = result.current;
       var _cores5 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores5[1].setEntity;
@@ -328,11 +374,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('`usecase` should be called if deps has changed', function () {
       var i = 0;
       var mockUseCase = _globals.jest.fn(fileUseCase);
-      var _renderHook7 = (0, _react.renderHook)(function () {
+      var _renderHook10 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase, {}, [i++, 'x']);
         }),
-        result = _renderHook7.result,
-        rerender = _renderHook7.rerender;
+        result = _renderHook10.result,
+        rerender = _renderHook10.rerender;
       var cores = result.current;
       var _cores6 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores6[1].setEntity;
@@ -347,7 +393,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('after call non-generator reducer, it should not trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook8 = (0, _react.renderHook)(function () {
+      var _renderHook11 = (0, _react.renderHook)(function () {
           var context = (0, _.useUseCase)(defaultFile, fileUseCase);
           var _context4 = (0, _slicedToArray2["default"])(context, 2),
             reducers = _context4[1];
@@ -367,7 +413,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             update();
           };
         }),
-        result = _renderHook8.result;
+        result = _renderHook11.result;
       (0, _react.act)(function () {
         result.current();
       });
@@ -381,13 +427,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('after `yield entity`, it should trigger update', function () {
       var onUpdate = _globals.jest.fn();
-      var _renderHook9 = (0, _react.renderHook)(function () {
+      var _renderHook12 = (0, _react.renderHook)(function () {
           (0, _ahooks.useUpdateEffect)(function () {
             onUpdate();
           });
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook9.result;
+        result = _renderHook12.result;
       var cores = result.current;
       var _cores7 = (0, _slicedToArray2["default"])(cores, 2),
         entity = _cores7[0],
@@ -412,17 +458,17 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
     });
     (0, _globals.test)('after `yield entity` on async mode, it should trigger update', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-      var onUpdate, _renderHook10, result, cores, _cores8, entity, reducers, readFile, promise;
+      var onUpdate, _renderHook13, result, cores, _cores8, entity, reducers, readFile, promise;
       return _regenerator["default"].wrap(function _callee3$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
             onUpdate = _globals.jest.fn();
-            _renderHook10 = (0, _react.renderHook)(function () {
+            _renderHook13 = (0, _react.renderHook)(function () {
               (0, _ahooks.useUpdateEffect)(function () {
                 onUpdate();
               });
               return (0, _.useUseCase)(defaultFile, fileUseCase);
-            }), result = _renderHook10.result;
+            }), result = _renderHook13.result;
             cores = result.current;
             _cores8 = (0, _slicedToArray2["default"])(cores, 2), entity = _cores8[0], reducers = _cores8[1];
             readFile = reducers.readFile;
@@ -450,13 +496,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     })));
     (0, _globals.test)('after `yield entity` callbacks, it should trigger update', function () {
       var onUpdate = _globals.jest.fn();
-      var _renderHook11 = (0, _react.renderHook)(function () {
+      var _renderHook14 = (0, _react.renderHook)(function () {
           (0, _ahooks.useUpdateEffect)(function () {
             onUpdate();
           });
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook11.result;
+        result = _renderHook14.result;
       var cores = result.current;
       var _cores9 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores9[1];
@@ -593,12 +639,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`options.onChange` should be trigger when entity has changed', function () {
       var onChange = _globals.jest.fn();
-      var _renderHook12 = (0, _react.renderHook)(function () {
+      var _renderHook15 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChange
           });
         }),
-        result = _renderHook12.result;
+        result = _renderHook15.result;
       var cores = result.current;
       var _cores10 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores10[1];
@@ -617,12 +663,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onChange1 = _globals.jest.fn();
       var onChange2 = _globals.jest.fn();
       var onChange = onChange1;
-      var _renderHook13 = (0, _react.renderHook)(function () {
+      var _renderHook16 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChange
           }, []);
         }),
-        result = _renderHook13.result;
+        result = _renderHook16.result;
       var cores = result.current;
       var _cores11 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores11[1];
@@ -652,7 +698,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       }));
     });
     (0, _globals.test)('`options.options` should override rest options', function () {
-      var _renderHook14 = (0, _react.renderHook)(function () {
+      var _renderHook17 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             pathPrefix: 'xyz/',
             options: {
@@ -660,7 +706,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook14.result;
+        result = _renderHook17.result;
       var cores = result.current;
       var _cores12 = (0, _slicedToArray2["default"])(cores, 2),
         path = _cores12[0].path,
@@ -675,7 +721,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('when `options` has changed, it should not trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook15 = (0, _react.renderHook)(function () {
+      var _renderHook18 = (0, _react.renderHook)(function () {
           var _useState = (0, _react2.useState)('user/'),
             _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
             pathPrefix = _useState2[0],
@@ -691,7 +737,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook15.result;
+        result = _renderHook18.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -703,7 +749,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('when `deps` has changed, it should trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook16 = (0, _react.renderHook)(function () {
+      var _renderHook19 = (0, _react.renderHook)(function () {
           var _useState3 = (0, _react2.useState)('user/'),
             _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
             pathPrefix = _useState4[0],
@@ -719,7 +765,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook16.result;
+        result = _renderHook19.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -731,7 +777,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('empty `deps` should not trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook17 = (0, _react.renderHook)(function () {
+      var _renderHook20 = (0, _react.renderHook)(function () {
           var _useState5 = (0, _react2.useState)('user/'),
             _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
             pathPrefix = _useState6[0],
@@ -747,7 +793,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook17.result;
+        result = _renderHook20.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -760,12 +806,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onPathChange1 = _globals.jest.fn();
       var onPathChange2 = _globals.jest.fn();
       var onPathChange = onPathChange1;
-      var _renderHook18 = (0, _react.renderHook)(function () {
+      var _renderHook21 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onPathChange: onPathChange
           });
         }),
-        result = _renderHook18.result;
+        result = _renderHook21.result;
       var context = result.current;
       var _context6 = (0, _slicedToArray2["default"])(context, 2),
         setPath = _context6[1].setPath;
@@ -786,7 +832,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('`options.watch` should be trigger after entity changed', function () {
       var onPathChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook19 = (0, _react.renderHook)(function () {
+      var _renderHook22 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               path: onPathChange,
@@ -794,7 +840,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook19.result;
+        result = _renderHook22.result;
       var cores = result.current;
       var _cores13 = (0, _slicedToArray2["default"])(cores, 2),
         setPath = _cores13[1].setPath;
@@ -819,14 +865,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onPathChange1 = _globals.jest.fn();
       var onPathChange2 = _globals.jest.fn();
       var onPathChange = onPathChange1;
-      var _renderHook20 = (0, _react.renderHook)(function () {
+      var _renderHook23 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               path: onPathChange
             }
           });
         }),
-        result = _renderHook20.result;
+        result = _renderHook23.result;
       var cores = result.current;
       var _cores14 = (0, _slicedToArray2["default"])(cores, 2),
         _cores14$ = _cores14[1],
@@ -871,17 +917,18 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       });
     });
     (0, _globals.test)('`options.watch` should work with array field path of array', function () {
+      var initialData = {};
       var onExtChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook21 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)({}, fieldPathUseCase, {
+      var _renderHook24 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'list.ext': onExtChange,
               'list.size': onSizeChange
             }
           });
         }),
-        result = _renderHook21.result;
+        result = _renderHook24.result;
       var cores = result.current;
       var _cores15 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores15[1].setEntity;
@@ -1169,7 +1216,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var lengthUseCase = function lengthUseCase() {
         return (0, _usecases.entityUseCase)();
       };
-      var _renderHook22 = (0, _react.renderHook)(function () {
+      var _renderHook25 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)([], lengthUseCase, {
             watch: {
               length: onEntityLengthChange,
@@ -1177,7 +1224,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook22.result;
+        result = _renderHook25.result;
       var cores = result.current;
       var _cores16 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores16[1].setEntity;
@@ -1210,15 +1257,16 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       });
     });
     (0, _globals.test)('`options.watch` should work with field path of nested array', function () {
+      var initialData = {};
       var onChange = _globals.jest.fn();
-      var _renderHook23 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)({}, fieldPathUseCase, {
+      var _renderHook26 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'nestedList.size': onChange
             }
           });
         }),
-        result = _renderHook23.result;
+        result = _renderHook26.result;
       var cores = result.current;
       var _cores17 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores17[1].setEntity;
@@ -1303,17 +1351,18 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       });
     });
     (0, _globals.test)('`options.watch` should work with field path of object', function () {
+      var initialData = {};
       var onExtChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook24 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)({}, fieldPathUseCase, {
+      var _renderHook27 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'obj.file.ext': onExtChange,
               'obj.file.size': onSizeChange
             }
           });
         }),
-        result = _renderHook24.result;
+        result = _renderHook27.result;
       var cores = result.current;
       var _cores18 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores18[1].setEntity;
@@ -1368,13 +1417,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onStringMount = _globals.jest.fn();
       var onBooleanMount = _globals.jest.fn();
       var numberUseCase = function numberUseCase() {
-        return (0, _usecases.objectUseCase)();
+        return (0, _usecases.entityUseCase)();
       };
       var stringUseCase = function stringUseCase() {
-        return (0, _usecases.objectUseCase)();
+        return (0, _usecases.entityUseCase)();
       };
       var booleanUseCase = function booleanUseCase() {
-        return (0, _usecases.objectUseCase)();
+        return (0, _usecases.entityUseCase)();
       };
       var TestChildComponent = function TestChildComponent() {
         var _useUseCase12 = (0, _.useUseCase)(numberUseCase),
@@ -1414,113 +1463,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onBooleanMount).toHaveBeenCalledWith(true);
     });
   });
-  (0, _globals.describe)('`useUseCase` should work the same as `ModeCoreCollectionHook`', function () {
-    _globals.test.each(allModes)('[mode=%s]: check context type', function (mode) {
-      var _renderHook25 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(defaultFile, fileUseCase, mode);
-        }),
-        result = _renderHook25.result;
-      var collection = result.current;
-      (0, _globals.expect)(Array.isArray(collection)).toBe(true);
-      (0, _globals.expect)(collection).toHaveLength(3);
-    });
-    (0, _globals.test)('state controllable mode should return the entity state if initial entity has not changed', function () {
-      var _renderHook26 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(defaultFile, fileUseCase, _UseCaseModes.UseCaseModes.StateControllable);
-        }),
-        result = _renderHook26.result;
-      var collection = result.current;
-      var _collection = (0, _slicedToArray2["default"])(collection, 2),
-        setPath = _collection[1].setPath;
-      (0, _react.act)(function () {
-        setPath(PATH_1);
-      });
-      (0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
-        path: PATH_1,
-        ext: EXT_1
-      }));
-    });
-    (0, _globals.test)('state controllable mode should return the initial entity if initial entity has changed', function () {
-      var file = defaultFile;
-      var _renderHook27 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(file, fileUseCase, _UseCaseModes.UseCaseModes.StateControllable);
-        }),
-        result = _renderHook27.result,
-        rerender = _renderHook27.rerender;
-      file = _objectSpread(_objectSpread({}, defaultFile), {}, {
-        path: PATH_1
-      });
-      rerender();
-      (0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
-        path: PATH_1
-      }));
-    });
-    (0, _globals.test)('state controllable mode should return the initial entity if initial entity has changed even with entity state changed', function () {
-      var file = defaultFile;
-      var _renderHook28 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(file, fileUseCase, _UseCaseModes.UseCaseModes.StateControllable);
-        }),
-        result = _renderHook28.result;
-      var collection = result.current;
-      var _collection2 = (0, _slicedToArray2["default"])(collection, 2),
-        setPath = _collection2[1].setPath;
-      (0, _react.act)(function () {
-        file = _objectSpread(_objectSpread({}, defaultFile), {}, {
-          path: PATH_2
-        });
-        setPath(PATH_1);
-      });
-      (0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
-        path: PATH_2
-      }));
-    });
-    (0, _globals.test)('stateless mode should not generate new reducers when `yeild entity`', function () {
-      var onUpdate = _globals.jest.fn();
-      var _renderHook29 = (0, _react.renderHook)(function () {
-          var file = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
-          (0, _ahooks.useUpdateEffect)(function () {
-            onUpdate();
-          });
-          return (0, _.useUseCase)(file, fileUseCase, _UseCaseModes.UseCaseModes.Stateless);
-        }),
-        result = _renderHook29.result,
-        rerender = _renderHook29.rerender;
-      var cores = result.current;
-      var _cores19 = (0, _slicedToArray2["default"])(cores, 2),
-        setPath = _cores19[1].setPath;
-      setPath(PATH_1);
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(result.current[0].path).toBe('');
-      (0, _globals.expect)(result.current[1].setPath).toBe(setPath);
-      rerender(_objectSpread(_objectSpread({}, defaultFile), {}, {
-        path: PATH_1
-      }));
-      (0, _globals.expect)(result.current[0].path).toBe(PATH_1);
-      (0, _globals.expect)(result.current[1].setPath).not.toBe(setPath);
-    });
-    (0, _globals.test)('stateless mode should not trigger update when after `yield entity`', function () {
-      var onUpdate = _globals.jest.fn();
-      var _renderHook30 = (0, _react.renderHook)(function () {
-          (0, _ahooks.useUpdateEffect)(function () {
-            onUpdate();
-          });
-          return (0, _.useUseCase)(defaultFile, fileUseCase, _UseCaseModes.UseCaseModes.Stateless);
-        }),
-        result = _renderHook30.result;
-      var cores = result.current;
-      var _cores20 = (0, _slicedToArray2["default"])(cores, 2),
-        reducers = _cores20[1];
-      var setPath = reducers.setPath;
-      (0, _react.act)(function () {
-        setPath(PATH_1);
-      });
-      (0, _globals.expect)(result.current).toBe(cores);
-      (0, _globals.expect)(result.current).toEqual(cores);
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-    });
-  });
   (0, _globals.describe)('`useUseCase` should work the same as useContextualCoreCollection', function () {
-    _globals.test.each([void 0, _UseCaseModes.UseCaseModes.Normal])('[mode=%s]: normal mode should trigger Parent & Child to update', function (mode) {
+    (0, _globals.test)('Should trigger Parent & Child to update', function () {
       var onParentUpdate = _globals.jest.fn();
       var onChildUpdate = _globals.jest.fn();
       var onPathChange = _globals.jest.fn();
@@ -1530,7 +1474,6 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       });
       (0, _react.render)((0, _jsxRuntime.jsx)("div", {
         children: (0, _jsxRuntime.jsx)(Parent, {
-          mode: mode,
           onSetPath: onSetPath,
           onUpdate: onParentUpdate,
           children: (0, _jsxRuntime.jsx)(Child, {
@@ -1552,31 +1495,6 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onPathChange).toHaveBeenCalledWith(PATH_2);
       (0, _globals.expect)(onUndefinedEntity).toHaveBeenCalledTimes(0);
     });
-    _globals.test.each([_UseCaseModes.UseCaseModes.Stateless])('[mode=%s]: stateless mode should not trigger Parent & Child to update', function () {
-      var onParentUpdate = _globals.jest.fn();
-      var onChildUpdate = _globals.jest.fn();
-      var onSetPath = _globals.jest.fn(function () {
-        return PATH_1;
-      });
-      (0, _react.render)((0, _jsxRuntime.jsx)("div", {
-        children: (0, _jsxRuntime.jsx)(Parent, {
-          mode: _UseCaseModes.UseCaseModes.Stateless,
-          onSetPath: onSetPath,
-          onUpdate: onParentUpdate,
-          children: (0, _jsxRuntime.jsx)(Child, {
-            onUpdate: onChildUpdate
-          })
-        })
-      }));
-      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
-      (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onParentUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onChildUpdate).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(CHILD_BUTTON_TEXT));
-      (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onParentUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onChildUpdate).toHaveBeenCalledTimes(0);
-    });
     (0, _globals.test)('`usecase` should not be called at child component', function () {
       var mockUseCase = _globals.jest.fn(fileUseCase);
       var A = function A() {
@@ -1788,7 +1706,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onChangeB).toHaveReturnedWith(1);
       (0, _globals.expect)(onChangeC).toHaveReturnedWith(3);
     });
-    _globals.test.each(allModes)('[mode=%s]: `options.onChange` should always trigger the latest one in child components', function (mode) {
+    (0, _globals.test)('`options.onChange` should always trigger the latest one in child components', function () {
       var onFirstChange = _globals.jest.fn();
       var onSecondChange = _globals.jest.fn();
       var onChange = onFirstChange;
@@ -1818,19 +1736,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useState7 = (0, _react2.useState)(defaultFile),
-          _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-          file = _useState8[0],
-          setFile = _useState8[1];
-        var _useUseCase42 = (0, _.useUseCase)(file, fileUseCase, mode, {
-            onChange: function onChange(newFile) {
-              if (mode !== _UseCaseModes.UseCaseModes.Stateless) {
-                return;
-              }
-              // `stateless` 不会保存状态，所以需要手动保存
-              setFile(newFile);
-            }
-          }),
+        var _useUseCase42 = (0, _.useUseCase)(defaultFile, fileUseCase),
           _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 3),
           Provider = _useUseCase43[2];
         return (0, _jsxRuntime.jsx)(Provider, {
@@ -1949,7 +1855,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onChangeB).toHaveReturnedWith(1);
       (0, _globals.expect)(onChangeC).toHaveReturnedWith(3);
     });
-    _globals.test.each(allModes)('[mode=%s]: `options.watch` should trigger the latest one in child components', function (mode) {
+    (0, _globals.test)('`options.watch` should trigger the latest one in child components', function () {
       var onFirstExtChange = _globals.jest.fn();
       var onSecondExtChange = _globals.jest.fn();
       var onExtChange = onFirstExtChange;
@@ -1981,19 +1887,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useState9 = (0, _react2.useState)(defaultFile),
-          _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-          file = _useState10[0],
-          setFile = _useState10[1];
-        var _useUseCase52 = (0, _.useUseCase)(file, fileUseCase, mode, {
-            onChange: function onChange(newFile) {
-              if (mode !== _UseCaseModes.UseCaseModes.Stateless) {
-                return;
-              }
-              // `stateless` 不会保存状态，所以需要手动保存
-              setFile(newFile);
-            }
-          }),
+        var _useUseCase52 = (0, _.useUseCase)(defaultFile, fileUseCase),
           _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 3),
           Provider = _useUseCase53[2];
         return (0, _jsxRuntime.jsx)(Provider, {
@@ -2022,38 +1916,38 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
   });
   (0, _globals.describe)('`useUseCase` should work the same as `useReducers`', function () {
     (0, _globals.test)('`entity` should equal `defaultFile`', function () {
-      var _renderHook31 = (0, _react.renderHook)(function () {
+      var _renderHook28 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook31.result;
+        result = _renderHook28.result;
       var reducers = result.current;
       (0, _globals.expect)(Array.isArray(reducers)).toBe(false);
     });
     (0, _globals.test)('returned reducer should work', function () {
-      var _renderHook32 = (0, _react.renderHook)(function () {
+      var _renderHook29 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook32.result;
+        result = _renderHook29.result;
       var reducers = result.current;
       var add = reducers.add;
       (0, _globals.expect)(add(1, 2)).toBe(3);
     });
     (0, _globals.test)('`usecase` should be called only once if deps has not provided', function () {
       var mockUseCase = _globals.jest.fn(mathUseCase);
-      var _renderHook33 = (0, _react.renderHook)(function () {
+      var _renderHook30 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase);
         }),
-        rerender = _renderHook33.rerender;
+        rerender = _renderHook30.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
     });
     (0, _globals.test)('`usecase` should be called only once if deps has not changed', function () {
       var mockUseCase = _globals.jest.fn(mathUseCase);
-      var _renderHook34 = (0, _react.renderHook)(function () {
+      var _renderHook31 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [1, 'x']);
         }),
-        rerender = _renderHook34.rerender;
+        rerender = _renderHook31.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
@@ -2061,10 +1955,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('`usecase` should be called if deps has changed', function () {
       var i = 0;
       var mockUseCase = _globals.jest.fn(mathUseCase);
-      var _renderHook35 = (0, _react.renderHook)(function () {
+      var _renderHook32 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [i++, 'x']);
         }),
-        rerender = _renderHook35.rerender;
+        rerender = _renderHook32.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(2);
@@ -2148,12 +2042,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(subtractionReducer).toHaveReturnedWith(4);
     });
     (0, _globals.test)('`options.extraValue` should be added after call `add` method', function () {
-      var _renderHook36 = (0, _react.renderHook)(function () {
+      var _renderHook33 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase, {
             extraValue: 5
           });
         }),
-        result = _renderHook36.result;
+        result = _renderHook33.result;
       var reducers = result.current;
       var add = reducers.add;
       (0, _globals.expect)(add(1, 2)).toBe(8);
@@ -2161,11 +2055,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('when `options` has changed, it should not trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook37 = (0, _react.renderHook)(function () {
-          var _useState11 = (0, _react2.useState)(0),
-            _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-            extraValue = _useState12[0],
-            setExtraValue = _useState12[1];
+      var _renderHook34 = (0, _react.renderHook)(function () {
+          var _useState7 = (0, _react2.useState)(0),
+            _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+            extraValue = _useState8[0],
+            setExtraValue = _useState8[1];
           var reducers = (0, _.useUseCase)(mathUseCase, {
             extraValue: extraValue
           });
@@ -2177,7 +2071,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook37.result;
+        result = _renderHook34.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2189,11 +2083,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('when `deps` change, it should update reducers', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook38 = (0, _react.renderHook)(function () {
-          var _useState13 = (0, _react2.useState)(0),
-            _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-            extraValue = _useState14[0],
-            setExtraValue = _useState14[1];
+      var _renderHook35 = (0, _react.renderHook)(function () {
+          var _useState9 = (0, _react2.useState)(0),
+            _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+            extraValue = _useState10[0],
+            setExtraValue = _useState10[1];
           var reducers = (0, _.useUseCase)(mathUseCase, {
             extraValue: extraValue
           }, [extraValue]);
@@ -2205,7 +2099,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook38.result;
+        result = _renderHook35.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2217,11 +2111,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('empty `deps` should not update reducers', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook39 = (0, _react.renderHook)(function () {
-          var _useState15 = (0, _react2.useState)(0),
-            _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
-            extraValue = _useState16[0],
-            setExtraValue = _useState16[1];
+      var _renderHook36 = (0, _react.renderHook)(function () {
+          var _useState11 = (0, _react2.useState)(0),
+            _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+            extraValue = _useState12[0],
+            setExtraValue = _useState12[1];
           var reducers = (0, _.useUseCase)(mathUseCase, {
             extraValue: extraValue
           }, []);
@@ -2233,7 +2127,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook39.result;
+        result = _renderHook36.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {