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

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

@@ -1137,44 +1137,6 @@ describe('useUseCase', () => {
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
     });
-    test('event options should be triggered', async () => {
-      let readFilePromise = null;
-      const buttonText = 'my button';
-      const onReadFile = jest.fn(path => {
-        void path;
-        return 1024;
-      });
-      const onSizeChange = jest.fn();
-      const TestComponent = () => {
-        const _useUseCase10 = useUseCase(defaultFile, fileUseCase, {
-            onReadFile
-          }),
-          _useUseCase11 = _slicedToArray(_useUseCase10, 2),
-          size = _useUseCase11[0].size,
-          readFile = _useUseCase11[1].readFile;
-        const onClick = () => {
-          readFilePromise = readFile(PATH_1);
-        };
-        useUpdateEffect(() => {
-          onSizeChange(size);
-        }, [size]);
-        return _jsx("button", {
-          onClick: onClick,
-          children: buttonText
-        });
-      };
-      render(_jsx(TestComponent, {}));
-      expect(onReadFile).toHaveBeenCalledTimes(0);
-      expect(onSizeChange).toHaveBeenCalledTimes(0);
-      await act(async () => {
-        fireEvent.click(screen.getByText(buttonText));
-        await readFilePromise;
-      });
-      expect(onReadFile).toHaveBeenCalledTimes(1);
-      expect(onReadFile).toHaveBeenCalledWith(PATH_1);
-      expect(onSizeChange).toHaveBeenCalledTimes(1);
-      expect(onSizeChange).toHaveBeenCalledWith(1024);
-    });
     test(`should call latest functions of usecase options even deps has not change`, () => {
       const onPathChange1 = jest.fn();
       const onPathChange2 = jest.fn();
@@ -1297,15 +1259,15 @@ describe('useUseCase', () => {
       const TestParent = _ref5 => {
         let file = _ref5.file;
         const path = file.path;
-        const _useUseCase12 = useUseCase(function () {
+        const _useUseCase10 = useUseCase(function () {
             let currentFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
             return {
               ...currentFile,
               path
             };
           }, fileUseCase, {}, [path]),
-          _useUseCase13 = _slicedToArray(_useUseCase12, 3),
-          Provider = _useUseCase13[2];
+          _useUseCase11 = _slicedToArray(_useUseCase10, 3),
+          Provider = _useUseCase11[2];
         return _jsx(Provider, {
           children: _jsx(TestChild, {})
         });
@@ -1989,6 +1951,55 @@ describe('useUseCase', () => {
         oldValue: EXT_1
       });
     });
+    test.only('`options.watch` should not trigger when entity changes between render and effect phase', async () => {
+      let currentPath = '';
+      let currentSetPath = path => {
+        void path;
+      };
+      const onPathChange = jest.fn();
+      const _renderHook37 = renderHook(() => {
+          const cp = currentPath;
+          const onEffect = useMemoizedFn(() => {
+            if (cp !== PATH_1) {
+              return;
+            }
+            currentSetPath(PATH_2);
+          });
+          /**
+           * 这里一定要在 `useUseCase` 前面，因为 `jest` 的测试环境，`useEffect` 会在 `setTimeout(fn, 0)` 之前执行，
+           * 也就是 `useEffect` 不会存在异步的情况，但实际环境却存在 `useEffect` 是异步的情况，
+           * 比如在 `render` 阶段与 `useEffect` 阶段之间，`touchmove` 等事件会触发修改状态。
+           *
+           * 所以，我们在 `useUseCase` 之前使用 `useUpdateEffect`,
+           * 来模拟在 `useUseCase` 的 `render` 阶段与 `useEffect` 阶段之间运行的异步。
+           */
+          useUpdateEffect(() => {
+            if (cp !== PATH_1) {
+              return;
+            }
+            onEffect();
+          }, [cp, onEffect]);
+          const core = useUseCase(defaultFile, fileUseCase, {
+            watch: {
+              path(_ref6) {
+                let newValue = _ref6.newValue;
+                currentPath = newValue;
+                onPathChange(newValue);
+              }
+            }
+          });
+          return core;
+        }),
+        result = _renderHook37.result;
+      const current = result.current;
+      const _current8 = _slicedToArray(current, 2),
+        setPath = _current8[1].setPath;
+      currentSetPath = setPath;
+      act(() => {
+        setPath(PATH_1);
+      });
+      expect(onPathChange).toHaveBeenCalledTimes(2);
+    });
     test('multiple `Provider` should work', () => {
       const onNumberMount = jest.fn();
       const onStringMount = jest.fn();
@@ -2003,15 +2014,15 @@ describe('useUseCase', () => {
         return entityUseCase();
       };
       const TestChildComponent = () => {
-        const _useUseCase14 = useUseCase(numberUseCase),
+        const _useUseCase12 = useUseCase(numberUseCase),
+          _useUseCase13 = _slicedToArray(_useUseCase12, 1),
+          numberValue = _useUseCase13[0];
+        const _useUseCase14 = useUseCase(stringUseCase),
           _useUseCase15 = _slicedToArray(_useUseCase14, 1),
-          numberValue = _useUseCase15[0];
-        const _useUseCase16 = useUseCase(stringUseCase),
+          stringValue = _useUseCase15[0];
+        const _useUseCase16 = useUseCase(booleanUseCase),
           _useUseCase17 = _slicedToArray(_useUseCase16, 1),
-          stringValue = _useUseCase17[0];
-        const _useUseCase18 = useUseCase(booleanUseCase),
-          _useUseCase19 = _slicedToArray(_useUseCase18, 1),
-          booleanValue = _useUseCase19[0];
+          booleanValue = _useUseCase17[0];
         useMount(() => {
           onNumberMount(numberValue);
           onStringMount(stringValue);
@@ -2020,15 +2031,15 @@ describe('useUseCase', () => {
         return null;
       };
       const TestParentComponent = () => {
-        const _useUseCase20 = useUseCase(11, numberUseCase),
+        const _useUseCase18 = useUseCase(11, numberUseCase),
+          _useUseCase19 = _slicedToArray(_useUseCase18, 3),
+          NumberProvider = _useUseCase19[2];
+        const _useUseCase20 = useUseCase('hello', stringUseCase),
           _useUseCase21 = _slicedToArray(_useUseCase20, 3),
-          NumberProvider = _useUseCase21[2];
-        const _useUseCase22 = useUseCase('hello', stringUseCase),
+          StringProvider = _useUseCase21[2];
+        const _useUseCase22 = useUseCase(true, booleanUseCase),
           _useUseCase23 = _slicedToArray(_useUseCase22, 3),
-          StringProvider = _useUseCase23[2];
-        const _useUseCase24 = useUseCase(true, booleanUseCase),
-          _useUseCase25 = _slicedToArray(_useUseCase24, 3),
-          BooleanProvider = _useUseCase25[2];
+          BooleanProvider = _useUseCase23[2];
         return _jsx(NumberProvider, {
           with: [StringProvider, BooleanProvider],
           children: _jsx(TestChildComponent, {})
@@ -2039,7 +2050,7 @@ describe('useUseCase', () => {
       expect(onStringMount).toHaveBeenCalledWith('hello');
       expect(onBooleanMount).toHaveBeenCalledWith(true);
     });
-    test('`onBind` event should be called when component mount', () => {
+    test('Lifecycle `onBind` event should be called when component mount', () => {
       const onBind = jest.fn(entity => {
         void entity;
       });
@@ -2053,9 +2064,9 @@ describe('useUseCase', () => {
         };
       };
       renderHook(() => {
-        const _useUseCase26 = useUseCase(5, testUseCase),
-          _useUseCase27 = _slicedToArray(_useUseCase26, 2),
-          setEntity = _useUseCase27[1].setEntity;
+        const _useUseCase24 = useUseCase(5, testUseCase),
+          _useUseCase25 = _slicedToArray(_useUseCase24, 2),
+          setEntity = _useUseCase25[1].setEntity;
         useMount(() => {
           setEntity(100);
         });
@@ -2063,7 +2074,7 @@ describe('useUseCase', () => {
       expect(onBind).toHaveBeenCalledTimes(1);
       expect(onBind).toHaveBeenCalledWith(5);
     });
-    test('`onChange` event should be called when entity change', () => {
+    test('Lifecycle `onChange` event should be called when entity change', () => {
       const onChange = jest.fn((newEntity, oldEntity) => {
         void newEntity;
         void oldEntity;
@@ -2077,13 +2088,13 @@ describe('useUseCase', () => {
           ...entityReducers
         };
       };
-      const _renderHook37 = renderHook(() => {
+      const _renderHook38 = renderHook(() => {
           return useUseCase(5, testUseCase);
         }),
-        result = _renderHook37.result;
+        result = _renderHook38.result;
       const current = result.current;
-      const _current8 = _slicedToArray(current, 2),
-        setEntity = _current8[1].setEntity;
+      const _current9 = _slicedToArray(current, 2),
+        setEntity = _current9[1].setEntity;
       expect(onChange).toHaveBeenCalledTimes(0);
       act(() => {
         setEntity(100);
@@ -2091,7 +2102,157 @@ describe('useUseCase', () => {
       expect(onChange).toHaveBeenCalledTimes(1);
       expect(onChange).toHaveBeenCalledWith(100, 5);
     });
-    test('`onUpdate` event should be called when entity change', () => {
+    test('Lifecycle `onChange` event should support returning a boolean to control whether the component updates', () => {
+      let i = 0;
+      const onChange = jest.fn((newEntity, oldEntity) => {
+        void newEntity;
+        void oldEntity;
+        return i++ === 0;
+      });
+      const onRenderHook = jest.fn();
+      const testUseCase = () => {
+        const entityReducers = entityUseCase();
+        lifecycleUseCase({
+          onChange
+        });
+        return {
+          ...entityReducers
+        };
+      };
+      const _renderHook39 = renderHook(() => {
+          const core = useUseCase(5, testUseCase);
+          const _core = _slicedToArray(core, 1),
+            value = _core[0];
+          onRenderHook(value);
+          return core;
+        }),
+        result = _renderHook39.result;
+      const current = result.current;
+      const _current0 = _slicedToArray(current, 2),
+        setEntity = _current0[1].setEntity;
+      expect(onRenderHook).toHaveBeenCalledTimes(1);
+      expect(onRenderHook).toHaveBeenLastCalledWith(5);
+      act(() => {
+        setEntity(100);
+      });
+      expect(onRenderHook).toHaveBeenCalledTimes(1);
+      act(() => {
+        setEntity(200);
+      });
+      expect(onRenderHook).toHaveBeenCalledTimes(2);
+      expect(onRenderHook).toHaveBeenLastCalledWith(200);
+    });
+    test('Lifecycle `onChange` event should support returning a Promise<boolean> to control whether the component updates', async () => {
+      let i = 0;
+      let promise = null;
+      const onChange = jest.fn((newEntity, oldEntity) => {
+        void newEntity;
+        void oldEntity;
+        promise = new Promise(res => {
+          setTimeout(() => {
+            res(i++ === 0);
+          }, 500);
+        });
+        return promise;
+      });
+      const onRenderHook = jest.fn();
+      const testUseCase = () => {
+        const entityReducers = entityUseCase();
+        lifecycleUseCase({
+          onChange
+        });
+        return {
+          ...entityReducers
+        };
+      };
+      const _renderHook40 = renderHook(() => {
+          const core = useUseCase(5, testUseCase);
+          const _core2 = _slicedToArray(core, 1),
+            value = _core2[0];
+          onRenderHook(value);
+          return core;
+        }),
+        result = _renderHook40.result;
+      const current = result.current;
+      const _current1 = _slicedToArray(current, 2),
+        setEntity = _current1[1].setEntity;
+      expect(onRenderHook).toHaveBeenCalledTimes(1);
+      expect(onRenderHook).toHaveBeenLastCalledWith(5);
+      act(() => {
+        setEntity(100);
+      });
+      expect(onRenderHook).toHaveBeenCalledTimes(1);
+      await act(async () => {
+        await Promise.resolve(promise);
+      });
+      expect(onRenderHook).toHaveBeenCalledTimes(1);
+      act(() => {
+        setEntity(200);
+      });
+      expect(onRenderHook).toHaveBeenCalledTimes(1);
+      await act(async () => {
+        await Promise.resolve(promise);
+      });
+      expect(onRenderHook).toHaveBeenCalledTimes(2);
+      expect(onRenderHook).toHaveBeenLastCalledWith(200);
+    });
+    test('Lifecycle `onChange` event should support returning a number to control whether the component updates', async () => {
+      const onChange = jest.fn((newEntity, oldEntity) => {
+        void newEntity;
+        void oldEntity;
+        return 500;
+      });
+      const onRenderHook = jest.fn();
+      const testUseCase = () => {
+        const entityReducers = entityUseCase();
+        lifecycleUseCase({
+          onChange
+        });
+        return {
+          ...entityReducers
+        };
+      };
+      const _renderHook41 = renderHook(() => {
+          const core = useUseCase(5, testUseCase);
+          const _core3 = _slicedToArray(core, 1),
+            value = _core3[0];
+          onRenderHook(value);
+          return core;
+        }),
+        result = _renderHook41.result;
+      const current = result.current;
+      const _current10 = _slicedToArray(current, 2),
+        setEntity = _current10[1].setEntity;
+      expect(onRenderHook).toHaveBeenCalledTimes(1);
+      expect(onRenderHook).toHaveBeenLastCalledWith(5);
+      act(() => {
+        setEntity(100);
+      });
+      expect(onRenderHook).toHaveBeenCalledTimes(2);
+      expect(onRenderHook).toHaveBeenLastCalledWith(100);
+      await act(() => {
+        return new Promise(res => {
+          setEntity(200);
+          setTimeout(res, 100);
+        });
+      });
+      expect(onRenderHook).toHaveBeenCalledTimes(2);
+      await act(() => {
+        return new Promise(res => {
+          setEntity(300);
+          setTimeout(res, 100);
+        });
+      });
+      expect(onRenderHook).toHaveBeenCalledTimes(2);
+      await act(() => {
+        return new Promise(res => {
+          setTimeout(res, 500);
+        });
+      });
+      expect(onRenderHook).toHaveBeenCalledTimes(3);
+      expect(onRenderHook).toHaveBeenLastCalledWith(300);
+    });
+    test('Lifecycle `onUpdate` event should be called when entity change', () => {
       const onUpdate = jest.fn((newEntity, oldEntity) => {
         void newEntity;
         void oldEntity;
@@ -2105,13 +2266,13 @@ describe('useUseCase', () => {
           ...entityReducers
         };
       };
-      const _renderHook38 = renderHook(() => {
+      const _renderHook42 = renderHook(() => {
           return useUseCase(5, testUseCase);
         }),
-        result = _renderHook38.result;
+        result = _renderHook42.result;
       const current = result.current;
-      const _current9 = _slicedToArray(current, 2),
-        setEntity = _current9[1].setEntity;
+      const _current11 = _slicedToArray(current, 2),
+        setEntity = _current11[1].setEntity;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       act(() => {
         setEntity(100);
@@ -2119,7 +2280,7 @@ describe('useUseCase', () => {
       expect(onUpdate).toHaveBeenCalledTimes(1);
       expect(onUpdate).toHaveBeenCalledWith(100, 5);
     });
-    test('`onUnbind` event should be called when component unmount', () => {
+    test('Lifecycle `onUnbind` event should be called when component unmount', () => {
       const onUnbind = jest.fn(entity => {
         void entity;
       });
@@ -2132,21 +2293,21 @@ describe('useUseCase', () => {
           ...entityReducers
         };
       };
-      const _renderHook39 = renderHook(() => {
-          const _useUseCase28 = useUseCase(5, testUseCase),
-            _useUseCase29 = _slicedToArray(_useUseCase28, 2),
-            setEntity = _useUseCase29[1].setEntity;
+      const _renderHook43 = renderHook(() => {
+          const _useUseCase26 = useUseCase(5, testUseCase),
+            _useUseCase27 = _slicedToArray(_useUseCase26, 2),
+            setEntity = _useUseCase27[1].setEntity;
           useMount(() => {
             setEntity(100);
           });
         }),
-        unmount = _renderHook39.unmount;
+        unmount = _renderHook43.unmount;
       expect(onUnbind).toHaveBeenCalledTimes(0);
       unmount();
       expect(onUnbind).toHaveBeenCalledTimes(1);
       expect(onUnbind).toHaveBeenCalledWith(100);
     });
-    test('`onAdopt` event should be called when entity change', () => {
+    test('Lifecycle `onAdopt` event should be called when entity change', () => {
       const onAdopt = jest.fn((newEntity, oldeEntity) => {
         void newEntity;
         void oldeEntity;
@@ -2160,13 +2321,13 @@ describe('useUseCase', () => {
           ...entityReducers
         };
       };
-      const _renderHook40 = renderHook(() => {
+      const _renderHook44 = renderHook(() => {
           return useUseCase(5, testUseCase);
         }),
-        result = _renderHook40.result;
+        result = _renderHook44.result;
       const current = result.current;
-      const _current0 = _slicedToArray(current, 2),
-        setEntity = _current0[1].setEntity;
+      const _current12 = _slicedToArray(current, 2),
+        setEntity = _current12[1].setEntity;
       expect(onAdopt).toHaveBeenCalledTimes(1);
       expect(onAdopt).toHaveBeenCalledWith(5);
       act(() => {
@@ -2175,7 +2336,7 @@ describe('useUseCase', () => {
       expect(onAdopt).toHaveBeenCalledTimes(2);
       expect(onAdopt).toHaveBeenCalledWith(100, 5);
     });
-    test('`onDiscard` event should be called when component unmount', () => {
+    test('Lifecycle `onDiscard` event should be called when component unmount', () => {
       const onDiscard = jest.fn(entity => {
         void entity;
       });
@@ -2188,14 +2349,14 @@ describe('useUseCase', () => {
           ...entityReducers
         };
       };
-      const _renderHook41 = renderHook(() => {
+      const _renderHook45 = renderHook(() => {
           return useUseCase(5, testUseCase);
         }),
-        result = _renderHook41.result,
-        unmount = _renderHook41.unmount;
+        result = _renderHook45.result,
+        unmount = _renderHook45.unmount;
       const current = result.current;
-      const _current1 = _slicedToArray(current, 2),
-        setEntity = _current1[1].setEntity;
+      const _current13 = _slicedToArray(current, 2),
+        setEntity = _current13[1].setEntity;
       expect(onDiscard).toHaveBeenCalledTimes(0);
       act(() => {
         setEntity(100);
@@ -2206,6 +2367,80 @@ describe('useUseCase', () => {
       expect(onDiscard).toHaveBeenCalledTimes(2);
       expect(onDiscard).toHaveBeenCalledWith(100);
     });
+    test('Should support call lifecycleUseCase at parent usecase and child usecase', () => {
+      const onParentBind = jest.fn(entity => {
+        void entity;
+      });
+      const onParentChange = jest.fn((newEntity, oldEntity) => {
+        void newEntity;
+        void oldEntity;
+      });
+      const onParentUnbind = jest.fn(entity => {
+        void entity;
+      });
+      const onChildBind = jest.fn(entity => {
+        void entity;
+      });
+      const onChildChange = jest.fn((newEntity, oldEntity) => {
+        void newEntity;
+        void oldEntity;
+      });
+      const onChildUnbind = jest.fn(entity => {
+        void entity;
+      });
+      const parentUseCase = () => {
+        const entityReducers = entityUseCase();
+        lifecycleUseCase({
+          onBind: onParentBind,
+          onUnbind: onParentUnbind,
+          onChange: onParentChange
+        });
+        return {
+          ...entityReducers
+        };
+      };
+      const childUseCase = () => {
+        const parentReducers = parentUseCase();
+        lifecycleUseCase({
+          onBind: onChildBind,
+          onUnbind: onChildUnbind,
+          onChange: onChildChange
+        });
+        return {
+          ...parentReducers
+        };
+      };
+      const _renderHook46 = renderHook(() => {
+          return useUseCase(5, childUseCase);
+        }),
+        result = _renderHook46.result,
+        unmount = _renderHook46.unmount;
+      const current = result.current;
+      const _current14 = _slicedToArray(current, 2),
+        setEntity = _current14[1].setEntity;
+      expect(onParentBind).toHaveBeenCalledTimes(1);
+      expect(onParentBind).toHaveBeenCalledWith(5);
+      expect(onParentChange).toHaveBeenCalledTimes(0);
+      expect(onChildBind).toHaveBeenCalledTimes(1);
+      expect(onChildBind).toHaveBeenCalledWith(5);
+      expect(onChildChange).toHaveBeenCalledTimes(0);
+      act(() => {
+        setEntity(100);
+      });
+      expect(onParentBind).toHaveBeenCalledTimes(1);
+      expect(onParentChange).toHaveBeenCalledTimes(1);
+      expect(onParentChange).toHaveBeenCalledWith(100, 5);
+      expect(onChildBind).toHaveBeenCalledTimes(1);
+      expect(onChildChange).toHaveBeenCalledTimes(1);
+      expect(onChildChange).toHaveBeenCalledWith(100, 5);
+      expect(onParentUnbind).toHaveBeenCalledTimes(0);
+      expect(onChildUnbind).toHaveBeenCalledTimes(0);
+      unmount();
+      expect(onParentUnbind).toHaveBeenCalledTimes(1);
+      expect(onParentUnbind).toHaveBeenCalledWith(100);
+      expect(onChildUnbind).toHaveBeenCalledTimes(1);
+      expect(onChildUnbind).toHaveBeenCalledWith(100);
+    });
   });
   describe('`useUseCase` should work the same as `useContextualCoreCollection`', () => {
     test('Provider should be returned in child component', () => {
@@ -2213,23 +2448,23 @@ describe('useUseCase', () => {
       const TestChild = () => {
         const core = useUseCase(fileUseCase);
         const length = core.length;
-        const _core = _slicedToArray(core, 3),
-          file = _core[0],
-          Provider = _core[2];
+        const _core4 = _slicedToArray(core, 3),
+          file = _core4[0],
+          Provider = _core4[2];
         useEffect(() => {
           onCore(file, length, typeof Provider);
         });
         return _jsx(Fragment, {});
       };
       const TestParent = () => {
-        const _useUseCase30 = useUseCase(() => {
+        const _useUseCase28 = useUseCase(() => {
             return {
               ...defaultFile,
               ext: EXT_1
             };
           }, fileUseCase),
-          _useUseCase31 = _slicedToArray(_useUseCase30, 3),
-          Provider = _useUseCase31[2];
+          _useUseCase29 = _slicedToArray(_useUseCase28, 3),
+          Provider = _useUseCase29[2];
         return _jsx(Provider, {
           children: _jsx(TestChild, {})
         });
@@ -2246,10 +2481,10 @@ describe('useUseCase', () => {
       const onPopupFile = jest.fn();
       const buttonText = 'button';
       const Popup = () => {
-        const _useUseCase32 = useUseCase(fileUseCase),
-          _useUseCase33 = _slicedToArray(_useUseCase32, 2),
-          file = _useUseCase33[0],
-          setEntity = _useUseCase33[1].setEntity;
+        const _useUseCase30 = useUseCase(fileUseCase),
+          _useUseCase31 = _slicedToArray(_useUseCase30, 2),
+          file = _useUseCase31[0],
+          setEntity = _useUseCase31[1].setEntity;
         const onClick = () => {
           setEntity({
             ext: EXT_2
@@ -2264,15 +2499,15 @@ describe('useUseCase', () => {
         });
       };
       const TestChild = () => {
-        const _useUseCase34 = useUseCase(fileUseCase),
-          _useUseCase35 = _slicedToArray(_useUseCase34, 3),
-          Provider = _useUseCase35[2];
+        const _useUseCase32 = useUseCase(fileUseCase),
+          _useUseCase33 = _slicedToArray(_useUseCase32, 3),
+          Provider = _useUseCase33[2];
         return createPortal(_jsx(Provider, {
           children: _jsx(Popup, {})
         }), document.body);
       };
       const TestParent = () => {
-        const _useUseCase36 = useUseCase(() => {
+        const _useUseCase34 = useUseCase(() => {
             return {
               ...defaultFile,
               ext: EXT_1
@@ -2280,9 +2515,9 @@ describe('useUseCase', () => {
           }, fileUseCase, {
             onChange
           }),
-          _useUseCase37 = _slicedToArray(_useUseCase36, 3),
-          file = _useUseCase37[0],
-          Provider = _useUseCase37[2];
+          _useUseCase35 = _slicedToArray(_useUseCase34, 3),
+          file = _useUseCase35[0],
+          Provider = _useUseCase35[2];
         useEffect(() => {
           onRootFile(file);
         }, [file]);
@@ -2347,9 +2582,9 @@ describe('useUseCase', () => {
         return _jsx(Fragment, {});
       };
       const B = () => {
-        const _useUseCase38 = useUseCase(defaultFile, mockUseCase),
-          _useUseCase39 = _slicedToArray(_useUseCase38, 3),
-          Provider = _useUseCase39[2];
+        const _useUseCase36 = useUseCase(defaultFile, mockUseCase),
+          _useUseCase37 = _slicedToArray(_useUseCase36, 3),
+          Provider = _useUseCase37[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2370,9 +2605,9 @@ describe('useUseCase', () => {
         };
       };
       const A = () => {
-        const _useUseCase40 = useUseCase(stringUseCase),
-          _useUseCase41 = _slicedToArray(_useUseCase40, 2),
-          add = _useUseCase41[1].add;
+        const _useUseCase38 = useUseCase(stringUseCase),
+          _useUseCase39 = _slicedToArray(_useUseCase38, 2),
+          add = _useUseCase39[1].add;
         const update = useUpdate();
         const onClick = () => {
           update();
@@ -2384,9 +2619,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase42 = useUseCase('', stringUseCase),
-          _useUseCase43 = _slicedToArray(_useUseCase42, 3),
-          Provider = _useUseCase43[2];
+        const _useUseCase40 = useUseCase('', stringUseCase),
+          _useUseCase41 = _slicedToArray(_useUseCase40, 3),
+          Provider = _useUseCase41[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2411,9 +2646,9 @@ describe('useUseCase', () => {
         };
       };
       const A = () => {
-        const _useUseCase44 = useUseCase(stringUseCase),
-          _useUseCase45 = _slicedToArray(_useUseCase44, 2),
-          add = _useUseCase45[1].add;
+        const _useUseCase42 = useUseCase(stringUseCase),
+          _useUseCase43 = _slicedToArray(_useUseCase42, 2),
+          add = _useUseCase43[1].add;
         const onClick = () => {
           add('x');
         };
@@ -2427,9 +2662,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase46 = useUseCase('', stringUseCase),
-          _useUseCase47 = _slicedToArray(_useUseCase46, 3),
-          Provider = _useUseCase47[2];
+        const _useUseCase44 = useUseCase('', stringUseCase),
+          _useUseCase45 = _slicedToArray(_useUseCase44, 3),
+          Provider = _useUseCase45[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2458,11 +2693,11 @@ describe('useUseCase', () => {
         };
       };
       const A = () => {
-        const _useUseCase48 = useUseCase(stringUseCase),
-          _useUseCase49 = _slicedToArray(_useUseCase48, 2),
-          _useUseCase49$ = _useUseCase49[1],
-          add = _useUseCase49$.add,
-          setEntity = _useUseCase49$.setEntity;
+        const _useUseCase46 = useUseCase(stringUseCase),
+          _useUseCase47 = _slicedToArray(_useUseCase46, 2),
+          _useUseCase47$ = _useUseCase47[1],
+          add = _useUseCase47$.add,
+          setEntity = _useUseCase47$.setEntity;
         const update = useUpdate();
         add(addedText);
         const onSet = () => {
@@ -2482,9 +2717,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase50 = useUseCase('', stringUseCase),
-          _useUseCase51 = _slicedToArray(_useUseCase50, 3),
-          Provider = _useUseCase51[2];
+        const _useUseCase48 = useUseCase('', stringUseCase),
+          _useUseCase49 = _slicedToArray(_useUseCase48, 3),
+          Provider = _useUseCase49[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2513,8 +2748,8 @@ describe('useUseCase', () => {
       const onChangeB = jest.fn(updateChangeTimes);
       const onChangeC = jest.fn(updateChangeTimes);
       const buttonText = 'my button';
-      const A = _ref6 => {
-        let children = _ref6.children;
+      const A = _ref7 => {
+        let children = _ref7.children;
         useUseCase(fileUseCase, {
           onChange: onChangeA
         });
@@ -2529,12 +2764,12 @@ describe('useUseCase', () => {
         return _jsx(Fragment, {});
       };
       const C = () => {
-        const _useUseCase52 = useUseCase(defaultFile, fileUseCase, {
+        const _useUseCase50 = useUseCase(defaultFile, fileUseCase, {
             onChange: onChangeC
           }),
-          _useUseCase53 = _slicedToArray(_useUseCase52, 3),
-          setPath = _useUseCase53[1].setPath,
-          Provider = _useUseCase53[2];
+          _useUseCase51 = _slicedToArray(_useUseCase50, 3),
+          setPath = _useUseCase51[1].setPath,
+          Provider = _useUseCase51[2];
         const onFirstClick = () => {
           setPath(PATH_1);
         };
@@ -2561,11 +2796,11 @@ describe('useUseCase', () => {
       const firstButtonText = 'first button';
       const secondButtonText = 'second button';
       const A = () => {
-        const _useUseCase54 = useUseCase(fileUseCase, {
+        const _useUseCase52 = useUseCase(fileUseCase, {
             onChange
           }),
-          _useUseCase55 = _slicedToArray(_useUseCase54, 2),
-          setPath = _useUseCase55[1].setPath;
+          _useUseCase53 = _slicedToArray(_useUseCase52, 2),
+          setPath = _useUseCase53[1].setPath;
         const onFirstClick = () => {
           setPath(PATH_1);
           onChange = onSecondChange;
@@ -2584,9 +2819,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase56 = useUseCase(defaultFile, fileUseCase),
-          _useUseCase57 = _slicedToArray(_useUseCase56, 3),
-          Provider = _useUseCase57[2];
+        const _useUseCase54 = useUseCase(defaultFile, fileUseCase),
+          _useUseCase55 = _slicedToArray(_useUseCase54, 3),
+          Provider = _useUseCase55[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2605,73 +2840,17 @@ describe('useUseCase', () => {
         path: PATH_1
       });
     });
-    test('event options should be triggered at child components', async () => {
-      let readFilePromise = null;
-      const buttonText = 'my button';
-      const onReadFile1 = jest.fn(path => {
-        void path;
-        return 512;
-      });
-      const onReadFile2 = jest.fn(path => {
-        void path;
-        return 1024;
-      });
-      const onSizeChange = jest.fn();
-      const A = () => {
-        const _useUseCase58 = useUseCase(fileUseCase, {
-            onReadFile: onReadFile1
-          }),
-          _useUseCase59 = _slicedToArray(_useUseCase58, 2),
-          size = _useUseCase59[0].size,
-          readFile = _useUseCase59[1].readFile;
-        const onClick = () => {
-          readFilePromise = readFile(PATH_1);
-        };
-        useUpdateEffect(() => {
-          onSizeChange(size);
-        }, [size]);
-        return _jsx(Fragment, {
-          children: _jsx("button", {
-            onClick: onClick,
-            children: buttonText
-          })
-        });
-      };
-      const B = () => {
-        const _useUseCase60 = useUseCase(defaultFile, fileUseCase, {
-            onReadFile: onReadFile2
-          }),
-          _useUseCase61 = _slicedToArray(_useUseCase60, 3),
-          Provider = _useUseCase61[2];
-        return _jsx(Provider, {
-          children: _jsx(A, {})
-        });
-      };
-      render(_jsx(B, {}));
-      expect(onReadFile1).toHaveBeenCalledTimes(0);
-      expect(onReadFile2).toHaveBeenCalledTimes(0);
-      await act(async () => {
-        fireEvent.click(screen.getByText(buttonText));
-        await readFilePromise;
-      });
-      expect(onReadFile1).toHaveBeenCalledTimes(1);
-      expect(onReadFile2).toHaveBeenCalledWith(PATH_1);
-      expect(onReadFile1).toHaveBeenCalledTimes(1);
-      expect(onReadFile2).toHaveBeenCalledWith(PATH_1);
-      expect(onSizeChange).toHaveBeenCalledTimes(1);
-      expect(onSizeChange).toHaveBeenCalledWith(1024);
-    });
     test('`options.watch` should be triggered at child components', () => {
       const onExtChange = jest.fn();
       const firstButtonText = 'first button';
       const A = () => {
-        const _useUseCase62 = useUseCase(fileUseCase, {
+        const _useUseCase56 = useUseCase(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase63 = _slicedToArray(_useUseCase62, 2),
-          setPath = _useUseCase63[1].setPath;
+          _useUseCase57 = _slicedToArray(_useUseCase56, 2),
+          setPath = _useUseCase57[1].setPath;
         const onFirstClick = () => {
           setPath(PATH_1);
         };
@@ -2681,9 +2860,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase64 = useUseCase(defaultFile, fileUseCase, {}),
-          _useUseCase65 = _slicedToArray(_useUseCase64, 3),
-          Provider = _useUseCase65[2];
+        const _useUseCase58 = useUseCase(defaultFile, fileUseCase, {}),
+          _useUseCase59 = _slicedToArray(_useUseCase58, 3),
+          Provider = _useUseCase59[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2714,8 +2893,8 @@ describe('useUseCase', () => {
       const onChangeB = jest.fn(updateChangeTimes);
       const onChangeC = jest.fn(updateChangeTimes);
       const buttonText = 'my button';
-      const A = _ref7 => {
-        let children = _ref7.children;
+      const A = _ref8 => {
+        let children = _ref8.children;
         useUseCase(fileUseCase, {
           watch: {
             ext: onChangeA
@@ -2734,14 +2913,14 @@ describe('useUseCase', () => {
         return _jsx(Fragment, {});
       };
       const C = () => {
-        const _useUseCase66 = useUseCase(defaultFile, fileUseCase, {
+        const _useUseCase60 = useUseCase(defaultFile, fileUseCase, {
             watch: {
               ext: onChangeC
             }
           }),
-          _useUseCase67 = _slicedToArray(_useUseCase66, 3),
-          setPath = _useUseCase67[1].setPath,
-          Provider = _useUseCase67[2];
+          _useUseCase61 = _slicedToArray(_useUseCase60, 3),
+          setPath = _useUseCase61[1].setPath,
+          Provider = _useUseCase61[2];
         const onFirstClick = () => {
           setPath(PATH_1);
         };
@@ -2768,13 +2947,13 @@ describe('useUseCase', () => {
       const firstButtonText = 'first button';
       const secondButtonText = 'second button';
       const A = () => {
-        const _useUseCase68 = useUseCase(fileUseCase, {
+        const _useUseCase62 = useUseCase(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase69 = _slicedToArray(_useUseCase68, 2),
-          setPath = _useUseCase69[1].setPath;
+          _useUseCase63 = _slicedToArray(_useUseCase62, 2),
+          setPath = _useUseCase63[1].setPath;
         const onFirstClick = () => {
           setPath(PATH_1);
           onExtChange = onSecondExtChange;
@@ -2793,9 +2972,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase70 = useUseCase(defaultFile, fileUseCase),
-          _useUseCase71 = _slicedToArray(_useUseCase70, 3),
-          Provider = _useUseCase71[2];
+        const _useUseCase64 = useUseCase(defaultFile, fileUseCase),
+          _useUseCase65 = _slicedToArray(_useUseCase64, 3),
+          Provider = _useUseCase65[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2823,38 +3002,38 @@ describe('useUseCase', () => {
   });
   describe('`useUseCase` should work the same as `useReducers`', () => {
     test('`entity` should equal `defaultFile`', () => {
-      const _renderHook42 = renderHook(() => {
+      const _renderHook47 = renderHook(() => {
           return useUseCase(mathUseCase);
         }),
-        result = _renderHook42.result;
+        result = _renderHook47.result;
       const reducers = result.current;
       expect(Array.isArray(reducers)).toBe(false);
     });
     test('returned reducer should work', () => {
-      const _renderHook43 = renderHook(() => {
+      const _renderHook48 = renderHook(() => {
           return useUseCase(mathUseCase);
         }),
-        result = _renderHook43.result;
+        result = _renderHook48.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 _renderHook44 = renderHook(() => {
+      const _renderHook49 = renderHook(() => {
           return useUseCase(mockUseCase);
         }),
-        rerender = _renderHook44.rerender;
+        rerender = _renderHook49.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 _renderHook45 = renderHook(() => {
+      const _renderHook50 = renderHook(() => {
           return useUseCase(mockUseCase, {}, [1, 'x']);
         }),
-        rerender = _renderHook45.rerender;
+        rerender = _renderHook50.rerender;
       expect(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       expect(mockUseCase).toHaveBeenCalledTimes(1);
@@ -2862,10 +3041,10 @@ describe('useUseCase', () => {
     test('`usecase` should be called if deps has changed', () => {
       let i = 0;
       const mockUseCase = jest.fn(mathUseCase);
-      const _renderHook46 = renderHook(() => {
+      const _renderHook51 = renderHook(() => {
           return useUseCase(mockUseCase, {}, [i++, 'x']);
         }),
-        rerender = _renderHook46.rerender;
+        rerender = _renderHook51.rerender;
       expect(mockUseCase).toHaveBeenCalledTimes(1);
       rerender();
       expect(mockUseCase).toHaveBeenCalledTimes(2);
@@ -2873,8 +3052,8 @@ describe('useUseCase', () => {
     test('reducer call should not be cached if component is at rendering phase', () => {
       const buttonText = 'button';
       const CacheTestComponent = () => {
-        const _useUseCase72 = useUseCase(mathUseCase),
-          subtraction = _useUseCase72.subtraction;
+        const _useUseCase66 = useUseCase(mathUseCase),
+          subtraction = _useUseCase66.subtraction;
         const update = useUpdate();
         const onClick = () => {
           update();
@@ -2897,8 +3076,8 @@ describe('useUseCase', () => {
     test('reducer call should not be cached if component is not at rendering phase', () => {
       const buttonText = 'button';
       const CacheTestComponent = () => {
-        const _useUseCase73 = useUseCase(mathUseCase),
-          subtraction = _useUseCase73.subtraction;
+        const _useUseCase67 = useUseCase(mathUseCase),
+          subtraction = _useUseCase67.subtraction;
         const onClick = () => {
           subtraction(5, 3);
         };
@@ -2926,8 +3105,8 @@ describe('useUseCase', () => {
       let count = 0;
       const buttonText = 'button';
       const StringUseCaseTestComponent = () => {
-        const _useUseCase74 = useUseCase(mathUseCase),
-          subtraction = _useUseCase74.subtraction;
+        const _useUseCase68 = useUseCase(mathUseCase),
+          subtraction = _useUseCase68.subtraction;
         const update = useUpdate();
         subtraction(5, count++);
         const onUpdate = () => {
@@ -2949,12 +3128,12 @@ describe('useUseCase', () => {
       expect(subtractionReducer).toHaveReturnedWith(4);
     });
     test('`options.extraValue` should be added after call `add` method', () => {
-      const _renderHook47 = renderHook(() => {
+      const _renderHook52 = renderHook(() => {
           return useUseCase(mathUseCase, {
             extraValue: 5
           });
         }),
-        result = _renderHook47.result;
+        result = _renderHook52.result;
       const reducers = result.current;
       const add = reducers.add;
       expect(add(1, 2)).toBe(8);
@@ -2962,7 +3141,7 @@ describe('useUseCase', () => {
     test('when `options` has changed, it should not trigger update', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook48 = renderHook(() => {
+      const _renderHook53 = renderHook(() => {
           const _useState7 = useState(0),
             _useState8 = _slicedToArray(_useState7, 2),
             extraValue = _useState8[0],
@@ -2978,7 +3157,7 @@ describe('useUseCase', () => {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook48.result;
+        result = _renderHook53.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {
@@ -2990,7 +3169,7 @@ describe('useUseCase', () => {
     test('when `deps` change, it should update reducers', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook49 = renderHook(() => {
+      const _renderHook54 = renderHook(() => {
           const _useState9 = useState(0),
             _useState0 = _slicedToArray(_useState9, 2),
             extraValue = _useState0[0],
@@ -3006,7 +3185,7 @@ describe('useUseCase', () => {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook49.result;
+        result = _renderHook54.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {
@@ -3018,7 +3197,7 @@ describe('useUseCase', () => {
     test('empty `deps` should not update reducers', () => {
       const onUpdate = jest.fn();
       const onDeepUpdate = jest.fn();
-      const _renderHook50 = renderHook(() => {
+      const _renderHook55 = renderHook(() => {
           const _useState1 = useState(0),
             _useState10 = _slicedToArray(_useState1, 2),
             extraValue = _useState10[0],
@@ -3034,7 +3213,7 @@ describe('useUseCase', () => {
           }, [reducers]);
           return setExtraValue;
         }),
-        result = _renderHook50.result;
+        result = _renderHook55.result;
       expect(onUpdate).toHaveBeenCalledTimes(0);
       expect(onDeepUpdate).toHaveBeenCalledTimes(0);
       act(() => {