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

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

@@ -40,6 +40,7 @@ var fileUseCase = function fileUseCase() {
   var entityReducers = (0, _usecases.entityUseCase)();
   var _options$pathPrefix = options.pathPrefix,
     pathPrefix = _options$pathPrefix === void 0 ? '' : _options$pathPrefix,
+    onReadFile = options.onReadFile,
     onPathChange = options.onPathChange;
   var init = function init(entity) {
     var newEntity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultFile;
@@ -80,11 +81,11 @@ var fileUseCase = function fileUseCase() {
   });
   var readFile = /*#__PURE__*/function () {
     var _ref8 = (0, _wrapAsyncGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(entity, path) {
-      var size;
+      var _onReadFile, size;
       return _regenerator["default"].wrap(function (_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            size = 2000;
+            size = (_onReadFile = onReadFile === null || onReadFile === void 0 ? void 0 : onReadFile(path)) !== null && _onReadFile !== void 0 ? _onReadFile : 2000;
             return _context5.delegateYield((0, _asyncGeneratorDelegate2["default"])(_asyncIterator(setPath(entity, path)), _awaitAsyncGenerator2["default"]), "t0", 1);
           case 1:
             _context5.next = 2;
@@ -1053,7 +1054,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       _dom.fireEvent.click(_dom.screen.getByText(updateButtonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
     });
-    (0, _globals.test)('`options.onChange` should be trigger when entity has changed', function () {
+    (0, _globals.test)('`options.onChange` should be triggered when entity has changed', function () {
       var onChange = _globals.jest.fn();
       var _renderHook23 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
@@ -1236,6 +1237,64 @@ 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();
@@ -1263,7 +1322,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onPathChange2).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onPathChange2).toHaveBeenLastCalledWith(PATH_2, PATH_1);
     });
-    (0, _globals.test)('`options.watch` should be trigger after entity changed', function () {
+    (0, _globals.test)('`options.watch` should be triggered after entity changed', function () {
       var onPathChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
       var _renderHook30 = (0, _react.renderHook)(function () {
@@ -1295,7 +1354,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         oldValue: ''
       });
     });
-    (0, _globals.test)('`options.watch` should be trigger after update entity by entity initializer', function () {
+    (0, _globals.test)('`options.watch` should be triggered after update entity by entity initializer', function () {
       var onPathChange = _globals.jest.fn();
       var _renderHook31 = (0, _react.renderHook)(function () {
           var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
@@ -1340,7 +1399,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         oldValue: PATH_1
       });
     });
-    (0, _globals.test)('`options.watch` should be trigger after update entity by entity initializer at child component', function () {
+    (0, _globals.test)('`options.watch` should be triggered after update entity by entity initializer at child component', function () {
       var onPathChange = _globals.jest.fn();
       var TestChild = function TestChild() {
         (0, _.useUseCase)(fileUseCase, {
@@ -1353,14 +1412,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var TestParent = function TestParent(_ref5) {
         var file = _ref5.file;
         var path = file.path;
-        var _useUseCase10 = (0, _.useUseCase)(function () {
+        var _useUseCase12 = (0, _.useUseCase)(function () {
             var currentFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
             return _objectSpread(_objectSpread({}, currentFile), {}, {
               path: path
             });
           }, fileUseCase, {}, [path]),
-          _useUseCase11 = (0, _slicedToArray2["default"])(_useUseCase10, 3),
-          Provider = _useUseCase11[2];
+          _useUseCase13 = (0, _slicedToArray2["default"])(_useUseCase12, 3),
+          Provider = _useUseCase13[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(TestChild, {})
         });
@@ -1990,15 +2049,15 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _usecases.entityUseCase)();
       };
       var TestChildComponent = function TestChildComponent() {
-        var _useUseCase12 = (0, _.useUseCase)(numberUseCase),
-          _useUseCase13 = (0, _slicedToArray2["default"])(_useUseCase12, 1),
-          numberValue = _useUseCase13[0];
-        var _useUseCase14 = (0, _.useUseCase)(stringUseCase),
+        var _useUseCase14 = (0, _.useUseCase)(numberUseCase),
           _useUseCase15 = (0, _slicedToArray2["default"])(_useUseCase14, 1),
-          stringValue = _useUseCase15[0];
-        var _useUseCase16 = (0, _.useUseCase)(booleanUseCase),
+          numberValue = _useUseCase15[0];
+        var _useUseCase16 = (0, _.useUseCase)(stringUseCase),
           _useUseCase17 = (0, _slicedToArray2["default"])(_useUseCase16, 1),
-          booleanValue = _useUseCase17[0];
+          stringValue = _useUseCase17[0];
+        var _useUseCase18 = (0, _.useUseCase)(booleanUseCase),
+          _useUseCase19 = (0, _slicedToArray2["default"])(_useUseCase18, 1),
+          booleanValue = _useUseCase19[0];
         (0, _ahooks.useMount)(function () {
           onNumberMount(numberValue);
           onStringMount(stringValue);
@@ -2007,15 +2066,15 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return null;
       };
       var TestParentComponent = function TestParentComponent() {
-        var _useUseCase18 = (0, _.useUseCase)(11, numberUseCase),
-          _useUseCase19 = (0, _slicedToArray2["default"])(_useUseCase18, 3),
-          NumberProvider = _useUseCase19[2];
-        var _useUseCase20 = (0, _.useUseCase)('hello', stringUseCase),
+        var _useUseCase20 = (0, _.useUseCase)(11, numberUseCase),
           _useUseCase21 = (0, _slicedToArray2["default"])(_useUseCase20, 3),
-          StringProvider = _useUseCase21[2];
-        var _useUseCase22 = (0, _.useUseCase)(true, booleanUseCase),
+          NumberProvider = _useUseCase21[2];
+        var _useUseCase22 = (0, _.useUseCase)('hello', stringUseCase),
           _useUseCase23 = (0, _slicedToArray2["default"])(_useUseCase22, 3),
-          BooleanProvider = _useUseCase23[2];
+          StringProvider = _useUseCase23[2];
+        var _useUseCase24 = (0, _.useUseCase)(true, booleanUseCase),
+          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 3),
+          BooleanProvider = _useUseCase25[2];
         return (0, _jsxRuntime.jsx)(NumberProvider, {
           "with": [StringProvider, BooleanProvider],
           children: (0, _jsxRuntime.jsx)(TestChildComponent, {})
@@ -2031,15 +2090,16 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         void entity;
       });
       var testUseCase = function testUseCase() {
-        var lifecycleReducers = (0, _lifecycleUseCase.lifecycleUseCase)({
+        var entityReducers = (0, _usecases.entityUseCase)();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
           onBind: onBind
         });
-        return _objectSpread({}, lifecycleReducers);
+        return _objectSpread({}, entityReducers);
       };
       (0, _react.renderHook)(function () {
-        var _useUseCase24 = (0, _.useUseCase)(5, testUseCase),
-          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 2),
-          setEntity = _useUseCase25[1].setEntity;
+        var _useUseCase26 = (0, _.useUseCase)(5, testUseCase),
+          _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 2),
+          setEntity = _useUseCase27[1].setEntity;
         (0, _ahooks.useMount)(function () {
           setEntity(100);
         });
@@ -2053,10 +2113,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         void oldEntity;
       });
       var testUseCase = function testUseCase() {
-        var lifecycleReducers = (0, _lifecycleUseCase.lifecycleUseCase)({
+        var entityReducers = (0, _usecases.entityUseCase)();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
           onChange: onChange
         });
-        return _objectSpread({}, lifecycleReducers);
+        return _objectSpread({}, entityReducers);
       };
       var _renderHook37 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(5, testUseCase);
@@ -2078,10 +2139,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         void oldEntity;
       });
       var testUseCase = function testUseCase() {
-        var lifecycleReducers = (0, _lifecycleUseCase.lifecycleUseCase)({
+        var entityReducers = (0, _usecases.entityUseCase)();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
           onUpdate: onUpdate
         });
-        return _objectSpread({}, lifecycleReducers);
+        return _objectSpread({}, entityReducers);
       };
       var _renderHook38 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(5, testUseCase);
@@ -2102,15 +2164,16 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         void entity;
       });
       var testUseCase = function testUseCase() {
-        var lifecycleReducers = (0, _lifecycleUseCase.lifecycleUseCase)({
+        var entityReducers = (0, _usecases.entityUseCase)();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
           onUnbind: onUnbind
         });
-        return _objectSpread({}, lifecycleReducers);
+        return _objectSpread({}, entityReducers);
       };
       var _renderHook39 = (0, _react.renderHook)(function () {
-          var _useUseCase26 = (0, _.useUseCase)(5, testUseCase),
-            _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 2),
-            setEntity = _useUseCase27[1].setEntity;
+          var _useUseCase28 = (0, _.useUseCase)(5, testUseCase),
+            _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 2),
+            setEntity = _useUseCase29[1].setEntity;
           (0, _ahooks.useMount)(function () {
             setEntity(100);
           });
@@ -2121,6 +2184,62 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onUnbind).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onUnbind).toHaveBeenCalledWith(100);
     });
+    (0, _globals.test)('`onAdopt` event should be called when entity change', function () {
+      var onAdopt = _globals.jest.fn(function (newEntity, oldeEntity) {
+        void newEntity;
+        void oldeEntity;
+      });
+      var testUseCase = function testUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
+          onAdopt: onAdopt
+        });
+        return _objectSpread({}, entityReducers);
+      };
+      var _renderHook40 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(5, testUseCase);
+        }),
+        result = _renderHook40.result;
+      var current = result.current;
+      var _current0 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current0[1].setEntity;
+      (0, _globals.expect)(onAdopt).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onAdopt).toHaveBeenCalledWith(5);
+      (0, _react.act)(function () {
+        setEntity(100);
+      });
+      (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 () {
+      var onDiscard = _globals.jest.fn(function (entity) {
+        void entity;
+      });
+      var testUseCase = function testUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
+          onDiscard: onDiscard
+        });
+        return _objectSpread({}, entityReducers);
+      };
+      var _renderHook41 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(5, testUseCase);
+        }),
+        result = _renderHook41.result,
+        unmount = _renderHook41.unmount;
+      var current = result.current;
+      var _current1 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current1[1].setEntity;
+      (0, _globals.expect)(onDiscard).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        setEntity(100);
+      });
+      (0, _globals.expect)(onDiscard).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onDiscard).toHaveBeenCalledWith(5);
+      unmount();
+      (0, _globals.expect)(onDiscard).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(onDiscard).toHaveBeenCalledWith(100);
+    });
   });
   (0, _globals.describe)('`useUseCase` should work the same as `useContextualCoreCollection`', function () {
     (0, _globals.test)('Provider should be returned in child component', function () {
@@ -2137,13 +2256,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var TestParent = function TestParent() {
-        var _useUseCase28 = (0, _.useUseCase)(function () {
+        var _useUseCase30 = (0, _.useUseCase)(function () {
             return _objectSpread(_objectSpread({}, defaultFile), {}, {
               ext: EXT_1
             });
           }, fileUseCase),
-          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 3),
-          Provider = _useUseCase29[2];
+          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 3),
+          Provider = _useUseCase31[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(TestChild, {})
         });
@@ -2159,10 +2278,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onPopupFile = _globals.jest.fn();
       var buttonText = 'button';
       var Popup = function Popup() {
-        var _useUseCase30 = (0, _.useUseCase)(fileUseCase),
-          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 2),
-          file = _useUseCase31[0],
-          setEntity = _useUseCase31[1].setEntity;
+        var _useUseCase32 = (0, _.useUseCase)(fileUseCase),
+          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 2),
+          file = _useUseCase33[0],
+          setEntity = _useUseCase33[1].setEntity;
         var onClick = function onClick() {
           setEntity({
             ext: EXT_2
@@ -2177,24 +2296,24 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var TestChild = function TestChild() {
-        var _useUseCase32 = (0, _.useUseCase)(fileUseCase),
-          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 3),
-          Provider = _useUseCase33[2];
+        var _useUseCase34 = (0, _.useUseCase)(fileUseCase),
+          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 3),
+          Provider = _useUseCase35[2];
         return (0, _reactDom.createPortal)((0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(Popup, {})
         }), document.body);
       };
       var TestParent = function TestParent() {
-        var _useUseCase34 = (0, _.useUseCase)(function () {
+        var _useUseCase36 = (0, _.useUseCase)(function () {
             return _objectSpread(_objectSpread({}, defaultFile), {}, {
               ext: EXT_1
             });
           }, fileUseCase, {
             onChange: onChange
           }),
-          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 3),
-          file = _useUseCase35[0],
-          Provider = _useUseCase35[2];
+          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 3),
+          file = _useUseCase37[0],
+          Provider = _useUseCase37[2];
         (0, _react2.useEffect)(function () {
           onRootFile(file);
         }, [file]);
@@ -2255,9 +2374,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var B = function B() {
-        var _useUseCase36 = (0, _.useUseCase)(defaultFile, mockUseCase),
-          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 3),
-          Provider = _useUseCase37[2];
+        var _useUseCase38 = (0, _.useUseCase)(defaultFile, mockUseCase),
+          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 3),
+          Provider = _useUseCase39[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2277,9 +2396,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase38 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 2),
-          add = _useUseCase39[1].add;
+        var _useUseCase40 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 2),
+          add = _useUseCase41[1].add;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -2291,9 +2410,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase40 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 3),
-          Provider = _useUseCase41[2];
+        var _useUseCase42 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 3),
+          Provider = _useUseCase43[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2317,9 +2436,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase42 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 2),
-          add = _useUseCase43[1].add;
+        var _useUseCase44 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 2),
+          add = _useUseCase45[1].add;
         var onClick = function onClick() {
           add('x');
         };
@@ -2333,9 +2452,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase44 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 3),
-          Provider = _useUseCase45[2];
+        var _useUseCase46 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 3),
+          Provider = _useUseCase47[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2363,11 +2482,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase46 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 2),
-          _useUseCase47$ = _useUseCase47[1],
-          add = _useUseCase47$.add,
-          setEntity = _useUseCase47$.setEntity;
+        var _useUseCase48 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 2),
+          _useUseCase49$ = _useUseCase49[1],
+          add = _useUseCase49$.add,
+          setEntity = _useUseCase49$.setEntity;
         var update = (0, _ahooks.useUpdate)();
         add(addedText);
         var onSet = function onSet() {
@@ -2387,9 +2506,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase48 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 3),
-          Provider = _useUseCase49[2];
+        var _useUseCase50 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 3),
+          Provider = _useUseCase51[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2409,7 +2528,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       _dom.fireEvent.click(_dom.screen.getByText(updateButtonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
     });
-    (0, _globals.test)('`options.onChange` event should be trigger in orders', function () {
+    (0, _globals.test)('`options.onChange` event should be triggered in orders', function () {
       var changeTimes = 0;
       var updateChangeTimes = function updateChangeTimes() {
         return ++changeTimes;
@@ -2434,12 +2553,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase50 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase52 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChangeC
           }),
-          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 3),
-          setPath = _useUseCase51[1].setPath,
-          Provider = _useUseCase51[2];
+          _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 3),
+          setPath = _useUseCase53[1].setPath,
+          Provider = _useUseCase53[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2466,11 +2585,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase52 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase54 = (0, _.useUseCase)(fileUseCase, {
             onChange: onChange
           }),
-          _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 2),
-          setPath = _useUseCase53[1].setPath;
+          _useUseCase55 = (0, _slicedToArray2["default"])(_useUseCase54, 2),
+          setPath = _useUseCase55[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onChange = onSecondChange;
@@ -2489,9 +2608,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase54 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase55 = (0, _slicedToArray2["default"])(_useUseCase54, 3),
-          Provider = _useUseCase55[2];
+        var _useUseCase56 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase57 = (0, _slicedToArray2["default"])(_useUseCase56, 3),
+          Provider = _useUseCase57[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2509,17 +2628,93 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         path: PATH_1
       }));
     });
-    (0, _globals.test)('`options.watch` should be trigger at child elements', function () {
+    (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 _useUseCase56 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase62 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase57 = (0, _slicedToArray2["default"])(_useUseCase56, 2),
-          setPath = _useUseCase57[1].setPath;
+          _useUseCase63 = (0, _slicedToArray2["default"])(_useUseCase62, 2),
+          setPath = _useUseCase63[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2529,9 +2724,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase58 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
-          _useUseCase59 = (0, _slicedToArray2["default"])(_useUseCase58, 3),
-          Provider = _useUseCase59[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, {})
         });
@@ -2551,7 +2746,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         oldValue: ''
       });
     });
-    (0, _globals.test)('`options.watch` should be trigger in orders', function () {
+    (0, _globals.test)('`options.watch` should be triggered in orders', function () {
       var changeTimes = 0;
       var updateChangeTimes = function updateChangeTimes(e) {
         void e;
@@ -2581,14 +2776,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase60 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase66 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               ext: onChangeC
             }
           }),
-          _useUseCase61 = (0, _slicedToArray2["default"])(_useUseCase60, 3),
-          setPath = _useUseCase61[1].setPath,
-          Provider = _useUseCase61[2];
+          _useUseCase67 = (0, _slicedToArray2["default"])(_useUseCase66, 3),
+          setPath = _useUseCase67[1].setPath,
+          Provider = _useUseCase67[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2615,13 +2810,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase62 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase68 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase63 = (0, _slicedToArray2["default"])(_useUseCase62, 2),
-          setPath = _useUseCase63[1].setPath;
+          _useUseCase69 = (0, _slicedToArray2["default"])(_useUseCase68, 2),
+          setPath = _useUseCase69[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onExtChange = onSecondExtChange;
@@ -2640,9 +2835,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 _useUseCase70 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase71 = (0, _slicedToArray2["default"])(_useUseCase70, 3),
+          Provider = _useUseCase71[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2669,38 +2864,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 _renderHook40 = (0, _react.renderHook)(function () {
+      var _renderHook42 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook40.result;
+        result = _renderHook42.result;
       var reducers = result.current;
       (0, _globals.expect)(Array.isArray(reducers)).toBe(false);
     });
     (0, _globals.test)('returned reducer should work', function () {
-      var _renderHook41 = (0, _react.renderHook)(function () {
+      var _renderHook43 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook41.result;
+        result = _renderHook43.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 _renderHook42 = (0, _react.renderHook)(function () {
+      var _renderHook44 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase);
         }),
-        rerender = _renderHook42.rerender;
+        rerender = _renderHook44.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 _renderHook43 = (0, _react.renderHook)(function () {
+      var _renderHook45 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [1, 'x']);
         }),
-        rerender = _renderHook43.rerender;
+        rerender = _renderHook45.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
@@ -2708,10 +2903,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 _renderHook44 = (0, _react.renderHook)(function () {
+      var _renderHook46 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [i++, 'x']);
         }),
-        rerender = _renderHook44.rerender;
+        rerender = _renderHook46.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(2);
@@ -2719,8 +2914,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 _useUseCase66 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase66.subtraction;
+        var _useUseCase72 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase72.subtraction;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -2743,8 +2938,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 _useUseCase67 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase67.subtraction;
+        var _useUseCase73 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase73.subtraction;
         var onClick = function onClick() {
           subtraction(5, 3);
         };
@@ -2772,8 +2967,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var count = 0;
       var buttonText = 'button';
       var StringUseCaseTestComponent = function StringUseCaseTestComponent() {
-        var _useUseCase68 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase68.subtraction;
+        var _useUseCase74 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase74.subtraction;
         var update = (0, _ahooks.useUpdate)();
         subtraction(5, count++);
         var onUpdate = function onUpdate() {
@@ -2795,12 +2990,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 _renderHook45 = (0, _react.renderHook)(function () {
+      var _renderHook47 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase, {
             extraValue: 5
           });
         }),
-        result = _renderHook45.result;
+        result = _renderHook47.result;
       var reducers = result.current;
       var add = reducers.add;
       (0, _globals.expect)(add(1, 2)).toBe(8);
@@ -2808,7 +3003,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 _renderHook46 = (0, _react.renderHook)(function () {
+      var _renderHook48 = (0, _react.renderHook)(function () {
           var _useState7 = (0, _react2.useState)(0),
             _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
             extraValue = _useState8[0],
@@ -2824,7 +3019,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook46.result;
+        result = _renderHook48.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2836,7 +3031,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 _renderHook47 = (0, _react.renderHook)(function () {
+      var _renderHook49 = (0, _react.renderHook)(function () {
           var _useState9 = (0, _react2.useState)(0),
             _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
             extraValue = _useState0[0],
@@ -2852,7 +3047,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook47.result;
+        result = _renderHook49.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2864,7 +3059,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 _renderHook48 = (0, _react.renderHook)(function () {
+      var _renderHook50 = (0, _react.renderHook)(function () {
           var _useState1 = (0, _react2.useState)(0),
             _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
             extraValue = _useState10[0],
@@ -2880,7 +3075,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook48.result;
+        result = _renderHook50.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {