@mic-rexjs/usecases-react 1.7.8 → 2.0.0

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

@@ -16,6 +16,7 @@ var _react = require("@testing-library/react");
 var _ = require(".");
 var _ahooks = require("ahooks");
 var _react2 = require("react");
+var _UseCaseModes = require("../../enums/UseCaseModes");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _asyncIterator(iterable) { var method, async, sync, retry = 2; for ("undefined" != typeof Symbol && (async = Symbol.asyncIterator, sync = Symbol.iterator); retry--;) { if (async && null != (method = iterable[async])) return method.call(iterable); if (sync && null != (method = iterable[sync])) return new AsyncFromSyncIterator(method.call(iterable)); async = "@@asyncIterator", sync = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
@@ -23,6 +24,7 @@ function AsyncFromSyncIterator(s) { function AsyncFromSyncIteratorContinuation(r
 var EXT_1 = '.png';
 var EXT_2 = '.jpg';
 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 defaultFile = {
@@ -141,7 +143,7 @@ var Child = function Child(_ref2) {
     path = _ref3.path,
     ext = _ref3.ext;
   var onClick = function onClick() {
-    setPath('');
+    setPath(PATH_2);
   };
   var undefinedEntity = (0, _ahooks.useMemoizedFn)(function () {
     onUndefinedEntity === null || onUndefinedEntity === void 0 ? void 0 : onUndefinedEntity();
@@ -171,12 +173,10 @@ var Child = function Child(_ref2) {
 };
 var Parent = function Parent(_ref4) {
   var children = _ref4.children,
-    stateless = _ref4.stateless,
+    mode = _ref4.mode,
     onUpdate = _ref4.onUpdate,
     onSetPath = _ref4.onSetPath;
-  var _useUseCase3 = (0, _.useUseCase)(defaultFile, fileUseCase, {
-      stateless: stateless
-    }),
+  var _useUseCase3 = (0, _.useUseCase)(defaultFile, fileUseCase, mode),
     _useUseCase4 = (0, _slicedToArray2["default"])(_useUseCase3, 3),
     _useUseCase4$ = _useUseCase4[0],
     path = _useUseCase4$.path,
@@ -243,10 +243,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
   subtractionReducer.mockClear();
 });
 (0, _globals.describe)('useUseCase', function () {
-  (0, _globals.describe)('`useUseCase` should work with 2+ arguments on provider mode', function () {
+  _globals.describe.each([void 0, _UseCaseModes.UseCaseModes.Normal, _UseCaseModes.UseCaseModes.Global])('[mode=%s]: `useUseCase` should work the same as `useRootCoreCollection`', function (mode) {
     (0, _globals.test)('check `context.length`', function () {
       var _renderHook = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(defaultFile, fileUseCase);
+          return (0, _.useUseCase)(defaultFile, fileUseCase, mode);
         }),
         result = _renderHook.result;
       var cores = result.current;
@@ -254,7 +254,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`entity` should equal `defaultFile`', function () {
       var _renderHook2 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(defaultFile, fileUseCase);
+          return (0, _.useUseCase)(defaultFile, fileUseCase, mode);
         }),
         result = _renderHook2.result;
       var cores = result.current;
@@ -582,16 +582,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       _react.fireEvent.click(_react.screen.getByText(updateButtonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
     });
-    (0, _globals.test)('`options.stateless` should not generate new reducers when `yeild entity`', function () {
+    (0, _globals.test)('stateless mode should not generate new reducers when `yeild entity`', function () {
       var onUpdate = _globals.jest.fn();
       var _renderHook12 = (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, {
-            stateless: true
-          });
+          return (0, _.useUseCase)(file, fileUseCase, _UseCaseModes.UseCaseModes.Stateless);
         }),
         result = _renderHook12.result,
         rerender = _renderHook12.rerender;
@@ -608,15 +606,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(result.current[0].path).toBe(PATH_1);
       (0, _globals.expect)(result.current[1].setPath).not.toBe(setPath);
     });
-    (0, _globals.test)('`options.stateless` should not trigger update when after `yield entity`', function () {
+    (0, _globals.test)('stateless mode should not trigger update when after `yield entity`', function () {
       var onUpdate = _globals.jest.fn();
       var _renderHook13 = (0, _react.renderHook)(function () {
           (0, _ahooks.useUpdateEffect)(function () {
             onUpdate();
           });
-          return (0, _.useUseCase)(defaultFile, fileUseCase, {
-            stateless: true
-          });
+          return (0, _.useUseCase)(defaultFile, fileUseCase, _UseCaseModes.UseCaseModes.Stateless);
         }),
         result = _renderHook13.result;
       var cores = result.current;
@@ -1465,242 +1461,61 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         oldValue: EXT_1
       });
     });
-  });
-  (0, _globals.describe)('`useUseCase` should work with 1+ arguments on non-entity mode', function () {
-    (0, _globals.test)('`entity` should equal `defaultFile`', function () {
-      var _renderHook25 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(mathUseCase);
-        }),
-        result = _renderHook25.result;
-      var reducers = result.current;
-      (0, _globals.expect)(Array.isArray(reducers)).toBe(false);
-    });
-    (0, _globals.test)('returned reducer should work', function () {
-      var _renderHook26 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(mathUseCase);
-        }),
-        result = _renderHook26.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 _renderHook27 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(mockUseCase);
-        }),
-        rerender = _renderHook27.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 _renderHook28 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(mockUseCase, {}, [1, 'x']);
-        }),
-        rerender = _renderHook28.rerender;
-      (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
-      rerender();
-      (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
-    });
-    (0, _globals.test)('`usecase` should be called if deps has changed', function () {
-      var i = 0;
-      var mockUseCase = _globals.jest.fn(mathUseCase);
-      var _renderHook29 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(mockUseCase, {}, [i++, 'x']);
-        }),
-        rerender = _renderHook29.rerender;
-      (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
-      rerender();
-      (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(2);
-    });
-    (0, _globals.test)('reducer call should not be cached if component is at rendering phase', function () {
-      var buttonText = 'button';
-      var CacheTestComponent = function CacheTestComponent() {
-        var _useUseCase16 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase16.subtraction;
-        var update = (0, _ahooks.useUpdate)();
-        var onClick = function onClick() {
-          update();
-        };
-        subtraction(5, 3);
-        return (0, _jsxRuntime.jsx)("button", {
-          onClick: onClick,
-          children: buttonText
-        });
+    (0, _globals.test)('multiple `Provider` should work', function () {
+      var onNumberMount = _globals.jest.fn();
+      var onStringMount = _globals.jest.fn();
+      var onBooleanMount = _globals.jest.fn();
+      var numberUseCase = function numberUseCase() {
+        return (0, _usecases.objectUseCase)();
       };
-      (0, _react.render)((0, _jsxRuntime.jsx)(CacheTestComponent, {}));
-      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 3);
-      (0, _globals.expect)(subtractionReducer).toHaveReturnedWith(2);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
-      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
-      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(3);
-    });
-    (0, _globals.test)('reducer call should not be cached if component is not at rendering phase', function () {
-      var buttonText = 'button';
-      var CacheTestComponent = function CacheTestComponent() {
-        var _useUseCase17 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase17.subtraction;
-        var onClick = function onClick() {
-          subtraction(5, 3);
-        };
+      var stringUseCase = function stringUseCase() {
+        return (0, _usecases.objectUseCase)();
+      };
+      var booleanUseCase = function booleanUseCase() {
+        return (0, _usecases.objectUseCase)();
+      };
+      var TestChildComponent = function TestChildComponent() {
+        var _useUseCase16 = (0, _.useUseCase)(numberUseCase),
+          _useUseCase17 = (0, _slicedToArray2["default"])(_useUseCase16, 1),
+          numberValue = _useUseCase17[0];
+        var _useUseCase18 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase19 = (0, _slicedToArray2["default"])(_useUseCase18, 1),
+          stringValue = _useUseCase19[0];
+        var _useUseCase20 = (0, _.useUseCase)(booleanUseCase),
+          _useUseCase21 = (0, _slicedToArray2["default"])(_useUseCase20, 1),
+          booleanValue = _useUseCase21[0];
         (0, _ahooks.useMount)(function () {
-          subtraction(5, 3);
-          subtraction(5, 3);
-        });
-        return (0, _jsxRuntime.jsx)("button", {
-          onClick: onClick,
-          children: buttonText
+          onNumberMount(numberValue);
+          onStringMount(stringValue);
+          onBooleanMount(booleanValue);
         });
+        return null;
       };
-      (0, _react.render)((0, _jsxRuntime.jsx)(CacheTestComponent, {}));
-      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
-      (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(1, 5, 3);
-      (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(1, 2);
-      (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(2, 5, 3);
-      (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(2, 2);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
-      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(3);
-      (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(3, 5, 3);
-      (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(3, 2);
-    });
-    (0, _globals.test)('reducer call should not be cached if parameters have changed', function () {
-      var count = 0;
-      var buttonText = 'button';
-      var StringUseCaseTestComponent = function StringUseCaseTestComponent() {
-        var _useUseCase18 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase18.subtraction;
-        var update = (0, _ahooks.useUpdate)();
-        subtraction(5, count++);
-        var onUpdate = function onUpdate() {
-          update();
-        };
-        return (0, _jsxRuntime.jsx)("div", {
-          children: (0, _jsxRuntime.jsx)("button", {
-            onClick: onUpdate,
-            children: buttonText
-          })
+      var TestParentComponent = function TestParentComponent() {
+        var _useUseCase22 = (0, _.useUseCase)(11, numberUseCase),
+          _useUseCase23 = (0, _slicedToArray2["default"])(_useUseCase22, 3),
+          NumberProvider = _useUseCase23[2];
+        var _useUseCase24 = (0, _.useUseCase)('hello', stringUseCase),
+          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 3),
+          StringProvider = _useUseCase25[2];
+        var _useUseCase26 = (0, _.useUseCase)(true, booleanUseCase),
+          _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 3),
+          BooleanProvider = _useUseCase27[2];
+        return (0, _jsxRuntime.jsx)(NumberProvider, {
+          "with": [StringProvider, BooleanProvider],
+          children: (0, _jsxRuntime.jsx)(TestChildComponent, {})
         });
       };
-      (0, _react.render)((0, _jsxRuntime.jsx)(StringUseCaseTestComponent, {}));
-      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 0);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
-      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
-      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 1);
-      (0, _globals.expect)(subtractionReducer).toHaveReturnedWith(4);
-    });
-    (0, _globals.test)('`options.extraValue` should be added after call `add` method', function () {
-      var _renderHook30 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(mathUseCase, {
-            extraValue: 5
-          });
-        }),
-        result = _renderHook30.result;
-      var reducers = result.current;
-      var add = reducers.add;
-      (0, _globals.expect)(add(1, 2)).toBe(8);
-    });
-    (0, _globals.test)('when `options` has changed, it should not trigger update', function () {
-      var onUpdate = _globals.jest.fn();
-      var onDeepUpdate = _globals.jest.fn();
-      var _renderHook31 = (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
-          });
-          (0, _ahooks.useUpdateEffect)(function () {
-            onUpdate();
-          }, [reducers]);
-          useDeepCompareUpdate(function () {
-            onDeepUpdate();
-          }, [reducers]);
-          return setExtraValue;
-        }),
-        result = _renderHook31.result;
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
-      (0, _react.act)(function () {
-        result.current(3);
-      });
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
-    });
-    (0, _globals.test)('when `deps` change, it should update reducers', function () {
-      var onUpdate = _globals.jest.fn();
-      var onDeepUpdate = _globals.jest.fn();
-      var _renderHook32 = (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]);
-          (0, _ahooks.useUpdateEffect)(function () {
-            onUpdate();
-          }, [reducers]);
-          useDeepCompareUpdate(function () {
-            onDeepUpdate();
-          }, [reducers]);
-          return setExtraValue;
-        }),
-        result = _renderHook32.result;
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
-      (0, _react.act)(function () {
-        result.current(3);
-      });
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(1);
-    });
-    (0, _globals.test)('empty `deps` should not update reducers', function () {
-      var onUpdate = _globals.jest.fn();
-      var onDeepUpdate = _globals.jest.fn();
-      var _renderHook33 = (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
-          }, []);
-          (0, _ahooks.useUpdateEffect)(function () {
-            onUpdate();
-          }, [reducers]);
-          useDeepCompareUpdate(function () {
-            onDeepUpdate();
-          }, [reducers]);
-          return setExtraValue;
-        }),
-        result = _renderHook33.result;
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
-      (0, _react.act)(function () {
-        result.current(3);
-      });
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
-    });
-    (0, _globals.test)('should not trigger update', function () {
-      var onUpdate = _globals.jest.fn();
-      (0, _react.render)((0, _jsxRuntime.jsx)(MathParent, {
-        onUpdate: onUpdate
-      }));
-      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _react.render)((0, _jsxRuntime.jsx)(TestParentComponent, {}));
+      (0, _globals.expect)(onNumberMount).toHaveBeenCalledWith(11);
+      (0, _globals.expect)(onStringMount).toHaveBeenCalledWith('hello');
+      (0, _globals.expect)(onBooleanMount).toHaveBeenCalledWith(true);
     });
   });
-  (0, _globals.describe)('`useUseCase` should work with 1+ arguments on context mode', function () {
-    (0, _globals.test)('should work within <Child /> which it is under <Parent />', function () {
-      var textPrefix = '>>';
-      var onUpdate = _globals.jest.fn();
+  (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) {
+      var onParentUpdate = _globals.jest.fn();
+      var onChildUpdate = _globals.jest.fn();
       var onPathChange = _globals.jest.fn();
       var onUndefinedEntity = _globals.jest.fn();
       var onSetPath = _globals.jest.fn(function () {
@@ -1708,10 +1523,11 @@ 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, {
-            textPrefix: textPrefix,
-            onUpdate: onUpdate,
+            onUpdate: onChildUpdate,
             onPathChange: onPathChange,
             onUndefinedEntity: onUndefinedEntity
           })
@@ -1719,14 +1535,66 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       }));
       _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
       (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onParentUpdate).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onChildUpdate).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onPathChange).toHaveBeenCalledWith(PATH_1);
-      _react.fireEvent.click(_react.screen.getByText(textPrefix + CHILD_BUTTON_TEXT));
+      _react.fireEvent.click(_react.screen.getByText(CHILD_BUTTON_TEXT));
       (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(2);
-      (0, _globals.expect)(onPathChange).toHaveBeenCalledWith('');
+      (0, _globals.expect)(onParentUpdate).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(onChildUpdate).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(onPathChange).toHaveBeenCalledWith(PATH_2);
       (0, _globals.expect)(onUndefinedEntity).toHaveBeenCalledTimes(0);
     });
+    _globals.test.each([_UseCaseModes.UseCaseModes.Stateless, _UseCaseModes.UseCaseModes.StatelessGlobal])('[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)('global mode should trigger Parent to update, but Child shoud not be updated', 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.Global,
+          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(1);
+      (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(2);
+      (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() {
@@ -1734,9 +1602,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var B = function B() {
-        var _useUseCase19 = (0, _.useUseCase)(defaultFile, mockUseCase),
-          _useUseCase20 = (0, _slicedToArray2["default"])(_useUseCase19, 3),
-          Provider = _useUseCase20[2];
+        var _useUseCase28 = (0, _.useUseCase)(defaultFile, mockUseCase),
+          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 3),
+          Provider = _useUseCase29[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1756,9 +1624,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase21 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase22 = (0, _slicedToArray2["default"])(_useUseCase21, 2),
-          add = _useUseCase22[1].add;
+        var _useUseCase30 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 2),
+          add = _useUseCase31[1].add;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -1770,9 +1638,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase23 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase24 = (0, _slicedToArray2["default"])(_useUseCase23, 3),
-          Provider = _useUseCase24[2];
+        var _useUseCase32 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 3),
+          Provider = _useUseCase33[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1796,9 +1664,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase25 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase26 = (0, _slicedToArray2["default"])(_useUseCase25, 2),
-          add = _useUseCase26[1].add;
+        var _useUseCase34 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 2),
+          add = _useUseCase35[1].add;
         var onClick = function onClick() {
           add('x');
         };
@@ -1812,9 +1680,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase27 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase28 = (0, _slicedToArray2["default"])(_useUseCase27, 3),
-          Provider = _useUseCase28[2];
+        var _useUseCase36 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 3),
+          Provider = _useUseCase37[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1842,11 +1710,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase29 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase30 = (0, _slicedToArray2["default"])(_useUseCase29, 2),
-          _useUseCase30$ = _useUseCase30[1],
-          add = _useUseCase30$.add,
-          setEntity = _useUseCase30$.setEntity;
+        var _useUseCase38 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 2),
+          _useUseCase39$ = _useUseCase39[1],
+          add = _useUseCase39$.add,
+          setEntity = _useUseCase39$.setEntity;
         var update = (0, _ahooks.useUpdate)();
         add(addedText);
         var onSet = function onSet() {
@@ -1866,9 +1734,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase31 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase32 = (0, _slicedToArray2["default"])(_useUseCase31, 3),
-          Provider = _useUseCase32[2];
+        var _useUseCase40 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 3),
+          Provider = _useUseCase41[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1902,12 +1770,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var B = function B() {
-        var _useUseCase33 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase42 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onParentPathChange
           }),
-          _useUseCase34 = (0, _slicedToArray2["default"])(_useUseCase33, 3),
-          setPath = _useUseCase34[1].setPath,
-          Provider = _useUseCase34[2];
+          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 3),
+          setPath = _useUseCase43[1].setPath,
+          Provider = _useUseCase43[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onChange = onSecondChange;
@@ -1969,12 +1837,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase35 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase44 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChangeC
           }),
-          _useUseCase36 = (0, _slicedToArray2["default"])(_useUseCase35, 3),
-          setPath = _useUseCase36[1].setPath,
-          Provider = _useUseCase36[2];
+          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 3),
+          setPath = _useUseCase45[1].setPath,
+          Provider = _useUseCase45[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -1995,4 +1863,235 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onChangeC).toHaveReturnedWith(3);
     });
   });
+  (0, _globals.describe)('`useUseCase` should work the same as `useReducers`', function () {
+    (0, _globals.test)('`entity` should equal `defaultFile`', function () {
+      var _renderHook25 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mathUseCase);
+        }),
+        result = _renderHook25.result;
+      var reducers = result.current;
+      (0, _globals.expect)(Array.isArray(reducers)).toBe(false);
+    });
+    (0, _globals.test)('returned reducer should work', function () {
+      var _renderHook26 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mathUseCase);
+        }),
+        result = _renderHook26.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 _renderHook27 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mockUseCase);
+        }),
+        rerender = _renderHook27.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 _renderHook28 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mockUseCase, {}, [1, 'x']);
+        }),
+        rerender = _renderHook28.rerender;
+      (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
+      rerender();
+      (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
+    });
+    (0, _globals.test)('`usecase` should be called if deps has changed', function () {
+      var i = 0;
+      var mockUseCase = _globals.jest.fn(mathUseCase);
+      var _renderHook29 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mockUseCase, {}, [i++, 'x']);
+        }),
+        rerender = _renderHook29.rerender;
+      (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
+      rerender();
+      (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(2);
+    });
+    (0, _globals.test)('reducer call should not be cached if component is at rendering phase', function () {
+      var buttonText = 'button';
+      var CacheTestComponent = function CacheTestComponent() {
+        var _useUseCase46 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase46.subtraction;
+        var update = (0, _ahooks.useUpdate)();
+        var onClick = function onClick() {
+          update();
+        };
+        subtraction(5, 3);
+        return (0, _jsxRuntime.jsx)("button", {
+          onClick: onClick,
+          children: buttonText
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(CacheTestComponent, {}));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 3);
+      (0, _globals.expect)(subtractionReducer).toHaveReturnedWith(2);
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(3);
+    });
+    (0, _globals.test)('reducer call should not be cached if component is not at rendering phase', function () {
+      var buttonText = 'button';
+      var CacheTestComponent = function CacheTestComponent() {
+        var _useUseCase47 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase47.subtraction;
+        var onClick = function onClick() {
+          subtraction(5, 3);
+        };
+        (0, _ahooks.useMount)(function () {
+          subtraction(5, 3);
+          subtraction(5, 3);
+        });
+        return (0, _jsxRuntime.jsx)("button", {
+          onClick: onClick,
+          children: buttonText
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(CacheTestComponent, {}));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(1, 5, 3);
+      (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(1, 2);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(2, 5, 3);
+      (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(2, 2);
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(3);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(3, 5, 3);
+      (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(3, 2);
+    });
+    (0, _globals.test)('reducer call should not be cached if parameters have changed', function () {
+      var count = 0;
+      var buttonText = 'button';
+      var StringUseCaseTestComponent = function StringUseCaseTestComponent() {
+        var _useUseCase48 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase48.subtraction;
+        var update = (0, _ahooks.useUpdate)();
+        subtraction(5, count++);
+        var onUpdate = function onUpdate() {
+          update();
+        };
+        return (0, _jsxRuntime.jsx)("div", {
+          children: (0, _jsxRuntime.jsx)("button", {
+            onClick: onUpdate,
+            children: buttonText
+          })
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(StringUseCaseTestComponent, {}));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 0);
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 1);
+      (0, _globals.expect)(subtractionReducer).toHaveReturnedWith(4);
+    });
+    (0, _globals.test)('`options.extraValue` should be added after call `add` method', function () {
+      var _renderHook30 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mathUseCase, {
+            extraValue: 5
+          });
+        }),
+        result = _renderHook30.result;
+      var reducers = result.current;
+      var add = reducers.add;
+      (0, _globals.expect)(add(1, 2)).toBe(8);
+    });
+    (0, _globals.test)('when `options` has changed, it should not trigger update', function () {
+      var onUpdate = _globals.jest.fn();
+      var onDeepUpdate = _globals.jest.fn();
+      var _renderHook31 = (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
+          });
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          }, [reducers]);
+          useDeepCompareUpdate(function () {
+            onDeepUpdate();
+          }, [reducers]);
+          return setExtraValue;
+        }),
+        result = _renderHook31.result;
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        result.current(3);
+      });
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+    });
+    (0, _globals.test)('when `deps` change, it should update reducers', function () {
+      var onUpdate = _globals.jest.fn();
+      var onDeepUpdate = _globals.jest.fn();
+      var _renderHook32 = (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]);
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          }, [reducers]);
+          useDeepCompareUpdate(function () {
+            onDeepUpdate();
+          }, [reducers]);
+          return setExtraValue;
+        }),
+        result = _renderHook32.result;
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        result.current(3);
+      });
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(1);
+    });
+    (0, _globals.test)('empty `deps` should not update reducers', function () {
+      var onUpdate = _globals.jest.fn();
+      var onDeepUpdate = _globals.jest.fn();
+      var _renderHook33 = (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
+          }, []);
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          }, [reducers]);
+          useDeepCompareUpdate(function () {
+            onDeepUpdate();
+          }, [reducers]);
+          return setExtraValue;
+        }),
+        result = _renderHook33.result;
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        result.current(3);
+      });
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+    });
+    (0, _globals.test)('should not trigger update', function () {
+      var onUpdate = _globals.jest.fn();
+      (0, _react.render)((0, _jsxRuntime.jsx)(MathParent, {
+        onUpdate: onUpdate
+      }));
+      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+    });
+  });
 });