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

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

@@ -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, {})
         });
@@ -2049,15 +1991,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 +2008,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 +2027,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 +2039,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 +2049,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;
@@ -2133,25 +2075,211 @@ 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 () {
-      var onUpdate = _globals.jest.fn(function (newEntity, oldEntity) {
+    (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)({
-          onUpdate: onUpdate
+          onChange: onChange
         });
         return _objectSpread({}, entityReducers);
       };
       var _renderHook38 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(5, testUseCase);
+          var core = (0, _.useUseCase)(5, testUseCase);
+          var _core = (0, _slicedToArray2["default"])(core, 1),
+            value = _core[0];
+          onRenderHook(value);
+          return core;
         }),
         result = _renderHook38.result;
       var current = result.current;
       var _current9 = (0, _slicedToArray2["default"])(current, 2),
         setEntity = _current9[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 _callee12() {
+      var i, promise, onChange, onRenderHook, testUseCase, _renderHook39, result, current, _current0, setEntity;
+      return _regenerator["default"].wrap(function (_context15) {
+        while (1) switch (_context15.prev = _context15.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);
+            };
+            _renderHook39 = (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 = _renderHook39.result;
+            current = result.current;
+            _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);
+            _context15.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:
+                    _context13.next = 1;
+                    return Promise.resolve(promise);
+                  case 1:
+                  case "end":
+                    return _context13.stop();
+                }
+              }, _callee10);
+            })));
+          case 1:
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(1);
+            (0, _react.act)(function () {
+              setEntity(200);
+            });
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(1);
+            _context15.next = 2;
+            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 2:
+            (0, _globals.expect)(onRenderHook).toHaveBeenCalledTimes(2);
+            (0, _globals.expect)(onRenderHook).toHaveBeenLastCalledWith(200);
+          case 3:
+          case "end":
+            return _context15.stop();
+        }
+      }, _callee12);
+    })));
+    (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 _callee13() {
+      var onChange, onRenderHook, testUseCase, _renderHook40, result, current, _current1, setEntity;
+      return _regenerator["default"].wrap(function (_context16) {
+        while (1) switch (_context16.prev = _context16.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);
+            };
+            _renderHook40 = (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 = _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(2);
+            (0, _globals.expect)(onRenderHook).toHaveBeenLastCalledWith(100);
+            _context16.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);
+            _context16.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);
+            _context16.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 _context16.stop();
+        }
+      }, _callee13);
+    })));
+    (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;
+      });
+      var testUseCase = function testUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
+          onUpdate: onUpdate
+        });
+        return _objectSpread({}, entityReducers);
+      };
+      var _renderHook41 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(5, testUseCase);
+        }),
+        result = _renderHook41.result;
+      var current = result.current;
+      var _current10 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current10[1].setEntity;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setEntity(100);
@@ -2159,7 +2287,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 +2298,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 _renderHook42 = (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 = _renderHook42.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 +2324,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
         return _objectSpread({}, entityReducers);
       };
-      var _renderHook40 = (0, _react.renderHook)(function () {
+      var _renderHook43 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(5, testUseCase);
         }),
-        result = _renderHook40.result;
+        result = _renderHook43.result;
       var current = result.current;
-      var _current0 = (0, _slicedToArray2["default"])(current, 2),
-        setEntity = _current0[1].setEntity;
+      var _current11 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current11[1].setEntity;
       (0, _globals.expect)(onAdopt).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onAdopt).toHaveBeenCalledWith(5);
       (0, _react.act)(function () {
@@ -2211,7 +2339,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 +2350,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
         return _objectSpread({}, entityReducers);
       };
-      var _renderHook41 = (0, _react.renderHook)(function () {
+      var _renderHook44 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(5, testUseCase);
         }),
-        result = _renderHook41.result,
-        unmount = _renderHook41.unmount;
+        result = _renderHook44.result,
+        unmount = _renderHook44.unmount;
       var current = result.current;
-      var _current1 = (0, _slicedToArray2["default"])(current, 2),
-        setEntity = _current1[1].setEntity;
+      var _current12 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current12[1].setEntity;
       (0, _globals.expect)(onDiscard).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setEntity(100);
@@ -2240,6 +2368,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 _renderHook45 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(5, childUseCase);
+        }),
+        result = _renderHook45.result,
+        unmount = _renderHook45.unmount;
+      var current = result.current;
+      var _current13 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current13[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 +2445,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 +2476,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 +2494,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 +2572,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 +2594,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 +2608,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 +2634,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 +2650,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 +2680,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 +2704,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, {})
         });
@@ -2553,12 +2751,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 +2783,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 +2806,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 +2826,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 +2846,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, {})
         });
@@ -2776,14 +2898,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 +2932,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 +2957,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 +2986,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 _renderHook46 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook42.result;
+        result = _renderHook46.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 _renderHook47 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook43.result;
+        result = _renderHook47.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 _renderHook48 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase);
         }),
-        rerender = _renderHook44.rerender;
+        rerender = _renderHook48.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 _renderHook49 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [1, 'x']);
         }),
-        rerender = _renderHook45.rerender;
+        rerender = _renderHook49.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
@@ -2903,10 +3025,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 _renderHook50 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [i++, 'x']);
         }),
-        rerender = _renderHook46.rerender;
+        rerender = _renderHook50.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(2);
@@ -2914,8 +3036,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 +3060,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 +3089,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 +3112,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 _renderHook51 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase, {
             extraValue: 5
           });
         }),
-        result = _renderHook47.result;
+        result = _renderHook51.result;
       var reducers = result.current;
       var add = reducers.add;
       (0, _globals.expect)(add(1, 2)).toBe(8);
@@ -3003,7 +3125,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 _renderHook52 = (0, _react.renderHook)(function () {
           var _useState7 = (0, _react2.useState)(0),
             _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
             extraValue = _useState8[0],
@@ -3019,7 +3141,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook48.result;
+        result = _renderHook52.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -3031,7 +3153,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 _renderHook53 = (0, _react.renderHook)(function () {
           var _useState9 = (0, _react2.useState)(0),
             _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
             extraValue = _useState0[0],
@@ -3047,7 +3169,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook49.result;
+        result = _renderHook53.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -3059,7 +3181,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 _renderHook54 = (0, _react.renderHook)(function () {
           var _useState1 = (0, _react2.useState)(0),
             _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
             extraValue = _useState10[0],
@@ -3075,7 +3197,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook50.result;
+        result = _renderHook54.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {