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

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, {
@@ -1263,7 +1264,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 +1296,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 +1341,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, {
@@ -2026,15 +2027,16 @@ 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;
       });
       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),
@@ -2047,16 +2049,17 @@ 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;
       });
       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);
@@ -2072,24 +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 lifecycleReducers = (0, _lifecycleUseCase.lifecycleUseCase)({
-          onUpdate: onUpdate
+        var entityReducers = (0, _usecases.entityUseCase)();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
+          onChange: onChange
         });
-        return _objectSpread({}, lifecycleReducers);
+        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);
@@ -2097,17 +2287,18 @@ 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;
       });
       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 _renderHook42 = (0, _react.renderHook)(function () {
           var _useUseCase26 = (0, _.useUseCase)(5, testUseCase),
             _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 2),
             setEntity = _useUseCase27[1].setEntity;
@@ -2115,66 +2306,138 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             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 () {
-    var onAdopt = _globals.jest.fn(function (newEntity, oldeEntity) {
-      void newEntity;
-      void oldeEntity;
+    (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;
+      });
+      var testUseCase = function testUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        (0, _lifecycleUseCase.lifecycleUseCase)({
+          onAdopt: onAdopt
+        });
+        return _objectSpread({}, entityReducers);
+      };
+      var _renderHook43 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(5, testUseCase);
+        }),
+        result = _renderHook43.result;
+      var current = result.current;
+      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 () {
+        setEntity(100);
+      });
+      (0, _globals.expect)(onAdopt).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(onAdopt).toHaveBeenCalledWith(100, 5);
     });
-    var testUseCase = function testUseCase() {
-      var lifecycleReducers = (0, _lifecycleUseCase.lifecycleUseCase)({
-        onAdopt: onAdopt
+    (0, _globals.test)('Lifecycle `onDiscard` event should be called when component unmount', function () {
+      var onDiscard = _globals.jest.fn(function (entity) {
+        void entity;
       });
-      return _objectSpread({}, lifecycleReducers);
-    };
-    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 _renderHook44 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(5, testUseCase);
+        }),
+        result = _renderHook44.result,
+        unmount = _renderHook44.unmount;
+      var current = result.current;
+      var _current12 = (0, _slicedToArray2["default"])(current, 2),
+        setEntity = _current12[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);
     });
-    var testUseCase = function testUseCase() {
-      var lifecycleReducers = (0, _lifecycleUseCase.lifecycleUseCase)({
-        onDiscard: onDiscard
+    (0, _globals.test)('Should support call lifecycleUseCase at parent usecase and child usecase', function () {
+      var onParentBind = _globals.jest.fn(function (entity) {
+        void entity;
       });
-      return _objectSpread({}, lifecycleReducers);
-    };
-    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);
+      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 () {
@@ -2182,9 +2445,9 @@ 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));
         });
@@ -2463,7 +2726,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;
@@ -2563,7 +2826,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         path: PATH_1
       }));
     });
-    (0, _globals.test)('`options.watch` should be trigger at child elements', function () {
+    (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() {
@@ -2605,7 +2868,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;
@@ -2723,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);
@@ -2762,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);
@@ -2849,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);
@@ -2862,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],
@@ -2878,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 () {
@@ -2890,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],
@@ -2906,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 () {
@@ -2918,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],
@@ -2934,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 () {