@mic-rexjs/usecases-react 4.0.0-beta.0 → 4.0.0-beta.4

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

@@ -80,7 +80,7 @@ var fileUseCase = function fileUseCase() {
     }, setPath);
   });
   var readFile = /*#__PURE__*/function () {
-    var _ref8 = (0, _wrapAsyncGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(entity, path) {
+    var _ref9 = (0, _wrapAsyncGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(entity, path) {
       var _onReadFile, size;
       return _regenerator["default"].wrap(function (_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -106,7 +106,7 @@ var fileUseCase = function fileUseCase() {
       }, _callee2);
     }));
     return function readFile(_x, _x2) {
-      return _ref8.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   var isImage = function isImage(entity) {
@@ -405,7 +405,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
                       case 2:
                         _context8.next = 3;
                         return /*#__PURE__*/function () {
-                          var _ref0 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(currentEntity) {
+                          var _ref1 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(currentEntity) {
                             return _regenerator["default"].wrap(function (_context7) {
                               while (1) switch (_context7.prev = _context7.next) {
                                 case 0:
@@ -422,7 +422,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
                             }, _callee4);
                           }));
                           return function (_x3) {
-                            return _ref0.apply(this, arguments);
+                            return _ref1.apply(this, arguments);
                           };
                         }();
                       case 3:
@@ -1237,64 +1237,6 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
     });
-    (0, _globals.test)('event options should be triggered', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11() {
-      var readFilePromise, buttonText, onReadFile, onSizeChange, TestComponent;
-      return _regenerator["default"].wrap(function (_context14) {
-        while (1) switch (_context14.prev = _context14.next) {
-          case 0:
-            readFilePromise = null;
-            buttonText = 'my button';
-            onReadFile = _globals.jest.fn(function (path) {
-              void path;
-              return 1024;
-            });
-            onSizeChange = _globals.jest.fn();
-            TestComponent = function TestComponent() {
-              var _useUseCase10 = (0, _.useUseCase)(defaultFile, fileUseCase, {
-                  onReadFile: onReadFile
-                }),
-                _useUseCase11 = (0, _slicedToArray2["default"])(_useUseCase10, 2),
-                size = _useUseCase11[0].size,
-                readFile = _useUseCase11[1].readFile;
-              var onClick = function onClick() {
-                readFilePromise = readFile(PATH_1);
-              };
-              (0, _ahooks.useUpdateEffect)(function () {
-                onSizeChange(size);
-              }, [size]);
-              return (0, _jsxRuntime.jsx)("button", {
-                onClick: onClick,
-                children: buttonText
-              });
-            };
-            (0, _react.render)((0, _jsxRuntime.jsx)(TestComponent, {}));
-            (0, _globals.expect)(onReadFile).toHaveBeenCalledTimes(0);
-            (0, _globals.expect)(onSizeChange).toHaveBeenCalledTimes(0);
-            _context14.next = 1;
-            return (0, _react.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
-              return _regenerator["default"].wrap(function (_context13) {
-                while (1) switch (_context13.prev = _context13.next) {
-                  case 0:
-                    _dom.fireEvent.click(_dom.screen.getByText(buttonText));
-                    _context13.next = 1;
-                    return readFilePromise;
-                  case 1:
-                  case "end":
-                    return _context13.stop();
-                }
-              }, _callee10);
-            })));
-          case 1:
-            (0, _globals.expect)(onReadFile).toHaveBeenCalledTimes(1);
-            (0, _globals.expect)(onReadFile).toHaveBeenCalledWith(PATH_1);
-            (0, _globals.expect)(onSizeChange).toHaveBeenCalledTimes(1);
-            (0, _globals.expect)(onSizeChange).toHaveBeenCalledWith(1024);
-          case 2:
-          case "end":
-            return _context14.stop();
-        }
-      }, _callee11);
-    })));
     (0, _globals.test)("should call latest functions of usecase options even deps has not change", function () {
       var onPathChange1 = _globals.jest.fn();
       var onPathChange2 = _globals.jest.fn();
@@ -1412,14 +1354,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var TestParent = function TestParent(_ref5) {
         var file = _ref5.file;
         var path = file.path;
-        var _useUseCase12 = (0, _.useUseCase)(function () {
+        var _useUseCase10 = (0, _.useUseCase)(function () {
             var currentFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
             return _objectSpread(_objectSpread({}, currentFile), {}, {
               path: path
             });
           }, fileUseCase, {}, [path]),
-          _useUseCase13 = (0, _slicedToArray2["default"])(_useUseCase12, 3),
-          Provider = _useUseCase13[2];
+          _useUseCase11 = (0, _slicedToArray2["default"])(_useUseCase10, 3),
+          Provider = _useUseCase11[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(TestChild, {})
         });
@@ -2035,6 +1977,62 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         oldValue: EXT_1
       });
     });
+    _globals.test.only('`options.watch` should not trigger when entity changes between render and effect phase', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
+      var currentPath, currentSetPath, onPathChange, _renderHook37, result, current, _current8, setPath;
+      return _regenerator["default"].wrap(function (_context13) {
+        while (1) switch (_context13.prev = _context13.next) {
+          case 0:
+            currentPath = '';
+            currentSetPath = function currentSetPath(path) {
+              void path;
+            };
+            onPathChange = _globals.jest.fn();
+            _renderHook37 = (0, _react.renderHook)(function () {
+              var cp = currentPath;
+              var onEffect = (0, _ahooks.useMemoizedFn)(function () {
+                if (cp !== PATH_1) {
+                  return;
+                }
+                currentSetPath(PATH_2);
+              });
+              /**
+               * 这里一定要在 `useUseCase` 前面，因为 `jest` 的测试环境，`useEffect` 会在 `setTimeout(fn, 0)` 之前执行，
+               * 也就是 `useEffect` 不会存在异步的情况，但实际环境却存在 `useEffect` 是异步的情况，
+               * 比如在 `render` 阶段与 `useEffect` 阶段之间，`touchmove` 等事件会触发修改状态。
+               *
+               * 所以，我们在 `useUseCase` 之前使用 `useUpdateEffect`,
+               * 来模拟在 `useUseCase` 的 `render` 阶段与 `useEffect` 阶段之间运行的异步。
+               */
+              (0, _ahooks.useUpdateEffect)(function () {
+                if (cp !== PATH_1) {
+                  return;
+                }
+                onEffect();
+              }, [cp, onEffect]);
+              var core = (0, _.useUseCase)(defaultFile, fileUseCase, {
+                watch: {
+                  path: function path(_ref6) {
+                    var newValue = _ref6.newValue;
+                    currentPath = newValue;
+                    onPathChange(newValue);
+                  }
+                }
+              });
+              return core;
+            }), result = _renderHook37.result;
+            current = result.current;
+            _current8 = (0, _slicedToArray2["default"])(current, 2), setPath = _current8[1].setPath;
+            currentSetPath = setPath;
+            (0, _react.act)(function () {
+              setPath(PATH_1);
+            });
+            (0, _globals.expect)(onPathChange).toHaveBeenCalledTimes(2);
+          case 1:
+          case "end":
+            return _context13.stop();
+        }
+      }, _callee10);
+    })));
     (0, _globals.test)('multiple `Provider` should work', function () {
       var onNumberMount = _globals.jest.fn();
       var onStringMount = _globals.jest.fn();
@@ -2049,15 +2047,15 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _usecases.entityUseCase)();
       };
       var TestChildComponent = function TestChildComponent() {
-        var _useUseCase14 = (0, _.useUseCase)(numberUseCase),
+        var _useUseCase12 = (0, _.useUseCase)(numberUseCase),
+          _useUseCase13 = (0, _slicedToArray2["default"])(_useUseCase12, 1),
+          numberValue = _useUseCase13[0];
+        var _useUseCase14 = (0, _.useUseCase)(stringUseCase),
           _useUseCase15 = (0, _slicedToArray2["default"])(_useUseCase14, 1),
-          numberValue = _useUseCase15[0];
-        var _useUseCase16 = (0, _.useUseCase)(stringUseCase),
+          stringValue = _useUseCase15[0];
+        var _useUseCase16 = (0, _.useUseCase)(booleanUseCase),
           _useUseCase17 = (0, _slicedToArray2["default"])(_useUseCase16, 1),
-          stringValue = _useUseCase17[0];
-        var _useUseCase18 = (0, _.useUseCase)(booleanUseCase),
-          _useUseCase19 = (0, _slicedToArray2["default"])(_useUseCase18, 1),
-          booleanValue = _useUseCase19[0];
+          booleanValue = _useUseCase17[0];
         (0, _ahooks.useMount)(function () {
           onNumberMount(numberValue);
           onStringMount(stringValue);
@@ -2066,15 +2064,15 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return null;
       };
       var TestParentComponent = function TestParentComponent() {
-        var _useUseCase20 = (0, _.useUseCase)(11, numberUseCase),
+        var _useUseCase18 = (0, _.useUseCase)(11, numberUseCase),
+          _useUseCase19 = (0, _slicedToArray2["default"])(_useUseCase18, 3),
+          NumberProvider = _useUseCase19[2];
+        var _useUseCase20 = (0, _.useUseCase)('hello', stringUseCase),
           _useUseCase21 = (0, _slicedToArray2["default"])(_useUseCase20, 3),
-          NumberProvider = _useUseCase21[2];
-        var _useUseCase22 = (0, _.useUseCase)('hello', stringUseCase),
+          StringProvider = _useUseCase21[2];
+        var _useUseCase22 = (0, _.useUseCase)(true, booleanUseCase),
           _useUseCase23 = (0, _slicedToArray2["default"])(_useUseCase22, 3),
-          StringProvider = _useUseCase23[2];
-        var _useUseCase24 = (0, _.useUseCase)(true, booleanUseCase),
-          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 3),
-          BooleanProvider = _useUseCase25[2];
+          BooleanProvider = _useUseCase23[2];
         return (0, _jsxRuntime.jsx)(NumberProvider, {
           "with": [StringProvider, BooleanProvider],
           children: (0, _jsxRuntime.jsx)(TestChildComponent, {})
@@ -2085,7 +2083,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onStringMount).toHaveBeenCalledWith('hello');
       (0, _globals.expect)(onBooleanMount).toHaveBeenCalledWith(true);
     });
-    (0, _globals.test)('`onBind` event should be called when component mount', function () {
+    (0, _globals.test)('Lifecycle `onBind` event should be called when component mount', function () {
       var onBind = _globals.jest.fn(function (entity) {
         void entity;
       });
@@ -2097,9 +2095,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return _objectSpread({}, entityReducers);
       };
       (0, _react.renderHook)(function () {
-        var _useUseCase26 = (0, _.useUseCase)(5, testUseCase),
-          _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 2),
-          setEntity = _useUseCase27[1].setEntity;
+        var _useUseCase24 = (0, _.useUseCase)(5, testUseCase),
+          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 2),
+          setEntity = _useUseCase25[1].setEntity;
         (0, _ahooks.useMount)(function () {
           setEntity(100);
         });
@@ -2107,7 +2105,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onBind).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onBind).toHaveBeenCalledWith(5);
     });
-    (0, _globals.test)('`onChange` event should be called when entity change', function () {
+    (0, _globals.test)('Lifecycle `onChange` event should be called when entity change', function () {
       var onChange = _globals.jest.fn(function (newEntity, oldEntity) {
         void newEntity;
         void oldEntity;
@@ -2119,13 +2117,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
         return _objectSpread({}, entityReducers);
       };
-      var _renderHook37 = (0, _react.renderHook)(function () {
+      var _renderHook38 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(5, testUseCase);
         }),
-        result = _renderHook37.result;
+        result = _renderHook38.result;
       var current = result.current;
-      var _current8 = (0, _slicedToArray2["default"])(current, 2),
-        setEntity = _current8[1].setEntity;
+      var _current9 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current9[1].setEntity;
       (0, _globals.expect)(onChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setEntity(100);
@@ -2133,7 +2131,193 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onChange).toHaveBeenCalledWith(100, 5);
     });
-    (0, _globals.test)('`onUpdate` event should be called when entity change', function () {
+    (0, _globals.test)('Lifecycle `onChange` event should support returning a boolean to control whether the component updates', function () {
+      var i = 0;
+      var onChange = _globals.jest.fn(function (newEntity, oldEntity) {
+        void newEntity;
+        void oldEntity;
+        return i++ === 0;
+      });
+      var onRenderHook = _globals.jest.fn();
+      var testUseCase = function testUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
+          onChange: onChange
+        });
+        return _objectSpread({}, entityReducers);
+      };
+      var _renderHook39 = (0, _react.renderHook)(function () {
+          var core = (0, _.useUseCase)(5, testUseCase);
+          var _core = (0, _slicedToArray2["default"])(core, 1),
+            value = _core[0];
+          onRenderHook(value);
+          return core;
+        }),
+        result = _renderHook39.result;
+      var current = result.current;
+      var _current0 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current0[1].setEntity;
+      (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onRenderHook).toHaveBeenLastCalledWith(5);
+      (0, _react.act)(function () {
+        setEntity(100);
+      });
+      (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(1);
+      (0, _react.act)(function () {
+        setEntity(200);
+      });
+      (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(onRenderHook).toHaveBeenLastCalledWith(200);
+    });
+    (0, _globals.test)('Lifecycle `onChange` event should support returning a Promise<boolean> to control whether the component updates', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13() {
+      var i, promise, onChange, onRenderHook, testUseCase, _renderHook40, result, current, _current1, setEntity;
+      return _regenerator["default"].wrap(function (_context16) {
+        while (1) switch (_context16.prev = _context16.next) {
+          case 0:
+            i = 0;
+            promise = null;
+            onChange = _globals.jest.fn(function (newEntity, oldEntity) {
+              void newEntity;
+              void oldEntity;
+              promise = new Promise(function (res) {
+                setTimeout(function () {
+                  res(i++ === 0);
+                }, 500);
+              });
+              return promise;
+            });
+            onRenderHook = _globals.jest.fn();
+            testUseCase = function testUseCase() {
+              var entityReducers = (0, _usecases.entityUseCase)();
+              (0, _lifecycleUseCase.lifecycleUseCase)({
+                onChange: onChange
+              });
+              return _objectSpread({}, entityReducers);
+            };
+            _renderHook40 = (0, _react.renderHook)(function () {
+              var core = (0, _.useUseCase)(5, testUseCase);
+              var _core2 = (0, _slicedToArray2["default"])(core, 1),
+                value = _core2[0];
+              onRenderHook(value);
+              return core;
+            }), result = _renderHook40.result;
+            current = result.current;
+            _current1 = (0, _slicedToArray2["default"])(current, 2), setEntity = _current1[1].setEntity;
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(1);
+            (0, _globals.expect)(onRenderHook).toHaveBeenLastCalledWith(5);
+            (0, _react.act)(function () {
+              setEntity(100);
+            });
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(1);
+            _context16.next = 1;
+            return (0, _react.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11() {
+              return _regenerator["default"].wrap(function (_context14) {
+                while (1) switch (_context14.prev = _context14.next) {
+                  case 0:
+                    _context14.next = 1;
+                    return Promise.resolve(promise);
+                  case 1:
+                  case "end":
+                    return _context14.stop();
+                }
+              }, _callee11);
+            })));
+          case 1:
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(1);
+            (0, _react.act)(function () {
+              setEntity(200);
+            });
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(1);
+            _context16.next = 2;
+            return (0, _react.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
+              return _regenerator["default"].wrap(function (_context15) {
+                while (1) switch (_context15.prev = _context15.next) {
+                  case 0:
+                    _context15.next = 1;
+                    return Promise.resolve(promise);
+                  case 1:
+                  case "end":
+                    return _context15.stop();
+                }
+              }, _callee12);
+            })));
+          case 2:
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(2);
+            (0, _globals.expect)(onRenderHook).toHaveBeenLastCalledWith(200);
+          case 3:
+          case "end":
+            return _context16.stop();
+        }
+      }, _callee13);
+    })));
+    (0, _globals.test)('Lifecycle `onChange` event should support returning a number to control whether the component updates', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14() {
+      var onChange, onRenderHook, testUseCase, _renderHook41, result, current, _current10, setEntity;
+      return _regenerator["default"].wrap(function (_context17) {
+        while (1) switch (_context17.prev = _context17.next) {
+          case 0:
+            onChange = _globals.jest.fn(function (newEntity, oldEntity) {
+              void newEntity;
+              void oldEntity;
+              return 500;
+            });
+            onRenderHook = _globals.jest.fn();
+            testUseCase = function testUseCase() {
+              var entityReducers = (0, _usecases.entityUseCase)();
+              (0, _lifecycleUseCase.lifecycleUseCase)({
+                onChange: onChange
+              });
+              return _objectSpread({}, entityReducers);
+            };
+            _renderHook41 = (0, _react.renderHook)(function () {
+              var core = (0, _.useUseCase)(5, testUseCase);
+              var _core3 = (0, _slicedToArray2["default"])(core, 1),
+                value = _core3[0];
+              onRenderHook(value);
+              return core;
+            }), result = _renderHook41.result;
+            current = result.current;
+            _current10 = (0, _slicedToArray2["default"])(current, 2), setEntity = _current10[1].setEntity;
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(1);
+            (0, _globals.expect)(onRenderHook).toHaveBeenLastCalledWith(5);
+            (0, _react.act)(function () {
+              setEntity(100);
+            });
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(2);
+            (0, _globals.expect)(onRenderHook).toHaveBeenLastCalledWith(100);
+            _context17.next = 1;
+            return (0, _react.act)(function () {
+              return new Promise(function (res) {
+                setEntity(200);
+                setTimeout(res, 100);
+              });
+            });
+          case 1:
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(2);
+            _context17.next = 2;
+            return (0, _react.act)(function () {
+              return new Promise(function (res) {
+                setEntity(300);
+                setTimeout(res, 100);
+              });
+            });
+          case 2:
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(2);
+            _context17.next = 3;
+            return (0, _react.act)(function () {
+              return new Promise(function (res) {
+                setTimeout(res, 500);
+              });
+            });
+          case 3:
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(3);
+            (0, _globals.expect)(onRenderHook).toHaveBeenLastCalledWith(300);
+          case 4:
+          case "end":
+            return _context17.stop();
+        }
+      }, _callee14);
+    })));
+    (0, _globals.test)('Lifecycle `onUpdate` event should be called when entity change', function () {
       var onUpdate = _globals.jest.fn(function (newEntity, oldEntity) {
         void newEntity;
         void oldEntity;
@@ -2145,13 +2329,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
         return _objectSpread({}, entityReducers);
       };
-      var _renderHook38 = (0, _react.renderHook)(function () {
+      var _renderHook42 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(5, testUseCase);
         }),
-        result = _renderHook38.result;
+        result = _renderHook42.result;
       var current = result.current;
-      var _current9 = (0, _slicedToArray2["default"])(current, 2),
-        setEntity = _current9[1].setEntity;
+      var _current11 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current11[1].setEntity;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setEntity(100);
@@ -2159,7 +2343,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onUpdate).toHaveBeenCalledWith(100, 5);
     });
-    (0, _globals.test)('`onUnbind` event should be called when component unmount', function () {
+    (0, _globals.test)('Lifecycle `onUnbind` event should be called when component unmount', function () {
       var onUnbind = _globals.jest.fn(function (entity) {
         void entity;
       });
@@ -2170,21 +2354,21 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
         return _objectSpread({}, entityReducers);
       };
-      var _renderHook39 = (0, _react.renderHook)(function () {
-          var _useUseCase28 = (0, _.useUseCase)(5, testUseCase),
-            _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 2),
-            setEntity = _useUseCase29[1].setEntity;
+      var _renderHook43 = (0, _react.renderHook)(function () {
+          var _useUseCase26 = (0, _.useUseCase)(5, testUseCase),
+            _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 2),
+            setEntity = _useUseCase27[1].setEntity;
           (0, _ahooks.useMount)(function () {
             setEntity(100);
           });
         }),
-        unmount = _renderHook39.unmount;
+        unmount = _renderHook43.unmount;
       (0, _globals.expect)(onUnbind).toHaveBeenCalledTimes(0);
       unmount();
       (0, _globals.expect)(onUnbind).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onUnbind).toHaveBeenCalledWith(100);
     });
-    (0, _globals.test)('`onAdopt` event should be called when entity change', function () {
+    (0, _globals.test)('Lifecycle `onAdopt` event should be called when entity change', function () {
       var onAdopt = _globals.jest.fn(function (newEntity, oldeEntity) {
         void newEntity;
         void oldeEntity;
@@ -2196,13 +2380,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
         return _objectSpread({}, entityReducers);
       };
-      var _renderHook40 = (0, _react.renderHook)(function () {
+      var _renderHook44 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(5, testUseCase);
         }),
-        result = _renderHook40.result;
+        result = _renderHook44.result;
       var current = result.current;
-      var _current0 = (0, _slicedToArray2["default"])(current, 2),
-        setEntity = _current0[1].setEntity;
+      var _current12 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current12[1].setEntity;
       (0, _globals.expect)(onAdopt).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onAdopt).toHaveBeenCalledWith(5);
       (0, _react.act)(function () {
@@ -2211,7 +2395,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onAdopt).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(onAdopt).toHaveBeenCalledWith(100, 5);
     });
-    (0, _globals.test)('`onDiscard` event should be called when component unmount', function () {
+    (0, _globals.test)('Lifecycle `onDiscard` event should be called when component unmount', function () {
       var onDiscard = _globals.jest.fn(function (entity) {
         void entity;
       });
@@ -2222,14 +2406,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
         return _objectSpread({}, entityReducers);
       };
-      var _renderHook41 = (0, _react.renderHook)(function () {
+      var _renderHook45 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(5, testUseCase);
         }),
-        result = _renderHook41.result,
-        unmount = _renderHook41.unmount;
+        result = _renderHook45.result,
+        unmount = _renderHook45.unmount;
       var current = result.current;
-      var _current1 = (0, _slicedToArray2["default"])(current, 2),
-        setEntity = _current1[1].setEntity;
+      var _current13 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current13[1].setEntity;
       (0, _globals.expect)(onDiscard).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setEntity(100);
@@ -2240,6 +2424,76 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onDiscard).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(onDiscard).toHaveBeenCalledWith(100);
     });
+    (0, _globals.test)('Should support call lifecycleUseCase at parent usecase and child usecase', function () {
+      var onParentBind = _globals.jest.fn(function (entity) {
+        void entity;
+      });
+      var onParentChange = _globals.jest.fn(function (newEntity, oldEntity) {
+        void newEntity;
+        void oldEntity;
+      });
+      var onParentUnbind = _globals.jest.fn(function (entity) {
+        void entity;
+      });
+      var onChildBind = _globals.jest.fn(function (entity) {
+        void entity;
+      });
+      var onChildChange = _globals.jest.fn(function (newEntity, oldEntity) {
+        void newEntity;
+        void oldEntity;
+      });
+      var onChildUnbind = _globals.jest.fn(function (entity) {
+        void entity;
+      });
+      var parentUseCase = function parentUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
+          onBind: onParentBind,
+          onUnbind: onParentUnbind,
+          onChange: onParentChange
+        });
+        return _objectSpread({}, entityReducers);
+      };
+      var childUseCase = function childUseCase() {
+        var parentReducers = parentUseCase();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
+          onBind: onChildBind,
+          onUnbind: onChildUnbind,
+          onChange: onChildChange
+        });
+        return _objectSpread({}, parentReducers);
+      };
+      var _renderHook46 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(5, childUseCase);
+        }),
+        result = _renderHook46.result,
+        unmount = _renderHook46.unmount;
+      var current = result.current;
+      var _current14 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current14[1].setEntity;
+      (0, _globals.expect)(onParentBind).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onParentBind).toHaveBeenCalledWith(5);
+      (0, _globals.expect)(onParentChange).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onChildBind).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onChildBind).toHaveBeenCalledWith(5);
+      (0, _globals.expect)(onChildChange).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        setEntity(100);
+      });
+      (0, _globals.expect)(onParentBind).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onParentChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onParentChange).toHaveBeenCalledWith(100, 5);
+      (0, _globals.expect)(onChildBind).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onChildChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onChildChange).toHaveBeenCalledWith(100, 5);
+      (0, _globals.expect)(onParentUnbind).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onChildUnbind).toHaveBeenCalledTimes(0);
+      unmount();
+      (0, _globals.expect)(onParentUnbind).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onParentUnbind).toHaveBeenCalledWith(100);
+      (0, _globals.expect)(onChildUnbind).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onChildUnbind).toHaveBeenCalledWith(100);
+    });
   });
   (0, _globals.describe)('`useUseCase` should work the same as `useContextualCoreCollection`', function () {
     (0, _globals.test)('Provider should be returned in child component', function () {
@@ -2247,22 +2501,22 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var TestChild = function TestChild() {
         var core = (0, _.useUseCase)(fileUseCase);
         var length = core.length;
-        var _core = (0, _slicedToArray2["default"])(core, 3),
-          file = _core[0],
-          Provider = _core[2];
+        var _core4 = (0, _slicedToArray2["default"])(core, 3),
+          file = _core4[0],
+          Provider = _core4[2];
         (0, _react2.useEffect)(function () {
           onCore(file, length, (0, _typeof2["default"])(Provider));
         });
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var TestParent = function TestParent() {
-        var _useUseCase30 = (0, _.useUseCase)(function () {
+        var _useUseCase28 = (0, _.useUseCase)(function () {
             return _objectSpread(_objectSpread({}, defaultFile), {}, {
               ext: EXT_1
             });
           }, fileUseCase),
-          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 3),
-          Provider = _useUseCase31[2];
+          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 3),
+          Provider = _useUseCase29[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(TestChild, {})
         });
@@ -2278,10 +2532,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onPopupFile = _globals.jest.fn();
       var buttonText = 'button';
       var Popup = function Popup() {
-        var _useUseCase32 = (0, _.useUseCase)(fileUseCase),
-          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 2),
-          file = _useUseCase33[0],
-          setEntity = _useUseCase33[1].setEntity;
+        var _useUseCase30 = (0, _.useUseCase)(fileUseCase),
+          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 2),
+          file = _useUseCase31[0],
+          setEntity = _useUseCase31[1].setEntity;
         var onClick = function onClick() {
           setEntity({
             ext: EXT_2
@@ -2296,24 +2550,24 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var TestChild = function TestChild() {
-        var _useUseCase34 = (0, _.useUseCase)(fileUseCase),
-          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 3),
-          Provider = _useUseCase35[2];
+        var _useUseCase32 = (0, _.useUseCase)(fileUseCase),
+          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 3),
+          Provider = _useUseCase33[2];
         return (0, _reactDom.createPortal)((0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(Popup, {})
         }), document.body);
       };
       var TestParent = function TestParent() {
-        var _useUseCase36 = (0, _.useUseCase)(function () {
+        var _useUseCase34 = (0, _.useUseCase)(function () {
             return _objectSpread(_objectSpread({}, defaultFile), {}, {
               ext: EXT_1
             });
           }, fileUseCase, {
             onChange: onChange
           }),
-          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 3),
-          file = _useUseCase37[0],
-          Provider = _useUseCase37[2];
+          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 3),
+          file = _useUseCase35[0],
+          Provider = _useUseCase35[2];
         (0, _react2.useEffect)(function () {
           onRootFile(file);
         }, [file]);
@@ -2374,9 +2628,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var B = function B() {
-        var _useUseCase38 = (0, _.useUseCase)(defaultFile, mockUseCase),
-          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 3),
-          Provider = _useUseCase39[2];
+        var _useUseCase36 = (0, _.useUseCase)(defaultFile, mockUseCase),
+          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 3),
+          Provider = _useUseCase37[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2396,9 +2650,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase40 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 2),
-          add = _useUseCase41[1].add;
+        var _useUseCase38 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 2),
+          add = _useUseCase39[1].add;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -2410,9 +2664,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase42 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 3),
-          Provider = _useUseCase43[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, {})
         });
@@ -2436,9 +2690,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase44 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 2),
-          add = _useUseCase45[1].add;
+        var _useUseCase42 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 2),
+          add = _useUseCase43[1].add;
         var onClick = function onClick() {
           add('x');
         };
@@ -2452,9 +2706,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase46 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 3),
-          Provider = _useUseCase47[2];
+        var _useUseCase44 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 3),
+          Provider = _useUseCase45[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2482,11 +2736,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase48 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 2),
-          _useUseCase49$ = _useUseCase49[1],
-          add = _useUseCase49$.add,
-          setEntity = _useUseCase49$.setEntity;
+        var _useUseCase46 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 2),
+          _useUseCase47$ = _useUseCase47[1],
+          add = _useUseCase47$.add,
+          setEntity = _useUseCase47$.setEntity;
         var update = (0, _ahooks.useUpdate)();
         add(addedText);
         var onSet = function onSet() {
@@ -2506,9 +2760,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase50 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 3),
-          Provider = _useUseCase51[2];
+        var _useUseCase48 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 3),
+          Provider = _useUseCase49[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2537,8 +2791,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onChangeB = _globals.jest.fn(updateChangeTimes);
       var onChangeC = _globals.jest.fn(updateChangeTimes);
       var buttonText = 'my button';
-      var A = function A(_ref6) {
-        var children = _ref6.children;
+      var A = function A(_ref7) {
+        var children = _ref7.children;
         (0, _.useUseCase)(fileUseCase, {
           onChange: onChangeA
         });
@@ -2553,12 +2807,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase52 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase50 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChangeC
           }),
-          _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 3),
-          setPath = _useUseCase53[1].setPath,
-          Provider = _useUseCase53[2];
+          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 3),
+          setPath = _useUseCase51[1].setPath,
+          Provider = _useUseCase51[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2585,11 +2839,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase54 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase52 = (0, _.useUseCase)(fileUseCase, {
             onChange: onChange
           }),
-          _useUseCase55 = (0, _slicedToArray2["default"])(_useUseCase54, 2),
-          setPath = _useUseCase55[1].setPath;
+          _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 2),
+          setPath = _useUseCase53[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onChange = onSecondChange;
@@ -2608,9 +2862,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase56 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase57 = (0, _slicedToArray2["default"])(_useUseCase56, 3),
-          Provider = _useUseCase57[2];
+        var _useUseCase54 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase55 = (0, _slicedToArray2["default"])(_useUseCase54, 3),
+          Provider = _useUseCase55[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2628,93 +2882,17 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         path: PATH_1
       }));
     });
-    (0, _globals.test)('event options should be triggered at child components', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13() {
-      var readFilePromise, buttonText, onReadFile1, onReadFile2, onSizeChange, A, B;
-      return _regenerator["default"].wrap(function (_context16) {
-        while (1) switch (_context16.prev = _context16.next) {
-          case 0:
-            readFilePromise = null;
-            buttonText = 'my button';
-            onReadFile1 = _globals.jest.fn(function (path) {
-              void path;
-              return 512;
-            });
-            onReadFile2 = _globals.jest.fn(function (path) {
-              void path;
-              return 1024;
-            });
-            onSizeChange = _globals.jest.fn();
-            A = function A() {
-              var _useUseCase58 = (0, _.useUseCase)(fileUseCase, {
-                  onReadFile: onReadFile1
-                }),
-                _useUseCase59 = (0, _slicedToArray2["default"])(_useUseCase58, 2),
-                size = _useUseCase59[0].size,
-                readFile = _useUseCase59[1].readFile;
-              var onClick = function onClick() {
-                readFilePromise = readFile(PATH_1);
-              };
-              (0, _ahooks.useUpdateEffect)(function () {
-                onSizeChange(size);
-              }, [size]);
-              return (0, _jsxRuntime.jsx)(_react2.Fragment, {
-                children: (0, _jsxRuntime.jsx)("button", {
-                  onClick: onClick,
-                  children: buttonText
-                })
-              });
-            };
-            B = function B() {
-              var _useUseCase60 = (0, _.useUseCase)(defaultFile, fileUseCase, {
-                  onReadFile: onReadFile2
-                }),
-                _useUseCase61 = (0, _slicedToArray2["default"])(_useUseCase60, 3),
-                Provider = _useUseCase61[2];
-              return (0, _jsxRuntime.jsx)(Provider, {
-                children: (0, _jsxRuntime.jsx)(A, {})
-              });
-            };
-            (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
-            (0, _globals.expect)(onReadFile1).toHaveBeenCalledTimes(0);
-            (0, _globals.expect)(onReadFile2).toHaveBeenCalledTimes(0);
-            _context16.next = 1;
-            return (0, _react.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
-              return _regenerator["default"].wrap(function (_context15) {
-                while (1) switch (_context15.prev = _context15.next) {
-                  case 0:
-                    _dom.fireEvent.click(_dom.screen.getByText(buttonText));
-                    _context15.next = 1;
-                    return readFilePromise;
-                  case 1:
-                  case "end":
-                    return _context15.stop();
-                }
-              }, _callee12);
-            })));
-          case 1:
-            (0, _globals.expect)(onReadFile1).toHaveBeenCalledTimes(1);
-            (0, _globals.expect)(onReadFile2).toHaveBeenCalledWith(PATH_1);
-            (0, _globals.expect)(onReadFile1).toHaveBeenCalledTimes(1);
-            (0, _globals.expect)(onReadFile2).toHaveBeenCalledWith(PATH_1);
-            (0, _globals.expect)(onSizeChange).toHaveBeenCalledTimes(1);
-            (0, _globals.expect)(onSizeChange).toHaveBeenCalledWith(1024);
-          case 2:
-          case "end":
-            return _context16.stop();
-        }
-      }, _callee13);
-    })));
     (0, _globals.test)('`options.watch` should be triggered at child components', function () {
       var onExtChange = _globals.jest.fn();
       var firstButtonText = 'first button';
       var A = function A() {
-        var _useUseCase62 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase56 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase63 = (0, _slicedToArray2["default"])(_useUseCase62, 2),
-          setPath = _useUseCase63[1].setPath;
+          _useUseCase57 = (0, _slicedToArray2["default"])(_useUseCase56, 2),
+          setPath = _useUseCase57[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2724,9 +2902,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase64 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
-          _useUseCase65 = (0, _slicedToArray2["default"])(_useUseCase64, 3),
-          Provider = _useUseCase65[2];
+        var _useUseCase58 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
+          _useUseCase59 = (0, _slicedToArray2["default"])(_useUseCase58, 3),
+          Provider = _useUseCase59[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2756,8 +2934,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onChangeB = _globals.jest.fn(updateChangeTimes);
       var onChangeC = _globals.jest.fn(updateChangeTimes);
       var buttonText = 'my button';
-      var A = function A(_ref7) {
-        var children = _ref7.children;
+      var A = function A(_ref8) {
+        var children = _ref8.children;
         (0, _.useUseCase)(fileUseCase, {
           watch: {
             ext: onChangeA
@@ -2776,14 +2954,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase66 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase60 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               ext: onChangeC
             }
           }),
-          _useUseCase67 = (0, _slicedToArray2["default"])(_useUseCase66, 3),
-          setPath = _useUseCase67[1].setPath,
-          Provider = _useUseCase67[2];
+          _useUseCase61 = (0, _slicedToArray2["default"])(_useUseCase60, 3),
+          setPath = _useUseCase61[1].setPath,
+          Provider = _useUseCase61[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2810,13 +2988,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase68 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase62 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase69 = (0, _slicedToArray2["default"])(_useUseCase68, 2),
-          setPath = _useUseCase69[1].setPath;
+          _useUseCase63 = (0, _slicedToArray2["default"])(_useUseCase62, 2),
+          setPath = _useUseCase63[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onExtChange = onSecondExtChange;
@@ -2835,9 +3013,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase70 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase71 = (0, _slicedToArray2["default"])(_useUseCase70, 3),
-          Provider = _useUseCase71[2];
+        var _useUseCase64 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase65 = (0, _slicedToArray2["default"])(_useUseCase64, 3),
+          Provider = _useUseCase65[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2864,38 +3042,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 _renderHook42 = (0, _react.renderHook)(function () {
+      var _renderHook47 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook42.result;
+        result = _renderHook47.result;
       var reducers = result.current;
       (0, _globals.expect)(Array.isArray(reducers)).toBe(false);
     });
     (0, _globals.test)('returned reducer should work', function () {
-      var _renderHook43 = (0, _react.renderHook)(function () {
+      var _renderHook48 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook43.result;
+        result = _renderHook48.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 _renderHook44 = (0, _react.renderHook)(function () {
+      var _renderHook49 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase);
         }),
-        rerender = _renderHook44.rerender;
+        rerender = _renderHook49.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 _renderHook45 = (0, _react.renderHook)(function () {
+      var _renderHook50 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [1, 'x']);
         }),
-        rerender = _renderHook45.rerender;
+        rerender = _renderHook50.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
@@ -2903,10 +3081,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 _renderHook46 = (0, _react.renderHook)(function () {
+      var _renderHook51 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [i++, 'x']);
         }),
-        rerender = _renderHook46.rerender;
+        rerender = _renderHook51.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(2);
@@ -2914,8 +3092,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('reducer call should not be cached if component is at rendering phase', function () {
       var buttonText = 'button';
       var CacheTestComponent = function CacheTestComponent() {
-        var _useUseCase72 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase72.subtraction;
+        var _useUseCase66 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase66.subtraction;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -2938,8 +3116,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (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 _useUseCase73 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase73.subtraction;
+        var _useUseCase67 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase67.subtraction;
         var onClick = function onClick() {
           subtraction(5, 3);
         };
@@ -2967,8 +3145,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var count = 0;
       var buttonText = 'button';
       var StringUseCaseTestComponent = function StringUseCaseTestComponent() {
-        var _useUseCase74 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase74.subtraction;
+        var _useUseCase68 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase68.subtraction;
         var update = (0, _ahooks.useUpdate)();
         subtraction(5, count++);
         var onUpdate = function onUpdate() {
@@ -2990,12 +3168,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 _renderHook47 = (0, _react.renderHook)(function () {
+      var _renderHook52 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase, {
             extraValue: 5
           });
         }),
-        result = _renderHook47.result;
+        result = _renderHook52.result;
       var reducers = result.current;
       var add = reducers.add;
       (0, _globals.expect)(add(1, 2)).toBe(8);
@@ -3003,7 +3181,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 _renderHook48 = (0, _react.renderHook)(function () {
+      var _renderHook53 = (0, _react.renderHook)(function () {
           var _useState7 = (0, _react2.useState)(0),
             _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
             extraValue = _useState8[0],
@@ -3019,7 +3197,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook48.result;
+        result = _renderHook53.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -3031,7 +3209,7 @@ 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 _renderHook49 = (0, _react.renderHook)(function () {
+      var _renderHook54 = (0, _react.renderHook)(function () {
           var _useState9 = (0, _react2.useState)(0),
             _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
             extraValue = _useState0[0],
@@ -3047,7 +3225,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook49.result;
+        result = _renderHook54.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -3059,7 +3237,7 @@ 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 _renderHook50 = (0, _react.renderHook)(function () {
+      var _renderHook55 = (0, _react.renderHook)(function () {
           var _useState1 = (0, _react2.useState)(0),
             _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
             extraValue = _useState10[0],
@@ -3075,7 +3253,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook50.result;
+        result = _renderHook55.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {