@mic-rexjs/usecases-react 2.12.2 → 2.13.1

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

@@ -2,9 +2,9 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _wrapAsyncGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapAsyncGenerator"));
 var _awaitAsyncGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/awaitAsyncGenerator"));
@@ -37,7 +37,7 @@ var defaultFile = {
 };
 var fileUseCase = function fileUseCase() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var entityReducers = (0, _usecases.objectUseCase)();
+  var entityReducers = (0, _usecases.entityUseCase)();
   var _options$pathPrefix = options.pathPrefix,
     pathPrefix = _options$pathPrefix === void 0 ? '' : _options$pathPrefix,
     onPathChange = options.onPathChange;
@@ -135,7 +135,7 @@ var mathUseCase = function mathUseCase() {
   };
 };
 var fieldPathUseCase = function fieldPathUseCase() {
-  return (0, _usecases.objectUseCase)();
+  return (0, _usecases.entityUseCase)();
 };
 var Child = function Child(_ref) {
   var _ref$textPrefix = _ref.textPrefix,
@@ -327,7 +327,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         path: PATH_2
       }));
     });
-    (0, _globals.test)('Should support entity getter', function () {
+    (0, _globals.test)('Should support entity initializer', function () {
       var file = defaultFile;
       var _renderHook6 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(function () {
@@ -339,26 +339,165 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         currentFile = _result$current[0];
       (0, _globals.expect)(currentFile).toEqual(file);
     });
-    (0, _globals.test)('Entity getter should provide the current entity', function () {
+    (0, _globals.test)('Should support entity initializer with generator', function () {
+      var file = defaultFile;
+      var onChange = _globals.jest.fn();
+      var _renderHook7 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(function () {
+            var currentFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
+            return /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+              return _regenerator["default"].wrap(function (_context6) {
+                while (1) switch (_context6.prev = _context6.next) {
+                  case 0:
+                    _context6.next = 1;
+                    return _objectSpread(_objectSpread({}, currentFile), {}, {
+                      size: 5000
+                    });
+                  case 1:
+                  case "end":
+                    return _context6.stop();
+                }
+              }, _callee3);
+            })();
+          }, fileUseCase, {
+            onChange: onChange
+          });
+        }),
+        result = _renderHook7.result;
+      var _result$current2 = (0, _slicedToArray2["default"])(result.current, 1),
+        currentFile = _result$current2[0];
+      (0, _globals.expect)(currentFile).toEqual(_objectSpread(_objectSpread({}, file), {}, {
+        size: 5000
+      }));
+      (0, _globals.expect)(onChange).toHaveBeenCalledTimes(0);
+    });
+    (0, _globals.test)('Should support entity initializer with async callback generator', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
+      var file, onChange, onUpate, _Promise$withResolver, promise, resolve, _renderHook8, result, _result$current3, currentFile1, newFile1, newFile2, newFile3;
+      return _regenerator["default"].wrap(function (_context0) {
+        while (1) switch (_context0.prev = _context0.next) {
+          case 0:
+            file = defaultFile;
+            onChange = _globals.jest.fn();
+            onUpate = _globals.jest.fn();
+            _Promise$withResolver = Promise.withResolvers(), promise = _Promise$withResolver.promise, resolve = _Promise$withResolver.resolve;
+            _renderHook8 = (0, _react.renderHook)(function () {
+              (0, _react2.useEffect)(function () {
+                onUpate();
+              });
+              return (0, _.useUseCase)(function () {
+                var entity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
+                return /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+                  var newEntity1, newEntity2;
+                  return _regenerator["default"].wrap(function (_context8) {
+                    while (1) switch (_context8.prev = _context8.next) {
+                      case 0:
+                        _context8.next = 1;
+                        return _objectSpread(_objectSpread({}, entity), {}, {
+                          size: 1
+                        });
+                      case 1:
+                        newEntity1 = _context8.sent;
+                        _context8.next = 2;
+                        return _objectSpread(_objectSpread({}, newEntity1), {}, {
+                          size: newEntity1.size + 1
+                        });
+                      case 2:
+                        _context8.next = 3;
+                        return /*#__PURE__*/function () {
+                          var _ref9 = (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:
+                                  _context7.next = 1;
+                                  return promise;
+                                case 1:
+                                  return _context7.abrupt("return", _objectSpread(_objectSpread({}, currentEntity), {}, {
+                                    size: currentEntity.size + 1
+                                  }));
+                                case 2:
+                                case "end":
+                                  return _context7.stop();
+                              }
+                            }, _callee4);
+                          }));
+                          return function (_x3) {
+                            return _ref9.apply(this, arguments);
+                          };
+                        }();
+                      case 3:
+                        newEntity2 = _context8.sent;
+                        _context8.next = 4;
+                        return _objectSpread(_objectSpread({}, newEntity2), {}, {
+                          size: newEntity2.size + 1
+                        });
+                      case 4:
+                      case "end":
+                        return _context8.stop();
+                    }
+                  }, _callee5);
+                })();
+              }, fileUseCase, {
+                onChange: onChange
+              });
+            }), result = _renderHook8.result;
+            _result$current3 = (0, _slicedToArray2["default"])(result.current, 1), currentFile1 = _result$current3[0];
+            newFile1 = _objectSpread(_objectSpread({}, file), {}, {
+              size: 2
+            });
+            (0, _globals.expect)(currentFile1).toEqual(newFile1);
+            (0, _globals.expect)(onChange).toHaveBeenCalledTimes(0);
+            (0, _globals.expect)(onUpate).toHaveBeenCalledTimes(1);
+            _context0.next = 1;
+            return (0, _react.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+              return _regenerator["default"].wrap(function (_context9) {
+                while (1) switch (_context9.prev = _context9.next) {
+                  case 0:
+                    resolve();
+                    _context9.next = 1;
+                    return promise;
+                  case 1:
+                  case "end":
+                    return _context9.stop();
+                }
+              }, _callee6);
+            })));
+          case 1:
+            newFile2 = _objectSpread(_objectSpread({}, file), {}, {
+              size: 3
+            });
+            newFile3 = _objectSpread(_objectSpread({}, file), {}, {
+              size: 4
+            });
+            (0, _globals.expect)(onChange).toHaveBeenCalledTimes(2);
+            (0, _globals.expect)(onUpate).toHaveBeenCalledTimes(2);
+            (0, _globals.expect)(onChange).toHaveBeenNthCalledWith(1, newFile2, newFile1);
+            (0, _globals.expect)(onChange).toHaveBeenNthCalledWith(2, newFile3, newFile2);
+          case 2:
+          case "end":
+            return _context0.stop();
+        }
+      }, _callee7);
+    })));
+    (0, _globals.test)('Entity initializer should provide the current entity', function () {
       var updateIndex = 0;
       var file = defaultFile;
       var onFile = _globals.jest.fn();
-      var _renderHook7 = (0, _react.renderHook)(function () {
+      var _renderHook9 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(function (currentFile) {
             onFile(currentFile);
             return currentFile !== null && currentFile !== void 0 ? currentFile : file;
           }, fileUseCase, {}, [updateIndex++]);
         }),
-        result = _renderHook7.result;
-      var _result$current2 = (0, _slicedToArray2["default"])(result.current, 2),
-        setPath1 = _result$current2[1].setPath;
+        result = _renderHook9.result;
+      var _result$current4 = (0, _slicedToArray2["default"])(result.current, 2),
+        setPath1 = _result$current4[1].setPath;
       (0, _globals.expect)(onFile).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onFile).toHaveBeenCalledWith(void 0);
       (0, _react.act)(function () {
         setPath1(PATH_1);
       });
-      var _result$current3 = (0, _slicedToArray2["default"])(result.current, 2),
-        setPath2 = _result$current3[1].setPath;
+      var _result$current5 = (0, _slicedToArray2["default"])(result.current, 2),
+        setPath2 = _result$current5[1].setPath;
       (0, _globals.expect)(onFile).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(onFile).toHaveBeenCalledWith(_objectSpread(_objectSpread({}, file), {}, {
         ext: EXT_1,
@@ -373,12 +512,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         path: PATH_2
       }));
     });
-    (0, _globals.test)('Entity getter should provide the changed deps', function () {
+    (0, _globals.test)('Entity initializer should provide the changed deps', function () {
       var updateIndex = 0;
       var file = defaultFile;
       var symbol = Symbol('changedDep');
       var onChangedDeps = _globals.jest.fn();
-      var _renderHook8 = (0, _react.renderHook)(function () {
+      var _renderHook0 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(function () {
             var currentFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : file;
             var changedDeps = arguments.length > 1 ? arguments[1] : undefined;
@@ -407,9 +546,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             return currentFile;
           }, fileUseCase, {}, [updateIndex++, 0, updateIndex++, 'xyz', updateIndex++, false]);
         }),
-        result = _renderHook8.result;
-      var _result$current4 = (0, _slicedToArray2["default"])(result.current, 2),
-        setPath = _result$current4[1].setPath;
+        result = _renderHook0.result;
+      var _result$current6 = (0, _slicedToArray2["default"])(result.current, 2),
+        setPath = _result$current6[1].setPath;
       (0, _globals.expect)(onChangedDeps).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onChangedDeps).toHaveBeenCalledWith([symbol, symbol, symbol, symbol, symbol, symbol]);
       (0, _react.act)(function () {
@@ -426,8 +565,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           return {};
         }
       };
-      var _renderHook9 = (0, _react.renderHook)(function () {
-          var collection = (0, _.useUseCase)(data, _usecases.objectUseCase);
+      var _renderHook1 = (0, _react.renderHook)(function () {
+          var collection = (0, _.useUseCase)(data, _usecases.entityUseCase);
           var _collection3 = (0, _slicedToArray2["default"])(collection, 1),
             obj = _collection3[0].obj;
           (0, _react2.useMemo)(function () {
@@ -436,7 +575,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [obj]);
           return collection;
         }),
-        rerender = _renderHook9.rerender;
+        rerender = _renderHook1.rerender;
       (0, _globals.expect)(updateTimes).toEqual(1);
       (0, _react.act)(function () {
         rerender();
@@ -451,8 +590,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           return {};
         }
       };
-      var _renderHook0 = (0, _react.renderHook)(function () {
-          var collection = (0, _.useUseCase)(data, _usecases.objectUseCase);
+      var _renderHook10 = (0, _react.renderHook)(function () {
+          var collection = (0, _.useUseCase)(data, _usecases.entityUseCase);
           var _collection4 = (0, _slicedToArray2["default"])(collection, 1),
             obj = _collection4[0].obj;
           (0, _react2.useMemo)(function () {
@@ -461,7 +600,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [obj]);
           return collection;
         }),
-        result = _renderHook0.result;
+        result = _renderHook10.result;
       var current = result.current;
       var _current = (0, _slicedToArray2["default"])(current, 2),
         setEntity = _current[1].setEntity;
@@ -473,11 +612,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       });
       (0, _globals.expect)(updateTimes).toEqual(2);
     });
-    (0, _globals.test)('Entity getter should provide the first argument with current entity when deps has change.', function () {
+    (0, _globals.test)('Entity initializer should provide the first argument with current entity when deps has change.', function () {
       var entityArg;
       var times = 0;
       var file = defaultFile;
-      var _renderHook1 = (0, _react.renderHook)(function () {
+      var _renderHook11 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(function () {
             var entity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : file;
             var path = entity.path;
@@ -487,7 +626,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             });
           }, fileUseCase, {}, [times++]);
         }),
-        result = _renderHook1.result;
+        result = _renderHook11.result;
       var collection1 = result.current;
       var _collection5 = (0, _slicedToArray2["default"])(collection1, 2),
         currentFile1 = _collection5[0],
@@ -510,20 +649,20 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       }));
     });
     (0, _globals.test)('`reducers` should be returned as an object', function () {
-      var _renderHook10 = (0, _react.renderHook)(function () {
+      var _renderHook12 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook10.result;
+        result = _renderHook12.result;
       var cores = result.current;
       var _cores2 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores2[1];
       (0, _globals.expect)((0, _typeof2["default"])(reducers)).toBe('object');
     });
     (0, _globals.test)('`Provider` should be returned as a function', function () {
-      var _renderHook11 = (0, _react.renderHook)(function () {
+      var _renderHook13 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook11.result;
+        result = _renderHook13.result;
       var cores = result.current;
       var _cores3 = (0, _slicedToArray2["default"])(cores, 3),
         Provider = _cores3[2];
@@ -531,11 +670,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`usecase` should be called only once if deps has not provided', function () {
       var mockUseCase = _globals.jest.fn(fileUseCase);
-      var _renderHook12 = (0, _react.renderHook)(function () {
+      var _renderHook14 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase);
         }),
-        result = _renderHook12.result,
-        rerender = _renderHook12.rerender;
+        result = _renderHook14.result,
+        rerender = _renderHook14.rerender;
       var cores = result.current;
       var _cores4 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores4[1].setEntity;
@@ -548,11 +687,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`usecase` should be called only once if deps has not changed', function () {
       var mockUseCase = _globals.jest.fn(fileUseCase);
-      var _renderHook13 = (0, _react.renderHook)(function () {
+      var _renderHook15 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase, {}, [1, 'x']);
         }),
-        result = _renderHook13.result,
-        rerender = _renderHook13.rerender;
+        result = _renderHook15.result,
+        rerender = _renderHook15.rerender;
       var cores = result.current;
       var _cores5 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores5[1].setEntity;
@@ -566,11 +705,11 @@ 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(fileUseCase);
-      var _renderHook14 = (0, _react.renderHook)(function () {
+      var _renderHook16 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, mockUseCase, {}, [i++, 'x']);
         }),
-        result = _renderHook14.result,
-        rerender = _renderHook14.rerender;
+        result = _renderHook16.result,
+        rerender = _renderHook16.rerender;
       var cores = result.current;
       var _cores6 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores6[1].setEntity;
@@ -585,7 +724,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('after call non-generator reducer, it should not trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook15 = (0, _react.renderHook)(function () {
+      var _renderHook17 = (0, _react.renderHook)(function () {
           var context = (0, _.useUseCase)(defaultFile, fileUseCase);
           var _context = (0, _slicedToArray2["default"])(context, 2),
             reducers = _context[1];
@@ -605,7 +744,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             update();
           };
         }),
-        result = _renderHook15.result;
+        result = _renderHook17.result;
       (0, _react.act)(function () {
         result.current();
       });
@@ -619,13 +758,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('after `yield entity`, it should trigger update', function () {
       var onUpdate = _globals.jest.fn();
-      var _renderHook16 = (0, _react.renderHook)(function () {
+      var _renderHook18 = (0, _react.renderHook)(function () {
           (0, _ahooks.useUpdateEffect)(function () {
             onUpdate();
           });
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook16.result;
+        result = _renderHook18.result;
       var cores = result.current;
       var _cores7 = (0, _slicedToArray2["default"])(cores, 2),
         entity = _cores7[0],
@@ -649,18 +788,18 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       }));
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
     });
-    (0, _globals.test)('after `yield entity` on async mode, it should trigger update', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-      var onUpdate, _renderHook17, result, cores, _cores8, entity, reducers, readFile, promise;
-      return _regenerator["default"].wrap(function (_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+    (0, _globals.test)('after `yield entity` on async mode, it should trigger update', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+      var onUpdate, _renderHook19, result, cores, _cores8, entity, reducers, readFile, promise;
+      return _regenerator["default"].wrap(function (_context1) {
+        while (1) switch (_context1.prev = _context1.next) {
           case 0:
             onUpdate = _globals.jest.fn();
-            _renderHook17 = (0, _react.renderHook)(function () {
+            _renderHook19 = (0, _react.renderHook)(function () {
               (0, _ahooks.useUpdateEffect)(function () {
                 onUpdate();
               });
               return (0, _.useUseCase)(defaultFile, fileUseCase);
-            }), result = _renderHook17.result;
+            }), result = _renderHook19.result;
             cores = result.current;
             _cores8 = (0, _slicedToArray2["default"])(cores, 2), entity = _cores8[0], reducers = _cores8[1];
             readFile = reducers.readFile;
@@ -670,7 +809,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             (0, _globals.expect)(result.current).toBe(cores);
             (0, _globals.expect)(result.current).toEqual(cores);
             (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-            _context6.next = 1;
+            _context1.next = 1;
             return promise;
           case 1:
             (0, _globals.expect)(result.current[0]).not.toBe(entity);
@@ -682,19 +821,19 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
           case 2:
           case "end":
-            return _context6.stop();
+            return _context1.stop();
         }
-      }, _callee3);
+      }, _callee8);
     })));
     (0, _globals.test)('after `yield entity` callbacks, it should trigger update', function () {
       var onUpdate = _globals.jest.fn();
-      var _renderHook18 = (0, _react.renderHook)(function () {
+      var _renderHook20 = (0, _react.renderHook)(function () {
           (0, _ahooks.useUpdateEffect)(function () {
             onUpdate();
           });
           return (0, _.useUseCase)(defaultFile, fileUseCase);
         }),
-        result = _renderHook18.result;
+        result = _renderHook20.result;
       var cores = result.current;
       var _cores9 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores9[1];
@@ -831,12 +970,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`options.onChange` should be trigger when entity has changed', function () {
       var onChange = _globals.jest.fn();
-      var _renderHook19 = (0, _react.renderHook)(function () {
+      var _renderHook21 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChange
           });
         }),
-        result = _renderHook19.result;
+        result = _renderHook21.result;
       var cores = result.current;
       var _cores0 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores0[1];
@@ -855,12 +994,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onChange1 = _globals.jest.fn();
       var onChange2 = _globals.jest.fn();
       var onChange = onChange1;
-      var _renderHook20 = (0, _react.renderHook)(function () {
+      var _renderHook22 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChange
           }, []);
         }),
-        result = _renderHook20.result;
+        result = _renderHook22.result;
       var cores = result.current;
       var _cores1 = (0, _slicedToArray2["default"])(cores, 2),
         reducers = _cores1[1];
@@ -890,7 +1029,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       }));
     });
     (0, _globals.test)('`options.options` should override rest options', function () {
-      var _renderHook21 = (0, _react.renderHook)(function () {
+      var _renderHook23 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             pathPrefix: 'xyz/',
             options: {
@@ -898,7 +1037,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook21.result;
+        result = _renderHook23.result;
       var cores = result.current;
       var _cores10 = (0, _slicedToArray2["default"])(cores, 2),
         path = _cores10[0].path,
@@ -911,14 +1050,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(result.current[0].path).toBe('123/' + PATH_1);
     });
     (0, _globals.test)('Option functions: use `T` (not `S`) when `S extends T`', function () {
-      var testObjectUseCase = function testObjectUseCase() {
+      var testUseCase = function testUseCase() {
         var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        var objectReducers = (0, _usecases.objectUseCase)();
+        var entityReducers = (0, _usecases.entityUseCase)();
         void options;
-        return _objectSpread({}, objectReducers);
+        return _objectSpread({}, entityReducers);
       };
       (0, _react.renderHook)(function () {
-        (0, _.useUseCase)(defaultFile, testObjectUseCase, {
+        (0, _.useUseCase)(defaultFile, testUseCase, {
           onUpdate: function onUpdate(data) {
             void data;
             return Promise.reject();
@@ -931,7 +1070,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 _renderHook22 = (0, _react.renderHook)(function () {
+      var _renderHook24 = (0, _react.renderHook)(function () {
           var _useState = (0, _react2.useState)('user/'),
             _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
             pathPrefix = _useState2[0],
@@ -947,7 +1086,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook22.result;
+        result = _renderHook24.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -959,7 +1098,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('when `deps` has changed, it should trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook23 = (0, _react.renderHook)(function () {
+      var _renderHook25 = (0, _react.renderHook)(function () {
           var _useState3 = (0, _react2.useState)('user/'),
             _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
             pathPrefix = _useState4[0],
@@ -975,7 +1114,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook23.result;
+        result = _renderHook25.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -987,7 +1126,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('empty `deps` should not trigger update', function () {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
-      var _renderHook24 = (0, _react.renderHook)(function () {
+      var _renderHook26 = (0, _react.renderHook)(function () {
           var _useState5 = (0, _react2.useState)('user/'),
             _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
             pathPrefix = _useState6[0],
@@ -1003,7 +1142,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook24.result;
+        result = _renderHook26.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -1016,12 +1155,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onPathChange1 = _globals.jest.fn();
       var onPathChange2 = _globals.jest.fn();
       var onPathChange = onPathChange1;
-      var _renderHook25 = (0, _react.renderHook)(function () {
+      var _renderHook27 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             onPathChange: onPathChange
           });
         }),
-        result = _renderHook25.result;
+        result = _renderHook27.result;
       var context = result.current;
       var _context2 = (0, _slicedToArray2["default"])(context, 2),
         setPath = _context2[1].setPath;
@@ -1042,7 +1181,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('`options.watch` should be trigger after entity changed', function () {
       var onPathChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook26 = (0, _react.renderHook)(function () {
+      var _renderHook28 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               path: onPathChange,
@@ -1050,7 +1189,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook26.result;
+        result = _renderHook28.result;
       var cores = result.current;
       var _cores11 = (0, _slicedToArray2["default"])(cores, 2),
         setPath = _cores11[1].setPath;
@@ -1075,14 +1214,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onPathChange1 = _globals.jest.fn();
       var onPathChange2 = _globals.jest.fn();
       var onPathChange = onPathChange1;
-      var _renderHook27 = (0, _react.renderHook)(function () {
+      var _renderHook29 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               path: onPathChange
             }
           });
         }),
-        result = _renderHook27.result;
+        result = _renderHook29.result;
       var cores = result.current;
       var _cores12 = (0, _slicedToArray2["default"])(cores, 2),
         _cores12$ = _cores12[1],
@@ -1130,7 +1269,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var initialData = {};
       var onExtChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook28 = (0, _react.renderHook)(function () {
+      var _renderHook30 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'list.ext': onExtChange,
@@ -1138,7 +1277,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook28.result;
+        result = _renderHook30.result;
       var cores = result.current;
       var _cores13 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores13[1].setEntity;
@@ -1261,7 +1400,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             ext: EXT_2
           }), _objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_1
-          }), defaultFile]
+          }), defaultFile],
+          nestedList: []
         },
         oldEntity: {
           list: [_objectSpread(_objectSpread({}, defaultFile), {}, {
@@ -1281,7 +1421,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             ext: EXT_2
           }), _objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_1
-          }), defaultFile]
+          }), defaultFile],
+          nestedList: []
         },
         oldEntity: {
           list: [_objectSpread(_objectSpread({}, defaultFile), {}, {
@@ -1301,7 +1442,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             ext: EXT_2
           }), _objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_1
-          }), defaultFile]
+          }), defaultFile],
+          nestedList: []
         },
         oldEntity: {
           list: [_objectSpread(_objectSpread({}, defaultFile), {}, {
@@ -1321,7 +1463,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             ext: EXT_2
           }), _objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_1
-          }), defaultFile]
+          }), defaultFile],
+          nestedList: []
         },
         oldEntity: {
           list: [_objectSpread(_objectSpread({}, defaultFile), {}, {
@@ -1336,86 +1479,92 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       });
       (0, _react.act)(function () {
         setEntity(function () {
-          return {};
+          return {
+            list: []
+          };
         });
       });
       (0, _globals.expect)(onExtChange).toHaveBeenCalledTimes(9);
       (0, _globals.expect)(onSizeChange).toHaveBeenCalledTimes(6);
+      var newEntity1 = {
+        list: [],
+        nestedList: []
+      };
       (0, _globals.expect)(onExtChange).toHaveBeenNthCalledWith(7, {
         fieldPaths: ['list', '0', 'ext'],
-        newEntity: {},
-        oldEntity: {
+        newEntity: newEntity1,
+        oldEntity: _objectSpread(_objectSpread({}, newEntity1), {}, {
           list: [_objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_2
           }), _objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_1
           }), defaultFile]
-        },
+        }),
         newValue: void 0,
         oldValue: EXT_2
       });
       (0, _globals.expect)(onExtChange).toHaveBeenNthCalledWith(8, {
         fieldPaths: ['list', '1', 'ext'],
-        newEntity: {},
-        oldEntity: {
+        newEntity: newEntity1,
+        oldEntity: _objectSpread(_objectSpread({}, newEntity1), {}, {
           list: [_objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_2
           }), _objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_1
           }), defaultFile]
-        },
+        }),
         newValue: void 0,
         oldValue: EXT_1
       });
       (0, _globals.expect)(onExtChange).toHaveBeenNthCalledWith(9, {
         fieldPaths: ['list', '2', 'ext'],
-        newEntity: {},
-        oldEntity: {
+        newEntity: newEntity1,
+        oldEntity: _objectSpread(_objectSpread({}, newEntity1), {}, {
           list: [_objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_2
           }), _objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_1
           }), defaultFile]
-        },
+        }),
         newValue: void 0,
         oldValue: ''
       });
       (0, _globals.expect)(onSizeChange).toHaveBeenNthCalledWith(4, {
         fieldPaths: ['list', '0', 'size'],
-        newEntity: {},
-        oldEntity: {
+        newEntity: newEntity1,
+        oldEntity: _objectSpread(_objectSpread({}, newEntity1), {}, {
           list: [_objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_2
           }), _objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_1
           }), defaultFile]
-        },
+        }),
         newValue: void 0,
         oldValue: 0
       });
       (0, _globals.expect)(onSizeChange).toHaveBeenNthCalledWith(5, {
         fieldPaths: ['list', '1', 'size'],
-        newEntity: {},
-        oldEntity: {
+        newEntity: newEntity1,
+        oldEntity: _objectSpread(_objectSpread({}, newEntity1), {}, {
           list: [_objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_2
           }), _objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_1
           }), defaultFile]
-        },
+        }),
         newValue: void 0,
         oldValue: 0
       });
       (0, _globals.expect)(onSizeChange).toHaveBeenNthCalledWith(6, {
         fieldPaths: ['list', '2', 'size'],
-        newEntity: {},
-        oldEntity: {
+        newEntity: newEntity1,
+        oldEntity: _objectSpread(_objectSpread({}, newEntity1), {}, {
           list: [_objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_2
           }), _objectSpread(_objectSpread({}, defaultFile), {}, {
             ext: EXT_1
           }), defaultFile]
-        },
+        }),
         newValue: void 0,
         oldValue: 0
       });
@@ -1426,7 +1575,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var lengthUseCase = function lengthUseCase() {
         return (0, _usecases.entityUseCase)();
       };
-      var _renderHook29 = (0, _react.renderHook)(function () {
+      var _renderHook31 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)([], lengthUseCase, {
             watch: {
               length: onEntityLengthChange,
@@ -1434,7 +1583,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook29.result;
+        result = _renderHook31.result;
       var cores = result.current;
       var _cores14 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores14[1].setEntity;
@@ -1469,14 +1618,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('`options.watch` should work with field path of nested array', function () {
       var initialData = {};
       var onChange = _globals.jest.fn();
-      var _renderHook30 = (0, _react.renderHook)(function () {
+      var _renderHook32 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'nestedList.size': onChange
             }
           });
         }),
-        result = _renderHook30.result;
+        result = _renderHook32.result;
       var cores = result.current;
       var _cores15 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores15[1].setEntity;
@@ -1564,7 +1713,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var initialData = {};
       var onExtChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook31 = (0, _react.renderHook)(function () {
+      var _renderHook33 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(initialData, fieldPathUseCase, {
             watch: {
               'obj.file.ext': onExtChange,
@@ -1572,7 +1721,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook31.result;
+        result = _renderHook33.result;
       var cores = result.current;
       var _cores16 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores16[1].setEntity;
@@ -1603,14 +1752,22 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       });
       (0, _react.act)(function () {
         setEntity(function () {
-          return {};
+          return {
+            obj: {
+              file: {}
+            }
+          };
         });
       });
       (0, _globals.expect)(onExtChange).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(onSizeChange).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onExtChange).toHaveBeenCalledWith({
         fieldPaths: ['obj', 'file', 'ext'],
-        newEntity: {},
+        newEntity: {
+          obj: {
+            file: {}
+          }
+        },
         oldEntity: {
           obj: {
             file: {
@@ -2220,38 +2377,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 _renderHook32 = (0, _react.renderHook)(function () {
+      var _renderHook34 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook32.result;
+        result = _renderHook34.result;
       var reducers = result.current;
       (0, _globals.expect)(Array.isArray(reducers)).toBe(false);
     });
     (0, _globals.test)('returned reducer should work', function () {
-      var _renderHook33 = (0, _react.renderHook)(function () {
+      var _renderHook35 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase);
         }),
-        result = _renderHook33.result;
+        result = _renderHook35.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 _renderHook34 = (0, _react.renderHook)(function () {
+      var _renderHook36 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase);
         }),
-        rerender = _renderHook34.rerender;
+        rerender = _renderHook36.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 _renderHook35 = (0, _react.renderHook)(function () {
+      var _renderHook37 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [1, 'x']);
         }),
-        rerender = _renderHook35.rerender;
+        rerender = _renderHook37.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
@@ -2259,10 +2416,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 _renderHook36 = (0, _react.renderHook)(function () {
+      var _renderHook38 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mockUseCase, {}, [i++, 'x']);
         }),
-        rerender = _renderHook36.rerender;
+        rerender = _renderHook38.rerender;
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       (0, _globals.expect)(mockUseCase).toHaveBeenCalledTimes(2);
@@ -2346,12 +2503,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 _renderHook37 = (0, _react.renderHook)(function () {
+      var _renderHook39 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(mathUseCase, {
             extraValue: 5
           });
         }),
-        result = _renderHook37.result;
+        result = _renderHook39.result;
       var reducers = result.current;
       var add = reducers.add;
       (0, _globals.expect)(add(1, 2)).toBe(8);
@@ -2359,7 +2516,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 _renderHook38 = (0, _react.renderHook)(function () {
+      var _renderHook40 = (0, _react.renderHook)(function () {
           var _useState7 = (0, _react2.useState)(0),
             _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
             extraValue = _useState8[0],
@@ -2375,7 +2532,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook38.result;
+        result = _renderHook40.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2387,7 +2544,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 _renderHook39 = (0, _react.renderHook)(function () {
+      var _renderHook41 = (0, _react.renderHook)(function () {
           var _useState9 = (0, _react2.useState)(0),
             _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
             extraValue = _useState0[0],
@@ -2403,7 +2560,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook39.result;
+        result = _renderHook41.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -2415,7 +2572,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 _renderHook40 = (0, _react.renderHook)(function () {
+      var _renderHook42 = (0, _react.renderHook)(function () {
           var _useState1 = (0, _react2.useState)(0),
             _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
             extraValue = _useState10[0],
@@ -2431,7 +2588,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook40.result;
+        result = _renderHook42.result;
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {