@mic-rexjs/usecases-react 2.13.4 → 2.14.0

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

@@ -79,7 +79,7 @@ var fileUseCase = function fileUseCase() {
     }, setPath);
   });
   var readFile = /*#__PURE__*/function () {
-    var _ref7 = (0, _wrapAsyncGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(entity, path) {
+    var _ref8 = (0, _wrapAsyncGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(entity, path) {
       var size;
       return _regenerator["default"].wrap(function (_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -105,7 +105,7 @@ var fileUseCase = function fileUseCase() {
       }, _callee2);
     }));
     return function readFile(_x, _x2) {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
   var isImage = function isImage(entity) {
@@ -404,7 +404,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
                       case 2:
                         _context8.next = 3;
                         return /*#__PURE__*/function () {
-                          var _ref9 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(currentEntity) {
+                          var _ref0 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(currentEntity) {
                             return _regenerator["default"].wrap(function (_context7) {
                               while (1) switch (_context7.prev = _context7.next) {
                                 case 0:
@@ -421,7 +421,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
                             }, _callee4);
                           }));
                           return function (_x3) {
-                            return _ref9.apply(this, arguments);
+                            return _ref0.apply(this, arguments);
                           };
                         }();
                       case 3:
@@ -1255,6 +1255,72 @@ 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 () {
+      var onPathChange = _globals.jest.fn();
+      var TestChild = function TestChild() {
+        (0, _.useUseCase)(fileUseCase, {
+          watch: {
+            path: onPathChange
+          }
+        });
+        return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
+      };
+      var TestParent = function TestParent(_ref5) {
+        var file = _ref5.file;
+        var path = file.path;
+        var _useUseCase10 = (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];
+        return (0, _jsxRuntime.jsx)(Provider, {
+          children: (0, _jsxRuntime.jsx)(TestChild, {})
+        });
+      };
+      var _render = (0, _react.render)((0, _jsxRuntime.jsx)(TestParent, {
+          file: _objectSpread({}, defaultFile)
+        })),
+        rerender = _render.rerender;
+      (0, _globals.expect)(onPathChange).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        rerender((0, _jsxRuntime.jsx)(TestParent, {
+          file: _objectSpread(_objectSpread({}, defaultFile), {}, {
+            path: PATH_1
+          })
+        }));
+      });
+      (0, _globals.expect)(onPathChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onPathChange).toHaveBeenLastCalledWith({
+        fieldPaths: ['path'],
+        newEntity: _objectSpread(_objectSpread({}, defaultFile), {}, {
+          path: PATH_1
+        }),
+        oldEntity: defaultFile,
+        newValue: PATH_1,
+        oldValue: ''
+      });
+      (0, _react.act)(function () {
+        rerender((0, _jsxRuntime.jsx)(TestParent, {
+          file: _objectSpread(_objectSpread({}, defaultFile), {}, {
+            path: PATH_2
+          })
+        }));
+      });
+      (0, _globals.expect)(onPathChange).toHaveBeenLastCalledWith({
+        fieldPaths: ['path'],
+        newEntity: _objectSpread(_objectSpread({}, defaultFile), {}, {
+          path: PATH_2
+        }),
+        oldEntity: _objectSpread(_objectSpread({}, defaultFile), {}, {
+          path: PATH_1
+        }),
+        newValue: PATH_2,
+        oldValue: PATH_1
+      });
+    });
     (0, _globals.test)('`options.watch` should trigger the latest one', function () {
       var onPathChange1 = _globals.jest.fn();
       var onPathChange2 = _globals.jest.fn();
@@ -1615,13 +1681,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       });
     });
     (0, _globals.test)('`options.watch` should work with field path of array length', function () {
+      var defaultList = [];
       var onEntityLengthChange = _globals.jest.fn();
       var onListLengthChange = _globals.jest.fn();
       var lengthUseCase = function lengthUseCase() {
         return (0, _usecases.entityUseCase)();
       };
       var _renderHook32 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)([], lengthUseCase, {
+          return (0, _.useUseCase)(defaultList, lengthUseCase, {
             watch: {
               length: onEntityLengthChange,
               'list.length': onListLengthChange
@@ -1838,15 +1905,15 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _usecases.entityUseCase)();
       };
       var TestChildComponent = function TestChildComponent() {
-        var _useUseCase10 = (0, _.useUseCase)(numberUseCase),
-          _useUseCase11 = (0, _slicedToArray2["default"])(_useUseCase10, 1),
-          numberValue = _useUseCase11[0];
-        var _useUseCase12 = (0, _.useUseCase)(stringUseCase),
+        var _useUseCase12 = (0, _.useUseCase)(numberUseCase),
           _useUseCase13 = (0, _slicedToArray2["default"])(_useUseCase12, 1),
-          stringValue = _useUseCase13[0];
-        var _useUseCase14 = (0, _.useUseCase)(booleanUseCase),
+          numberValue = _useUseCase13[0];
+        var _useUseCase14 = (0, _.useUseCase)(stringUseCase),
           _useUseCase15 = (0, _slicedToArray2["default"])(_useUseCase14, 1),
-          booleanValue = _useUseCase15[0];
+          stringValue = _useUseCase15[0];
+        var _useUseCase16 = (0, _.useUseCase)(booleanUseCase),
+          _useUseCase17 = (0, _slicedToArray2["default"])(_useUseCase16, 1),
+          booleanValue = _useUseCase17[0];
         (0, _ahooks.useMount)(function () {
           onNumberMount(numberValue);
           onStringMount(stringValue);
@@ -1855,15 +1922,15 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return null;
       };
       var TestParentComponent = function TestParentComponent() {
-        var _useUseCase16 = (0, _.useUseCase)(11, numberUseCase),
-          _useUseCase17 = (0, _slicedToArray2["default"])(_useUseCase16, 3),
-          NumberProvider = _useUseCase17[2];
-        var _useUseCase18 = (0, _.useUseCase)('hello', stringUseCase),
+        var _useUseCase18 = (0, _.useUseCase)(11, numberUseCase),
           _useUseCase19 = (0, _slicedToArray2["default"])(_useUseCase18, 3),
-          StringProvider = _useUseCase19[2];
-        var _useUseCase20 = (0, _.useUseCase)(true, booleanUseCase),
+          NumberProvider = _useUseCase19[2];
+        var _useUseCase20 = (0, _.useUseCase)('hello', stringUseCase),
           _useUseCase21 = (0, _slicedToArray2["default"])(_useUseCase20, 3),
-          BooleanProvider = _useUseCase21[2];
+          StringProvider = _useUseCase21[2];
+        var _useUseCase22 = (0, _.useUseCase)(true, booleanUseCase),
+          _useUseCase23 = (0, _slicedToArray2["default"])(_useUseCase22, 3),
+          BooleanProvider = _useUseCase23[2];
         return (0, _jsxRuntime.jsx)(NumberProvider, {
           "with": [StringProvider, BooleanProvider],
           children: (0, _jsxRuntime.jsx)(TestChildComponent, {})
@@ -1874,6 +1941,51 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onStringMount).toHaveBeenCalledWith('hello');
       (0, _globals.expect)(onBooleanMount).toHaveBeenCalledWith(true);
     });
+    (0, _globals.test)('`bindEntity` should be called when component mount', function () {
+      var bindEntity = _globals.jest.fn(function (entity) {
+        void entity;
+      });
+      var testUseCase = function testUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        return _objectSpread(_objectSpread({}, entityReducers), {}, {
+          bindEntity: bindEntity
+        });
+      };
+      (0, _react.renderHook)(function () {
+        var _useUseCase24 = (0, _.useUseCase)(5, testUseCase),
+          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 2),
+          setEntity = _useUseCase25[1].setEntity;
+        (0, _ahooks.useMount)(function () {
+          setEntity(100);
+        });
+      });
+      (0, _globals.expect)(bindEntity).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(bindEntity).toHaveBeenCalledWith(5);
+    });
+    (0, _globals.test)('`unbindEntity` should be called when component unmount', function () {
+      var unbindEntity = _globals.jest.fn(function (entity) {
+        void entity;
+      });
+      var testUseCase = function testUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        return _objectSpread(_objectSpread({}, entityReducers), {}, {
+          unbindEntity: unbindEntity
+        });
+      };
+      var _renderHook35 = (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 = _renderHook35.unmount;
+      (0, _globals.expect)(unbindEntity).toHaveBeenCalledTimes(0);
+      unmount();
+      (0, _globals.expect)(unbindEntity).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(unbindEntity).toHaveBeenCalledWith(100);
+    });
   });
   (0, _globals.describe)('`useUseCase` should work the same as `useContextualCoreCollection`', function () {
     (0, _globals.test)('Provider should be returned in child component', function () {
@@ -1890,13 +2002,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var TestParent = function TestParent() {
-        var _useUseCase22 = (0, _.useUseCase)(function () {
+        var _useUseCase28 = (0, _.useUseCase)(function () {
             return _objectSpread(_objectSpread({}, defaultFile), {}, {
               ext: EXT_1
             });
           }, fileUseCase),
-          _useUseCase23 = (0, _slicedToArray2["default"])(_useUseCase22, 3),
-          Provider = _useUseCase23[2];
+          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 3),
+          Provider = _useUseCase29[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(TestChild, {})
         });
@@ -1912,10 +2024,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onPopupFile = _globals.jest.fn();
       var buttonText = 'button';
       var Popup = function Popup() {
-        var _useUseCase24 = (0, _.useUseCase)(fileUseCase),
-          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 2),
-          file = _useUseCase25[0],
-          setEntity = _useUseCase25[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
@@ -1930,24 +2042,24 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var TestChild = function TestChild() {
-        var _useUseCase26 = (0, _.useUseCase)(fileUseCase),
-          _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 3),
-          Provider = _useUseCase27[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 _useUseCase28 = (0, _.useUseCase)(function () {
+        var _useUseCase34 = (0, _.useUseCase)(function () {
             return _objectSpread(_objectSpread({}, defaultFile), {}, {
               ext: EXT_1
             });
           }, fileUseCase, {
             onChange: onChange
           }),
-          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 3),
-          file = _useUseCase29[0],
-          Provider = _useUseCase29[2];
+          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 3),
+          file = _useUseCase35[0],
+          Provider = _useUseCase35[2];
         (0, _react2.useEffect)(function () {
           onRootFile(file);
         }, [file]);
@@ -2008,9 +2120,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var B = function B() {
-        var _useUseCase30 = (0, _.useUseCase)(defaultFile, mockUseCase),
-          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 3),
-          Provider = _useUseCase31[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, {})
         });
@@ -2030,9 +2142,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase32 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 2),
-          add = _useUseCase33[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();
@@ -2044,9 +2156,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase34 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 3),
-          Provider = _useUseCase35[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, {})
         });
@@ -2070,9 +2182,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase36 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 2),
-          add = _useUseCase37[1].add;
+        var _useUseCase42 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 2),
+          add = _useUseCase43[1].add;
         var onClick = function onClick() {
           add('x');
         };
@@ -2086,9 +2198,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase38 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 3),
-          Provider = _useUseCase39[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, {})
         });
@@ -2116,11 +2228,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase40 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 2),
-          _useUseCase41$ = _useUseCase41[1],
-          add = _useUseCase41$.add,
-          setEntity = _useUseCase41$.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() {
@@ -2140,9 +2252,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 _useUseCase48 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 3),
+          Provider = _useUseCase49[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -2171,8 +2283,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onChangeB = _globals.jest.fn(updateChangeTimes);
       var onChangeC = _globals.jest.fn(updateChangeTimes);
       var buttonText = 'my button';
-      var A = function A(_ref5) {
-        var children = _ref5.children;
+      var A = function A(_ref6) {
+        var children = _ref6.children;
         (0, _.useUseCase)(fileUseCase, {
           onChange: onChangeA
         });
@@ -2187,12 +2299,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase44 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase50 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChangeC
           }),
-          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 3),
-          setPath = _useUseCase45[1].setPath,
-          Provider = _useUseCase45[2];
+          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 3),
+          setPath = _useUseCase51[1].setPath,
+          Provider = _useUseCase51[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2219,11 +2331,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase46 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase52 = (0, _.useUseCase)(fileUseCase, {
             onChange: onChange
           }),
-          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 2),
-          setPath = _useUseCase47[1].setPath;
+          _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 2),
+          setPath = _useUseCase53[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onChange = onSecondChange;
@@ -2242,9 +2354,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase48 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 3),
-          Provider = _useUseCase49[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, {})
         });
@@ -2266,13 +2378,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onExtChange = _globals.jest.fn();
       var firstButtonText = 'first button';
       var A = function A() {
-        var _useUseCase50 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase56 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 2),
-          setPath = _useUseCase51[1].setPath;
+          _useUseCase57 = (0, _slicedToArray2["default"])(_useUseCase56, 2),
+          setPath = _useUseCase57[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2282,9 +2394,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase52 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
-          _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 3),
-          Provider = _useUseCase53[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, {})
         });
@@ -2314,8 +2426,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onChangeB = _globals.jest.fn(updateChangeTimes);
       var onChangeC = _globals.jest.fn(updateChangeTimes);
       var buttonText = 'my button';
-      var A = function A(_ref6) {
-        var children = _ref6.children;
+      var A = function A(_ref7) {
+        var children = _ref7.children;
         (0, _.useUseCase)(fileUseCase, {
           watch: {
             ext: onChangeA
@@ -2334,14 +2446,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase54 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase60 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               ext: onChangeC
             }
           }),
-          _useUseCase55 = (0, _slicedToArray2["default"])(_useUseCase54, 3),
-          setPath = _useUseCase55[1].setPath,
-          Provider = _useUseCase55[2];
+          _useUseCase61 = (0, _slicedToArray2["default"])(_useUseCase60, 3),
+          setPath = _useUseCase61[1].setPath,
+          Provider = _useUseCase61[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -2368,13 +2480,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second 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);
           onExtChange = onSecondExtChange;
@@ -2393,9 +2505,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, {})
         });
@@ -2422,38 +2534,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 _renderHook35 = (0, _react.renderHook)(function () {
+      var _renderHook36 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook35.result;
+        result = _renderHook36.result;
       var reducers = result.current;
       (0, _globals.expect)(Array.isArray(reducers)).toBe(false);
     });
     (0, _globals.test)('returned reducer should work', function () {
-      var _renderHook36 = (0, _react.renderHook)(function () {
+      var _renderHook37 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook36.result;
+        result = _renderHook37.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 _renderHook37 = (0, _react.renderHook)(function () {
+      var _renderHook38 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase);
         }),
-        rerender = _renderHook37.rerender;
+        rerender = _renderHook38.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 _renderHook38 = (0, _react.renderHook)(function () {
+      var _renderHook39 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [1, 'x']);
         }),
-        rerender = _renderHook38.rerender;
+        rerender = _renderHook39.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
@@ -2461,10 +2573,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 _renderHook39 = (0, _react.renderHook)(function () {
+      var _renderHook40 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [i++, 'x']);
         }),
-        rerender = _renderHook39.rerender;
+        rerender = _renderHook40.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(2);
@@ -2472,8 +2584,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 _useUseCase60 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase60.subtraction;
+        var _useUseCase66 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase66.subtraction;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -2496,8 +2608,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 _useUseCase61 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase61.subtraction;
+        var _useUseCase67 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase67.subtraction;
         var onClick = function onClick() {
           subtraction(5, 3);
         };
@@ -2525,8 +2637,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var count = 0;
       var buttonText = 'button';
       var StringUseCaseTestComponent = function StringUseCaseTestComponent() {
-        var _useUseCase62 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase62.subtraction;
+        var _useUseCase68 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase68.subtraction;
         var update = (0, _ahooks.useUpdate)();
         subtraction(5, count++);
         var onUpdate = function onUpdate() {
@@ -2548,12 +2660,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 _renderHook40 = (0, _react.renderHook)(function () {
+      var _renderHook41 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase, {
             extraValue: 5
           });
         }),
-        result = _renderHook40.result;
+        result = _renderHook41.result;
       var reducers = result.current;
       var add = reducers.add;
       (0, _globals.expect)(add(1, 2)).toBe(8);
@@ -2561,7 +2673,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 _renderHook41 = (0, _react.renderHook)(function () {
+      var _renderHook42 = (0, _react.renderHook)(function () {
           var _useState7 = (0, _react2.useState)(0),
             _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
             extraValue = _useState8[0],
@@ -2577,7 +2689,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook41.result;
+        result = _renderHook42.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2589,7 +2701,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 _renderHook42 = (0, _react.renderHook)(function () {
+      var _renderHook43 = (0, _react.renderHook)(function () {
           var _useState9 = (0, _react2.useState)(0),
             _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
             extraValue = _useState0[0],
@@ -2605,7 +2717,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook42.result;
+        result = _renderHook43.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2617,7 +2729,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 _renderHook43 = (0, _react.renderHook)(function () {
+      var _renderHook44 = (0, _react.renderHook)(function () {
           var _useState1 = (0, _react2.useState)(0),
             _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
             extraValue = _useState10[0],
@@ -2633,7 +2745,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook43.result;
+        result = _renderHook44.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {