@mic-rexjs/usecases-react 2.12.1 → 2.13.0

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useUseCase } from '.';
 import { useDepsKey } from '../useDepsKey';
 import { beforeEach, describe, expect, jest, test } from '@jest/globals';
-import { entityUseCase, objectUseCase } from '@mic-rexjs/usecases';
+import { entityUseCase } from '@mic-rexjs/usecases';
 import { fireEvent, screen } from '@testing-library/dom';
 import { act, render, renderHook } from '@testing-library/react';
 import { useDeepCompareEffect, useMemoizedFn, useMount, useUpdate, useUpdateEffect } from 'ahooks';
@@ -22,7 +22,7 @@ const defaultFile = {
 };
 const fileUseCase = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const entityReducers = objectUseCase();
+  const entityReducers = entityUseCase();
   const _options$pathPrefix = options.pathPrefix,
     pathPrefix = _options$pathPrefix === void 0 ? '' : _options$pathPrefix,
     onPathChange = options.onPathChange;
@@ -85,7 +85,7 @@ const mathUseCase = function () {
   };
 };
 const fieldPathUseCase = () => {
-  return objectUseCase();
+  return entityUseCase();
 };
 const Child = _ref => {
   let _ref$textPrefix = _ref.textPrefix,
@@ -283,7 +283,7 @@ describe('useUseCase', () => {
         path: PATH_2
       });
     });
-    test('Should support entity getter', () => {
+    test('Should support entity initializer', () => {
       const file = defaultFile;
       const _renderHook6 = renderHook(() => {
           return useUseCase(() => {
@@ -295,26 +295,117 @@ describe('useUseCase', () => {
         currentFile = _result$current[0];
       expect(currentFile).toEqual(file);
     });
-    test('Entity getter should provide the current entity', () => {
+    test('Should support entity initializer with generator', () => {
+      const file = defaultFile;
+      const onChange = jest.fn();
+      const _renderHook7 = renderHook(() => {
+          return useUseCase(function () {
+            let currentFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
+            return function* () {
+              yield {
+                ...currentFile,
+                size: 5000
+              };
+            }();
+          }, fileUseCase, {
+            onChange
+          });
+        }),
+        result = _renderHook7.result;
+      const _result$current2 = _slicedToArray(result.current, 1),
+        currentFile = _result$current2[0];
+      expect(currentFile).toEqual({
+        ...file,
+        size: 5000
+      });
+      expect(onChange).toHaveBeenCalledTimes(0);
+    });
+    test('Should support entity initializer with async callback generator', async () => {
+      const file = defaultFile;
+      const onChange = jest.fn();
+      const onUpate = jest.fn();
+      const _Promise$withResolver = Promise.withResolvers(),
+        promise = _Promise$withResolver.promise,
+        resolve = _Promise$withResolver.resolve;
+      const _renderHook8 = renderHook(() => {
+          useEffect(() => {
+            onUpate();
+          });
+          return useUseCase(function () {
+            let entity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
+            return function* () {
+              const newEntity1 = yield {
+                ...entity,
+                size: 1
+              };
+              // 在异步之前，就算多次 `yield`，也不会触发 `onChange`
+              yield {
+                ...newEntity1,
+                size: newEntity1.size + 1
+              };
+              const newEntity2 = yield async currentEntity => {
+                await promise;
+                return {
+                  ...currentEntity,
+                  size: currentEntity.size + 1
+                };
+              };
+              yield {
+                ...newEntity2,
+                size: newEntity2.size + 1
+              };
+            }();
+          }, fileUseCase, {
+            onChange
+          });
+        }),
+        result = _renderHook8.result;
+      const _result$current3 = _slicedToArray(result.current, 1),
+        currentFile1 = _result$current3[0];
+      const newFile1 = {
+        ...file,
+        size: 2
+      };
+      expect(currentFile1).toEqual(newFile1);
+      expect(onChange).toHaveBeenCalledTimes(0);
+      expect(onUpate).toHaveBeenCalledTimes(1);
+      await act(async () => {
+        resolve();
+        await promise;
+      });
+      const newFile2 = {
+        ...file,
+        size: 3
+      };
+      const newFile3 = {
+        ...file,
+        size: 4
+      };
+      expect(onChange).toHaveBeenCalledTimes(2);
+      expect(onUpate).toHaveBeenCalledTimes(2);
+      expect(onChange).toHaveBeenNthCalledWith(1, newFile2, newFile1);
+      expect(onChange).toHaveBeenNthCalledWith(2, newFile3, newFile2);
+    });
+    test('Entity initializer should provide the current entity', () => {
       let updateIndex = 0;
       const file = defaultFile;
       const onFile = jest.fn();
-      const _renderHook7 = renderHook(() => {
+      const _renderHook9 = renderHook(() => {
           return useUseCase(currentFile => {
             onFile(currentFile);
             return currentFile !== null && currentFile !== void 0 ? currentFile : file;
           }, fileUseCase, {}, [updateIndex++]);
         }),
-        result = _renderHook7.result;
-      const _result$current2 = _slicedToArray(result.current, 2),
-        setPath1 = _result$current2[1].setPath;
+        result = _renderHook9.result;
+      const _result$current4 = _slicedToArray(result.current, 2),
+        setPath1 = _result$current4[1].setPath;
       expect(onFile).toHaveBeenCalledTimes(1);
       expect(onFile).toHaveBeenCalledWith(void 0);
       act(() => {
         setPath1(PATH_1);
       });
-      const _result$current3 = _slicedToArray(result.current, 2),
-        setPath2 = _result$current3[1].setPath;
+      const _result$current5 = _slicedToArray(result.current, 2),
+        setPath2 = _result$current5[1].setPath;
       expect(onFile).toHaveBeenCalledTimes(2);
       expect(onFile).toHaveBeenCalledWith({
         ...file,
@@ -331,12 +422,12 @@ describe('useUseCase', () => {
         path: PATH_2
       });
     });
-    test('Entity getter should provide the changed deps', () => {
+    test('Entity initializer should provide the changed deps', () => {
       let updateIndex = 0;
       const file = defaultFile;
       const symbol = Symbol('changedDep');
       const onChangedDeps = jest.fn();
-      const _renderHook8 = renderHook(() => {
+      const _renderHook0 = renderHook(() => {
           return useUseCase(function () {
             let currentFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : file;
             let changedDeps = arguments.length > 1 ? arguments[1] : undefined;
@@ -365,9 +456,9 @@ describe('useUseCase', () => {
             return currentFile;
           }, fileUseCase, {}, [updateIndex++, 0, updateIndex++, 'xyz', updateIndex++, false]);
         }),
-        result = _renderHook8.result;
-      const _result$current4 = _slicedToArray(result.current, 2),
-        setPath = _result$current4[1].setPath;
+        result = _renderHook0.result;
+      const _result$current6 = _slicedToArray(result.current, 2),
+        setPath = _result$current6[1].setPath;
       expect(onChangedDeps).toHaveBeenCalledTimes(1);
       expect(onChangedDeps).toHaveBeenCalledWith([symbol, symbol, symbol, symbol, symbol, symbol]);
       act(() => {
@@ -384,8 +475,8 @@ describe('useUseCase', () => {
           return {};
         }
       };
-      const _renderHook9 = renderHook(() => {
-          const collection = useUseCase(data, objectUseCase);
+      const _renderHook1 = renderHook(() => {
+          const collection = useUseCase(data, entityUseCase);
           const _collection3 = _slicedToArray(collection, 1),
             obj = _collection3[0].obj;
           useMemo(() => {
@@ -394,7 +485,7 @@ describe('useUseCase', () => {
           }, [obj]);
           return collection;
         }),
-        rerender = _renderHook9.rerender;
+        rerender = _renderHook1.rerender;
       expect(updateTimes).toEqual(1);
       act(() => {
         rerender();
@@ -409,8 +500,8 @@ describe('useUseCase', () => {
           return {};
         }
       };
-      const _renderHook0 = renderHook(() => {
-          const collection = useUseCase(data, objectUseCase);
+      const _renderHook10 = renderHook(() => {
+          const collection = useUseCase(data, entityUseCase);
           const _collection4 = _slicedToArray(collection, 1),
             obj = _collection4[0].obj;
           useMemo(() => {
@@ -419,7 +510,7 @@ describe('useUseCase', () => {
           }, [obj]);
           return collection;
         }),
-        result = _renderHook0.result;
+        result = _renderHook10.result;
       const current = result.current;
       const _current = _slicedToArray(current, 2),
         setEntity = _current[1].setEntity;
@@ -431,11 +522,11 @@ describe('useUseCase', () => {
       });
       expect(updateTimes).toEqual(2);
     });
-    test('Entity getter should provide the first argument with current entity when deps has change.', () => {
+    test('Entity initializer should provide the first argument with current entity when deps has change.', () => {
       let entityArg;
       let times = 0;
       const file = defaultFile;
-      const _renderHook1 = renderHook(() => {
+      const _renderHook11 = renderHook(() => {
           return useUseCase(function () {
             let entity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : file;
             const path = entity.path;
@@ -446,7 +537,7 @@ describe('useUseCase', () => {
             };
           }, fileUseCase, {}, [times++]);
         }),
-        result = _renderHook1.result;
+        result = _renderHook11.result;
       const collection1 = result.current;
       const _collection5 = _slicedToArray(collection1, 2),
         currentFile1 = _collection5[0],
@@ -472,20 +563,20 @@ describe('useUseCase', () => {
       });
     });
     test('`reducers` should be returned as an object', () => {
-      const _renderHook10 = renderHook(() => {
+      const _renderHook12 = renderHook(() => {
           return useUseCase(defaultFile, fileUseCase);
         }),
-        result = _renderHook10.result;
+        result = _renderHook12.result;
       const cores = result.current;
       const _cores2 = _slicedToArray(cores, 2),
         reducers = _cores2[1];
       expect(typeof reducers).toBe('object');
     });
     test('`Provider` should be returned as a function', () => {
-      const _renderHook11 = renderHook(() => {
+      const _renderHook13 = renderHook(() => {
           return useUseCase(defaultFile, fileUseCase);
         }),
-        result = _renderHook11.result;
+        result = _renderHook13.result;
       const cores = result.current;
       const _cores3 = _slicedToArray(cores, 3),
         Provider = _cores3[2];
@@ -493,11 +584,11 @@ describe('useUseCase', () => {
     });
     test('`usecase` should be called only once if deps has not provided', () => {
       const mockUseCase = jest.fn(fileUseCase);
-      const _renderHook12 = renderHook(() => {
+      const _renderHook14 = renderHook(() => {
           return useUseCase(defaultFile, mockUseCase);
         }),
-        result = _renderHook12.result,
-        rerender = _renderHook12.rerender;
+        result = _renderHook14.result,
+        rerender = _renderHook14.rerender;
       const cores = result.current;
       const _cores4 = _slicedToArray(cores, 2),
         setEntity = _cores4[1].setEntity;
@@ -512,11 +603,11 @@ describe('useUseCase', () => {
     });
     test('`usecase` should be called only once if deps has not changed', () => {
       const mockUseCase = jest.fn(fileUseCase);
-      const _renderHook13 = renderHook(() => {
+      const _renderHook15 = renderHook(() => {
           return useUseCase(defaultFile, mockUseCase, {}, [1, 'x']);
         }),
-        result = _renderHook13.result,
-        rerender = _renderHook13.rerender;
+        result = _renderHook15.result,
+        rerender = _renderHook15.rerender;
       const cores = result.current;
       const _cores5 = _slicedToArray(cores, 2),
         setEntity = _cores5[1].setEntity;
@@ -532,11 +623,11 @@ describe('useUseCase', () => {
     test('`usecase` should be called if deps has changed', () => {
       let i = 0;
       const mockUseCase = jest.fn(fileUseCase);
-      const _renderHook14 = renderHook(() => {
+      const _renderHook16 = renderHook(() => {
           return useUseCase(defaultFile, mockUseCase, {}, [i++, 'x']);
         }),
-        result = _renderHook14.result,
-        rerender = _renderHook14.rerender;
+        result = _renderHook16.result,
+        rerender = _renderHook16.rerender;
       const cores = result.current;
       const _cores6 = _slicedToArray(cores, 2),
         setEntity = _cores6[1].setEntity;
@@ -553,7 +644,7 @@ describe('useUseCase', () => {
     test('after call non-generator reducer, it should not trigger update', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook15 = renderHook(() => {
+      const _renderHook17 = renderHook(() => {
           const context = useUseCase(defaultFile, fileUseCase);
           const _context = _slicedToArray(context, 2),
             reducers = _context[1];
@@ -573,7 +664,7 @@ describe('useUseCase', () => {
             update();
           };
         }),
-        result = _renderHook15.result;
+        result = _renderHook17.result;
       act(() => {
         result.current();
       });
@@ -587,13 +678,13 @@ describe('useUseCase', () => {
     });
     test('after `yield entity`, it should trigger update', () => {
       const onUpdate = jest.fn();
-      const _renderHook16 = renderHook(() => {
+      const _renderHook18 = renderHook(() => {
           useUpdateEffect(() => {
             onUpdate();
           });
           return useUseCase(defaultFile, fileUseCase);
         }),
-        result = _renderHook16.result;
+        result = _renderHook18.result;
       const cores = result.current;
       const _cores7 = _slicedToArray(cores, 2),
         entity = _cores7[0],
@@ -620,13 +711,13 @@ describe('useUseCase', () => {
     });
     test('after `yield entity` on async mode, it should trigger update', async () => {
       const onUpdate = jest.fn();
-      const _renderHook17 = renderHook(() => {
+      const _renderHook19 = renderHook(() => {
           useUpdateEffect(() => {
             onUpdate();
           });
           return useUseCase(defaultFile, fileUseCase);
         }),
-        result = _renderHook17.result;
+        result = _renderHook19.result;
       const cores = result.current;
       const _cores8 = _slicedToArray(cores, 2),
         entity = _cores8[0],
@@ -649,13 +740,13 @@ describe('useUseCase', () => {
     });
     test('after `yield entity` callbacks, it should trigger update', () => {
       const onUpdate = jest.fn();
-      const _renderHook18 = renderHook(() => {
+      const _renderHook20 = renderHook(() => {
           useUpdateEffect(() => {
             onUpdate();
           });
           return useUseCase(defaultFile, fileUseCase);
         }),
-        result = _renderHook18.result;
+        result = _renderHook20.result;
       const cores = result.current;
       const _cores9 = _slicedToArray(cores, 2),
         reducers = _cores9[1];
@@ -796,12 +887,12 @@ describe('useUseCase', () => {
     });
     test('`options.onChange` should be trigger when entity has changed', () => {
       const onChange = jest.fn();
-      const _renderHook19 = renderHook(() => {
+      const _renderHook21 = renderHook(() => {
           return useUseCase(defaultFile, fileUseCase, {
             onChange
           });
         }),
-        result = _renderHook19.result;
+        result = _renderHook21.result;
       const cores = result.current;
       const _cores0 = _slicedToArray(cores, 2),
         reducers = _cores0[1];
@@ -821,12 +912,12 @@ describe('useUseCase', () => {
       const onChange1 = jest.fn();
       const onChange2 = jest.fn();
       let onChange = onChange1;
-      const _renderHook20 = renderHook(() => {
+      const _renderHook22 = renderHook(() => {
           return useUseCase(defaultFile, fileUseCase, {
             onChange
           }, []);
         }),
-        result = _renderHook20.result;
+        result = _renderHook22.result;
       const cores = result.current;
       const _cores1 = _slicedToArray(cores, 2),
         reducers = _cores1[1];
@@ -859,7 +950,7 @@ describe('useUseCase', () => {
       });
     });
     test('`options.options` should override rest options', () => {
-      const _renderHook21 = renderHook(() => {
+      const _renderHook23 = renderHook(() => {
           return useUseCase(defaultFile, fileUseCase, {
             pathPrefix: 'xyz/',
             options: {
@@ -867,7 +958,7 @@ describe('useUseCase', () => {
             }
           });
         }),
-        result = _renderHook21.result;
+        result = _renderHook23.result;
       const cores = result.current;
       const _cores10 = _slicedToArray(cores, 2),
         path = _cores10[0].path,
@@ -880,16 +971,16 @@ describe('useUseCase', () => {
       expect(result.current[0].path).toBe('123/' + PATH_1);
     });
     test('Option functions: use `T` (not `S`) when `S extends T`', () => {
-      const testObjectUseCase = function () {
+      const testUseCase = function () {
         let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        const objectReducers = objectUseCase();
+        const entityReducers = entityUseCase();
         void options;
         return {
-          ...objectReducers
+          ...entityReducers
         };
       };
       renderHook(() => {
-        useUseCase(defaultFile, testObjectUseCase, {
+        useUseCase(defaultFile, testUseCase, {
           onUpdate(data) {
             void data;
             return Promise.reject();
@@ -902,7 +993,7 @@ describe('useUseCase', () => {
     test('when `options` has changed, it should not trigger update', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook22 = renderHook(() => {
+      const _renderHook24 = renderHook(() => {
           const _useState = useState('user/'),
             _useState2 = _slicedToArray(_useState, 2),
             pathPrefix = _useState2[0],
@@ -918,7 +1009,7 @@ describe('useUseCase', () => {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook22.result;
+        result = _renderHook24.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {
@@ -930,7 +1021,7 @@ describe('useUseCase', () => {
     test('when `deps` has changed, it should trigger update', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook23 = renderHook(() => {
+      const _renderHook25 = renderHook(() => {
           const _useState3 = useState('user/'),
             _useState4 = _slicedToArray(_useState3, 2),
             pathPrefix = _useState4[0],
@@ -946,7 +1037,7 @@ describe('useUseCase', () => {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook23.result;
+        result = _renderHook25.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {
@@ -958,7 +1049,7 @@ describe('useUseCase', () => {
     test('empty `deps` should not trigger update', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook24 = renderHook(() => {
+      const _renderHook26 = renderHook(() => {
           const _useState5 = useState('user/'),
             _useState6 = _slicedToArray(_useState5, 2),
             pathPrefix = _useState6[0],
@@ -974,7 +1065,7 @@ describe('useUseCase', () => {
           }, [context]);
           return setPathPrefix;
         }),
-        result = _renderHook24.result;
+        result = _renderHook26.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {
@@ -987,12 +1078,12 @@ describe('useUseCase', () => {
       const onPathChange1 = jest.fn();
       const onPathChange2 = jest.fn();
       let onPathChange = onPathChange1;
-      const _renderHook25 = renderHook(() => {
+      const _renderHook27 = renderHook(() => {
           return useUseCase(defaultFile, fileUseCase, {
             onPathChange
           });
         }),
-        result = _renderHook25.result;
+        result = _renderHook27.result;
       const context = result.current;
       const _context2 = _slicedToArray(context, 2),
         setPath = _context2[1].setPath;
@@ -1013,7 +1104,7 @@ describe('useUseCase', () => {
     test('`options.watch` should be trigger after entity changed', () => {
       const onPathChange = jest.fn();
       const onSizeChange = jest.fn();
-      const _renderHook26 = renderHook(() => {
+      const _renderHook28 = renderHook(() => {
           return useUseCase(defaultFile, fileUseCase, {
             watch: {
               path: onPathChange,
@@ -1021,7 +1112,7 @@ describe('useUseCase', () => {
             }
           });
         }),
-        result = _renderHook26.result;
+        result = _renderHook28.result;
       const cores = result.current;
       const _cores11 = _slicedToArray(cores, 2),
         setPath = _cores11[1].setPath;
@@ -1047,14 +1138,14 @@ describe('useUseCase', () => {
       const onPathChange1 = jest.fn();
       const onPathChange2 = jest.fn();
       let onPathChange = onPathChange1;
-      const _renderHook27 = renderHook(() => {
+      const _renderHook29 = renderHook(() => {
           return useUseCase(defaultFile, fileUseCase, {
             watch: {
               path: onPathChange
             }
           });
         }),
-        result = _renderHook27.result;
+        result = _renderHook29.result;
       const cores = result.current;
       const _cores12 = _slicedToArray(cores, 2),
         _cores12$ = _cores12[1],
@@ -1105,7 +1196,7 @@ describe('useUseCase', () => {
       const initialData = {};
       const onExtChange = jest.fn();
       const onSizeChange = jest.fn();
-      const _renderHook28 = renderHook(() => {
+      const _renderHook30 = renderHook(() => {
           return useUseCase(initialData, fieldPathUseCase, {
             watch: {
               'list.ext': onExtChange,
@@ -1113,7 +1204,7 @@ describe('useUseCase', () => {
             }
           });
         }),
-        result = _renderHook28.result;
+        result = _renderHook30.result;
       const cores = result.current;
       const _cores13 = _slicedToArray(cores, 2),
         setEntity = _cores13[1].setEntity;
@@ -1250,7 +1341,8 @@ describe('useUseCase', () => {
           }, {
             ...defaultFile,
             ext: EXT_1
-          }, defaultFile]
+          }, defaultFile],
+          nestedList: []
         },
         oldEntity: {
           list: [{
@@ -1274,7 +1366,8 @@ describe('useUseCase', () => {
           }, {
             ...defaultFile,
             ext: EXT_1
-          }, defaultFile]
+          }, defaultFile],
+          nestedList: []
         },
         oldEntity: {
           list: [{
@@ -1298,7 +1391,8 @@ describe('useUseCase', () => {
           }, {
             ...defaultFile,
             ext: EXT_1
-          }, defaultFile]
+          }, defaultFile],
+          nestedList: []
         },
         oldEntity: {
           list: [{
@@ -1322,7 +1416,8 @@ describe('useUseCase', () => {
           }, {
             ...defaultFile,
             ext: EXT_1
-          }, defaultFile]
+          }, defaultFile],
+          nestedList: []
         },
         oldEntity: {
           list: [{
@@ -1339,15 +1434,22 @@ describe('useUseCase', () => {
       });
       act(() => {
         setEntity(() => {
-          return {};
+          return {
+            list: []
+          };
         });
       });
       expect(onExtChange).toHaveBeenCalledTimes(9);
       expect(onSizeChange).toHaveBeenCalledTimes(6);
+      const newEntity1 = {
+        list: [],
+        nestedList: []
+      };
       expect(onExtChange).toHaveBeenNthCalledWith(7, {
         fieldPaths: ['list', '0', 'ext'],
-        newEntity: {},
+        newEntity: newEntity1,
         oldEntity: {
+          ...newEntity1,
           list: [{
             ...defaultFile,
             ext: EXT_2
@@ -1361,8 +1463,9 @@ describe('useUseCase', () => {
       });
       expect(onExtChange).toHaveBeenNthCalledWith(8, {
         fieldPaths: ['list', '1', 'ext'],
-        newEntity: {},
+        newEntity: newEntity1,
         oldEntity: {
+          ...newEntity1,
           list: [{
             ...defaultFile,
             ext: EXT_2
@@ -1376,8 +1479,9 @@ describe('useUseCase', () => {
       });
       expect(onExtChange).toHaveBeenNthCalledWith(9, {
         fieldPaths: ['list', '2', 'ext'],
-        newEntity: {},
+        newEntity: newEntity1,
         oldEntity: {
+          ...newEntity1,
           list: [{
             ...defaultFile,
             ext: EXT_2
@@ -1391,8 +1495,9 @@ describe('useUseCase', () => {
       });
       expect(onSizeChange).toHaveBeenNthCalledWith(4, {
         fieldPaths: ['list', '0', 'size'],
-        newEntity: {},
+        newEntity: newEntity1,
         oldEntity: {
+          ...newEntity1,
           list: [{
             ...defaultFile,
             ext: EXT_2
@@ -1406,8 +1511,9 @@ describe('useUseCase', () => {
       });
       expect(onSizeChange).toHaveBeenNthCalledWith(5, {
         fieldPaths: ['list', '1', 'size'],
-        newEntity: {},
+        newEntity: newEntity1,
         oldEntity: {
+          ...newEntity1,
           list: [{
             ...defaultFile,
             ext: EXT_2
@@ -1421,8 +1527,9 @@ describe('useUseCase', () => {
       });
       expect(onSizeChange).toHaveBeenNthCalledWith(6, {
         fieldPaths: ['list', '2', 'size'],
-        newEntity: {},
+        newEntity: newEntity1,
         oldEntity: {
+          ...newEntity1,
           list: [{
             ...defaultFile,
             ext: EXT_2
@@ -1441,7 +1548,7 @@ describe('useUseCase', () => {
       const lengthUseCase = () => {
         return entityUseCase();
       };
-      const _renderHook29 = renderHook(() => {
+      const _renderHook31 = renderHook(() => {
           return useUseCase([], lengthUseCase, {
             watch: {
               length: onEntityLengthChange,
@@ -1449,7 +1556,7 @@ describe('useUseCase', () => {
             }
           });
         }),
-        result = _renderHook29.result;
+        result = _renderHook31.result;
       const cores = result.current;
       const _cores14 = _slicedToArray(cores, 2),
         setEntity = _cores14[1].setEntity;
@@ -1484,14 +1591,14 @@ describe('useUseCase', () => {
     test('`options.watch` should work with field path of nested array', () => {
       const initialData = {};
       const onChange = jest.fn();
-      const _renderHook30 = renderHook(() => {
+      const _renderHook32 = renderHook(() => {
           return useUseCase(initialData, fieldPathUseCase, {
             watch: {
               'nestedList.size': onChange
             }
           });
         }),
-        result = _renderHook30.result;
+        result = _renderHook32.result;
       const cores = result.current;
       const _cores15 = _slicedToArray(cores, 2),
         setEntity = _cores15[1].setEntity;
@@ -1591,7 +1698,7 @@ describe('useUseCase', () => {
       const initialData = {};
       const onExtChange = jest.fn();
       const onSizeChange = jest.fn();
-      const _renderHook31 = renderHook(() => {
+      const _renderHook33 = renderHook(() => {
           return useUseCase(initialData, fieldPathUseCase, {
             watch: {
               'obj.file.ext': onExtChange,
@@ -1599,7 +1706,7 @@ describe('useUseCase', () => {
             }
           });
         }),
-        result = _renderHook31.result;
+        result = _renderHook33.result;
       const cores = result.current;
       const _cores16 = _slicedToArray(cores, 2),
         setEntity = _cores16[1].setEntity;
@@ -1630,14 +1737,22 @@ describe('useUseCase', () => {
       });
       act(() => {
         setEntity(() => {
-          return {};
+          return {
+            obj: {
+              file: {}
+            }
+          };
         });
       });
       expect(onExtChange).toHaveBeenCalledTimes(2);
       expect(onSizeChange).toHaveBeenCalledTimes(0);
       expect(onExtChange).toHaveBeenCalledWith({
         fieldPaths: ['obj', 'file', 'ext'],
-        newEntity: {},
+        newEntity: {
+          obj: {
+            file: {}
+          }
+        },
         oldEntity: {
           obj: {
             file: {
@@ -2260,38 +2375,38 @@ describe('useUseCase', () => {
   });
   describe('`useUseCase` should work the same as `useReducers`', () => {
     test('`entity` should equal `defaultFile`', () => {
-      const _renderHook32 = renderHook(() => {
+      const _renderHook34 = renderHook(() => {
           return useUseCase(mathUseCase);
         }),
-        result = _renderHook32.result;
+        result = _renderHook34.result;
       const reducers = result.current;
       expect(Array.isArray(reducers)).toBe(false);
     });
     test('returned reducer should work', () => {
-      const _renderHook33 = renderHook(() => {
+      const _renderHook35 = renderHook(() => {
           return useUseCase(mathUseCase);
         }),
-        result = _renderHook33.result;
+        result = _renderHook35.result;
       const reducers = result.current;
       const add = reducers.add;
       expect(add(1, 2)).toBe(3);
     });
     test('`usecase` should be called only once if deps has not provided', () => {
       const mockUseCase = jest.fn(mathUseCase);
-      const _renderHook34 = renderHook(() => {
+      const _renderHook36 = renderHook(() => {
           return useUseCase(mockUseCase);
         }),
-        rerender = _renderHook34.rerender;
+        rerender = _renderHook36.rerender;
       expect(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       expect(mockUseCase).toHaveBeenCalledTimes(1);
     });
     test('`usecase` should be called only once if deps has not changed', () => {
       const mockUseCase = jest.fn(mathUseCase);
-      const _renderHook35 = renderHook(() => {
+      const _renderHook37 = renderHook(() => {
           return useUseCase(mockUseCase, {}, [1, 'x']);
         }),
-        rerender = _renderHook35.rerender;
+        rerender = _renderHook37.rerender;
       expect(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       expect(mockUseCase).toHaveBeenCalledTimes(1);
@@ -2299,10 +2414,10 @@ describe('useUseCase', () => {
     test('`usecase` should be called if deps has changed', () => {
       let i = 0;
       const mockUseCase = jest.fn(mathUseCase);
-      const _renderHook36 = renderHook(() => {
+      const _renderHook38 = renderHook(() => {
           return useUseCase(mockUseCase, {}, [i++, 'x']);
         }),
-        rerender = _renderHook36.rerender;
+        rerender = _renderHook38.rerender;
       expect(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       expect(mockUseCase).toHaveBeenCalledTimes(2);
@@ -2386,12 +2501,12 @@ describe('useUseCase', () => {
       expect(subtractionReducer).toHaveReturnedWith(4);
     });
     test('`options.extraValue` should be added after call `add` method', () => {
-      const _renderHook37 = renderHook(() => {
+      const _renderHook39 = renderHook(() => {
           return useUseCase(mathUseCase, {
             extraValue: 5
           });
         }),
-        result = _renderHook37.result;
+        result = _renderHook39.result;
       const reducers = result.current;
       const add = reducers.add;
       expect(add(1, 2)).toBe(8);
@@ -2399,7 +2514,7 @@ describe('useUseCase', () => {
     test('when `options` has changed, it should not trigger update', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook38 = renderHook(() => {
+      const _renderHook40 = renderHook(() => {
           const _useState7 = useState(0),
             _useState8 = _slicedToArray(_useState7, 2),
             extraValue = _useState8[0],
@@ -2415,7 +2530,7 @@ describe('useUseCase', () => {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook38.result;
+        result = _renderHook40.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {
@@ -2427,7 +2542,7 @@ describe('useUseCase', () => {
     test('when `deps` change, it should update reducers', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook39 = renderHook(() => {
+      const _renderHook41 = renderHook(() => {
           const _useState9 = useState(0),
             _useState0 = _slicedToArray(_useState9, 2),
             extraValue = _useState0[0],
@@ -2443,7 +2558,7 @@ describe('useUseCase', () => {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook39.result;
+        result = _renderHook41.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {
@@ -2455,7 +2570,7 @@ describe('useUseCase', () => {
     test('empty `deps` should not update reducers', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook40 = renderHook(() => {
+      const _renderHook42 = renderHook(() => {
           const _useState1 = useState(0),
             _useState10 = _slicedToArray(_useState1, 2),
             extraValue = _useState10[0],
@@ -2471,7 +2586,7 @@ describe('useUseCase', () => {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook40.result;
+        result = _renderHook42.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {