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

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

@@ -26,6 +26,7 @@ const fileUseCase = function () {
   const entityReducers = entityUseCase();
   const _options$pathPrefix = options.pathPrefix,
     pathPrefix = _options$pathPrefix === void 0 ? '' : _options$pathPrefix,
+    onReadFile = options.onReadFile,
     onPathChange = options.onPathChange;
   const init = function (entity) {
     let newEntity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultFile;
@@ -47,7 +48,8 @@ const fileUseCase = function () {
     onPathChange === null || onPathChange === void 0 || onPathChange(newPath, oldPath);
   };
   const readFile = async function* (entity, path) {
-    const size = 2000;
+    var _onReadFile;
+    const size = (_onReadFile = onReadFile === null || onReadFile === void 0 ? void 0 : onReadFile(path)) !== null && _onReadFile !== void 0 ? _onReadFile : 2000;
     yield* setPath(entity, path);
     await Promise.resolve(null);
     yield oldEntity => {
@@ -946,7 +948,7 @@ describe('useUseCase', () => {
       fireEvent.click(screen.getByText(updateButtonText));
       expect(addReducer).toHaveBeenCalledTimes(3);
     });
-    test('`options.onChange` should be trigger when entity has changed', () => {
+    test('`options.onChange` should be triggered when entity has changed', () => {
       const onChange = jest.fn();
       const _renderHook23 = renderHook(() => {
           return useUseCase(defaultFile, fileUseCase, {
@@ -1135,6 +1137,44 @@ 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();
@@ -1162,7 +1202,7 @@ describe('useUseCase', () => {
       expect(onPathChange2).toHaveBeenCalledTimes(1);
       expect(onPathChange2).toHaveBeenLastCalledWith(PATH_2, PATH_1);
     });
-    test('`options.watch` should be trigger after entity changed', () => {
+    test('`options.watch` should be triggered after entity changed', () => {
       const onPathChange = jest.fn();
       const onSizeChange = jest.fn();
       const _renderHook30 = renderHook(() => {
@@ -1195,7 +1235,7 @@ describe('useUseCase', () => {
         oldValue: ''
       });
     });
-    test('`options.watch` should be trigger after update entity by entity initializer', () => {
+    test('`options.watch` should be triggered after update entity by entity initializer', () => {
       const onPathChange = jest.fn();
       const _renderHook31 = renderHook(function () {
           let path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
@@ -1244,7 +1284,7 @@ describe('useUseCase', () => {
         oldValue: PATH_1
       });
     });
-    test('`options.watch` should be trigger after update entity by entity initializer at child component', () => {
+    test('`options.watch` should be triggered after update entity by entity initializer at child component', () => {
       const onPathChange = jest.fn();
       const TestChild = () => {
         useUseCase(fileUseCase, {
@@ -1257,15 +1297,15 @@ describe('useUseCase', () => {
       const TestParent = _ref5 => {
         let file = _ref5.file;
         const path = file.path;
-        const _useUseCase10 = useUseCase(function () {
+        const _useUseCase12 = useUseCase(function () {
             let currentFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
             return {
               ...currentFile,
               path
             };
           }, fileUseCase, {}, [path]),
-          _useUseCase11 = _slicedToArray(_useUseCase10, 3),
-          Provider = _useUseCase11[2];
+          _useUseCase13 = _slicedToArray(_useUseCase12, 3),
+          Provider = _useUseCase13[2];
         return _jsx(Provider, {
           children: _jsx(TestChild, {})
         });
@@ -1963,15 +2003,15 @@ describe('useUseCase', () => {
         return entityUseCase();
       };
       const TestChildComponent = () => {
-        const _useUseCase12 = useUseCase(numberUseCase),
-          _useUseCase13 = _slicedToArray(_useUseCase12, 1),
-          numberValue = _useUseCase13[0];
-        const _useUseCase14 = useUseCase(stringUseCase),
+        const _useUseCase14 = useUseCase(numberUseCase),
           _useUseCase15 = _slicedToArray(_useUseCase14, 1),
-          stringValue = _useUseCase15[0];
-        const _useUseCase16 = useUseCase(booleanUseCase),
+          numberValue = _useUseCase15[0];
+        const _useUseCase16 = useUseCase(stringUseCase),
           _useUseCase17 = _slicedToArray(_useUseCase16, 1),
-          booleanValue = _useUseCase17[0];
+          stringValue = _useUseCase17[0];
+        const _useUseCase18 = useUseCase(booleanUseCase),
+          _useUseCase19 = _slicedToArray(_useUseCase18, 1),
+          booleanValue = _useUseCase19[0];
         useMount(() => {
           onNumberMount(numberValue);
           onStringMount(stringValue);
@@ -1980,15 +2020,15 @@ describe('useUseCase', () => {
         return null;
       };
       const TestParentComponent = () => {
-        const _useUseCase18 = useUseCase(11, numberUseCase),
-          _useUseCase19 = _slicedToArray(_useUseCase18, 3),
-          NumberProvider = _useUseCase19[2];
-        const _useUseCase20 = useUseCase('hello', stringUseCase),
+        const _useUseCase20 = useUseCase(11, numberUseCase),
           _useUseCase21 = _slicedToArray(_useUseCase20, 3),
-          StringProvider = _useUseCase21[2];
-        const _useUseCase22 = useUseCase(true, booleanUseCase),
+          NumberProvider = _useUseCase21[2];
+        const _useUseCase22 = useUseCase('hello', stringUseCase),
           _useUseCase23 = _slicedToArray(_useUseCase22, 3),
-          BooleanProvider = _useUseCase23[2];
+          StringProvider = _useUseCase23[2];
+        const _useUseCase24 = useUseCase(true, booleanUseCase),
+          _useUseCase25 = _slicedToArray(_useUseCase24, 3),
+          BooleanProvider = _useUseCase25[2];
         return _jsx(NumberProvider, {
           with: [StringProvider, BooleanProvider],
           children: _jsx(TestChildComponent, {})
@@ -2004,17 +2044,18 @@ describe('useUseCase', () => {
         void entity;
       });
       const testUseCase = () => {
-        const lifecycleReducers = lifecycleUseCase({
+        const entityReducers = entityUseCase();
+        lifecycleUseCase({
           onBind
         });
         return {
-          ...lifecycleReducers
+          ...entityReducers
         };
       };
       renderHook(() => {
-        const _useUseCase24 = useUseCase(5, testUseCase),
-          _useUseCase25 = _slicedToArray(_useUseCase24, 2),
-          setEntity = _useUseCase25[1].setEntity;
+        const _useUseCase26 = useUseCase(5, testUseCase),
+          _useUseCase27 = _slicedToArray(_useUseCase26, 2),
+          setEntity = _useUseCase27[1].setEntity;
         useMount(() => {
           setEntity(100);
         });
@@ -2028,11 +2069,12 @@ describe('useUseCase', () => {
         void oldEntity;
       });
       const testUseCase = () => {
-        const lifecycleReducers = lifecycleUseCase({
+        const entityReducers = entityUseCase();
+        lifecycleUseCase({
           onChange
         });
         return {
-          ...lifecycleReducers
+          ...entityReducers
         };
       };
       const _renderHook37 = renderHook(() => {
@@ -2055,11 +2097,12 @@ describe('useUseCase', () => {
         void oldEntity;
       });
       const testUseCase = () => {
-        const lifecycleReducers = lifecycleUseCase({
+        const entityReducers = entityUseCase();
+        lifecycleUseCase({
           onUpdate
         });
         return {
-          ...lifecycleReducers
+          ...entityReducers
         };
       };
       const _renderHook38 = renderHook(() => {
@@ -2081,17 +2124,18 @@ describe('useUseCase', () => {
         void entity;
       });
       const testUseCase = () => {
-        const lifecycleReducers = lifecycleUseCase({
+        const entityReducers = entityUseCase();
+        lifecycleUseCase({
           onUnbind
         });
         return {
-          ...lifecycleReducers
+          ...entityReducers
         };
       };
       const _renderHook39 = renderHook(() => {
-          const _useUseCase26 = useUseCase(5, testUseCase),
-            _useUseCase27 = _slicedToArray(_useUseCase26, 2),
-            setEntity = _useUseCase27[1].setEntity;
+          const _useUseCase28 = useUseCase(5, testUseCase),
+            _useUseCase29 = _slicedToArray(_useUseCase28, 2),
+            setEntity = _useUseCase29[1].setEntity;
           useMount(() => {
             setEntity(100);
           });
@@ -2102,64 +2146,66 @@ describe('useUseCase', () => {
       expect(onUnbind).toHaveBeenCalledTimes(1);
       expect(onUnbind).toHaveBeenCalledWith(100);
     });
-  });
-  test('`onAdopt` event should be called when entity change', () => {
-    const onAdopt = jest.fn((newEntity, oldeEntity) => {
-      void newEntity;
-      void oldeEntity;
-    });
-    const testUseCase = () => {
-      const lifecycleReducers = lifecycleUseCase({
-        onAdopt
+    test('`onAdopt` event should be called when entity change', () => {
+      const onAdopt = jest.fn((newEntity, oldeEntity) => {
+        void newEntity;
+        void oldeEntity;
       });
-      return {
-        ...lifecycleReducers
+      const testUseCase = () => {
+        const entityReducers = entityUseCase();
+        lifecycleUseCase({
+          onAdopt
+        });
+        return {
+          ...entityReducers
+        };
       };
-    };
-    const _renderHook40 = renderHook(() => {
-        return useUseCase(5, testUseCase);
-      }),
-      result = _renderHook40.result;
-    const current = result.current;
-    const _current0 = _slicedToArray(current, 2),
-      setEntity = _current0[1].setEntity;
-    expect(onAdopt).toHaveBeenCalledTimes(1);
-    expect(onAdopt).toHaveBeenCalledWith(5);
-    act(() => {
-      setEntity(100);
-    });
-    expect(onAdopt).toHaveBeenCalledTimes(2);
-    expect(onAdopt).toHaveBeenCalledWith(100, 5);
-  });
-  test('`onDiscard` event should be called when component unmount', () => {
-    const onDiscard = jest.fn(entity => {
-      void entity;
+      const _renderHook40 = renderHook(() => {
+          return useUseCase(5, testUseCase);
+        }),
+        result = _renderHook40.result;
+      const current = result.current;
+      const _current0 = _slicedToArray(current, 2),
+        setEntity = _current0[1].setEntity;
+      expect(onAdopt).toHaveBeenCalledTimes(1);
+      expect(onAdopt).toHaveBeenCalledWith(5);
+      act(() => {
+        setEntity(100);
+      });
+      expect(onAdopt).toHaveBeenCalledTimes(2);
+      expect(onAdopt).toHaveBeenCalledWith(100, 5);
     });
-    const testUseCase = () => {
-      const lifecycleReducers = lifecycleUseCase({
-        onDiscard
+    test('`onDiscard` event should be called when component unmount', () => {
+      const onDiscard = jest.fn(entity => {
+        void entity;
       });
-      return {
-        ...lifecycleReducers
+      const testUseCase = () => {
+        const entityReducers = entityUseCase();
+        lifecycleUseCase({
+          onDiscard
+        });
+        return {
+          ...entityReducers
+        };
       };
-    };
-    const _renderHook41 = renderHook(() => {
-        return useUseCase(5, testUseCase);
-      }),
-      result = _renderHook41.result,
-      unmount = _renderHook41.unmount;
-    const current = result.current;
-    const _current1 = _slicedToArray(current, 2),
-      setEntity = _current1[1].setEntity;
-    expect(onDiscard).toHaveBeenCalledTimes(0);
-    act(() => {
-      setEntity(100);
-    });
-    expect(onDiscard).toHaveBeenCalledTimes(1);
-    expect(onDiscard).toHaveBeenCalledWith(5);
-    unmount();
-    expect(onDiscard).toHaveBeenCalledTimes(2);
-    expect(onDiscard).toHaveBeenCalledWith(100);
+      const _renderHook41 = renderHook(() => {
+          return useUseCase(5, testUseCase);
+        }),
+        result = _renderHook41.result,
+        unmount = _renderHook41.unmount;
+      const current = result.current;
+      const _current1 = _slicedToArray(current, 2),
+        setEntity = _current1[1].setEntity;
+      expect(onDiscard).toHaveBeenCalledTimes(0);
+      act(() => {
+        setEntity(100);
+      });
+      expect(onDiscard).toHaveBeenCalledTimes(1);
+      expect(onDiscard).toHaveBeenCalledWith(5);
+      unmount();
+      expect(onDiscard).toHaveBeenCalledTimes(2);
+      expect(onDiscard).toHaveBeenCalledWith(100);
+    });
   });
   describe('`useUseCase` should work the same as `useContextualCoreCollection`', () => {
     test('Provider should be returned in child component', () => {
@@ -2176,14 +2222,14 @@ describe('useUseCase', () => {
         return _jsx(Fragment, {});
       };
       const TestParent = () => {
-        const _useUseCase28 = useUseCase(() => {
+        const _useUseCase30 = useUseCase(() => {
             return {
               ...defaultFile,
               ext: EXT_1
             };
           }, fileUseCase),
-          _useUseCase29 = _slicedToArray(_useUseCase28, 3),
-          Provider = _useUseCase29[2];
+          _useUseCase31 = _slicedToArray(_useUseCase30, 3),
+          Provider = _useUseCase31[2];
         return _jsx(Provider, {
           children: _jsx(TestChild, {})
         });
@@ -2200,10 +2246,10 @@ describe('useUseCase', () => {
       const onPopupFile = jest.fn();
       const buttonText = 'button';
       const Popup = () => {
-        const _useUseCase30 = useUseCase(fileUseCase),
-          _useUseCase31 = _slicedToArray(_useUseCase30, 2),
-          file = _useUseCase31[0],
-          setEntity = _useUseCase31[1].setEntity;
+        const _useUseCase32 = useUseCase(fileUseCase),
+          _useUseCase33 = _slicedToArray(_useUseCase32, 2),
+          file = _useUseCase33[0],
+          setEntity = _useUseCase33[1].setEntity;
         const onClick = () => {
           setEntity({
             ext: EXT_2
@@ -2218,15 +2264,15 @@ describe('useUseCase', () => {
         });
       };
       const TestChild = () => {
-        const _useUseCase32 = useUseCase(fileUseCase),
-          _useUseCase33 = _slicedToArray(_useUseCase32, 3),
-          Provider = _useUseCase33[2];
+        const _useUseCase34 = useUseCase(fileUseCase),
+          _useUseCase35 = _slicedToArray(_useUseCase34, 3),
+          Provider = _useUseCase35[2];
         return createPortal(_jsx(Provider, {
           children: _jsx(Popup, {})
         }), document.body);
       };
       const TestParent = () => {
-        const _useUseCase34 = useUseCase(() => {
+        const _useUseCase36 = useUseCase(() => {
             return {
               ...defaultFile,
               ext: EXT_1
@@ -2234,9 +2280,9 @@ describe('useUseCase', () => {
           }, fileUseCase, {
             onChange
           }),
-          _useUseCase35 = _slicedToArray(_useUseCase34, 3),
-          file = _useUseCase35[0],
-          Provider = _useUseCase35[2];
+          _useUseCase37 = _slicedToArray(_useUseCase36, 3),
+          file = _useUseCase37[0],
+          Provider = _useUseCase37[2];
         useEffect(() => {
           onRootFile(file);
         }, [file]);
@@ -2301,9 +2347,9 @@ describe('useUseCase', () => {
         return _jsx(Fragment, {});
       };
       const B = () => {
-        const _useUseCase36 = useUseCase(defaultFile, mockUseCase),
-          _useUseCase37 = _slicedToArray(_useUseCase36, 3),
-          Provider = _useUseCase37[2];
+        const _useUseCase38 = useUseCase(defaultFile, mockUseCase),
+          _useUseCase39 = _slicedToArray(_useUseCase38, 3),
+          Provider = _useUseCase39[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2324,9 +2370,9 @@ describe('useUseCase', () => {
         };
       };
       const A = () => {
-        const _useUseCase38 = useUseCase(stringUseCase),
-          _useUseCase39 = _slicedToArray(_useUseCase38, 2),
-          add = _useUseCase39[1].add;
+        const _useUseCase40 = useUseCase(stringUseCase),
+          _useUseCase41 = _slicedToArray(_useUseCase40, 2),
+          add = _useUseCase41[1].add;
         const update = useUpdate();
         const onClick = () => {
           update();
@@ -2338,9 +2384,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase40 = useUseCase('', stringUseCase),
-          _useUseCase41 = _slicedToArray(_useUseCase40, 3),
-          Provider = _useUseCase41[2];
+        const _useUseCase42 = useUseCase('', stringUseCase),
+          _useUseCase43 = _slicedToArray(_useUseCase42, 3),
+          Provider = _useUseCase43[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2365,9 +2411,9 @@ describe('useUseCase', () => {
         };
       };
       const A = () => {
-        const _useUseCase42 = useUseCase(stringUseCase),
-          _useUseCase43 = _slicedToArray(_useUseCase42, 2),
-          add = _useUseCase43[1].add;
+        const _useUseCase44 = useUseCase(stringUseCase),
+          _useUseCase45 = _slicedToArray(_useUseCase44, 2),
+          add = _useUseCase45[1].add;
         const onClick = () => {
           add('x');
         };
@@ -2381,9 +2427,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase44 = useUseCase('', stringUseCase),
-          _useUseCase45 = _slicedToArray(_useUseCase44, 3),
-          Provider = _useUseCase45[2];
+        const _useUseCase46 = useUseCase('', stringUseCase),
+          _useUseCase47 = _slicedToArray(_useUseCase46, 3),
+          Provider = _useUseCase47[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2412,11 +2458,11 @@ describe('useUseCase', () => {
         };
       };
       const A = () => {
-        const _useUseCase46 = useUseCase(stringUseCase),
-          _useUseCase47 = _slicedToArray(_useUseCase46, 2),
-          _useUseCase47$ = _useUseCase47[1],
-          add = _useUseCase47$.add,
-          setEntity = _useUseCase47$.setEntity;
+        const _useUseCase48 = useUseCase(stringUseCase),
+          _useUseCase49 = _slicedToArray(_useUseCase48, 2),
+          _useUseCase49$ = _useUseCase49[1],
+          add = _useUseCase49$.add,
+          setEntity = _useUseCase49$.setEntity;
         const update = useUpdate();
         add(addedText);
         const onSet = () => {
@@ -2436,9 +2482,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase48 = useUseCase('', stringUseCase),
-          _useUseCase49 = _slicedToArray(_useUseCase48, 3),
-          Provider = _useUseCase49[2];
+        const _useUseCase50 = useUseCase('', stringUseCase),
+          _useUseCase51 = _slicedToArray(_useUseCase50, 3),
+          Provider = _useUseCase51[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2458,7 +2504,7 @@ describe('useUseCase', () => {
       fireEvent.click(screen.getByText(updateButtonText));
       expect(addReducer).toHaveBeenCalledTimes(3);
     });
-    test('`options.onChange` event should be trigger in orders', () => {
+    test('`options.onChange` event should be triggered in orders', () => {
       let changeTimes = 0;
       const updateChangeTimes = () => {
         return ++changeTimes;
@@ -2483,12 +2529,12 @@ describe('useUseCase', () => {
         return _jsx(Fragment, {});
       };
       const C = () => {
-        const _useUseCase50 = useUseCase(defaultFile, fileUseCase, {
+        const _useUseCase52 = useUseCase(defaultFile, fileUseCase, {
             onChange: onChangeC
           }),
-          _useUseCase51 = _slicedToArray(_useUseCase50, 3),
-          setPath = _useUseCase51[1].setPath,
-          Provider = _useUseCase51[2];
+          _useUseCase53 = _slicedToArray(_useUseCase52, 3),
+          setPath = _useUseCase53[1].setPath,
+          Provider = _useUseCase53[2];
         const onFirstClick = () => {
           setPath(PATH_1);
         };
@@ -2515,11 +2561,11 @@ describe('useUseCase', () => {
       const firstButtonText = 'first button';
       const secondButtonText = 'second button';
       const A = () => {
-        const _useUseCase52 = useUseCase(fileUseCase, {
+        const _useUseCase54 = useUseCase(fileUseCase, {
             onChange
           }),
-          _useUseCase53 = _slicedToArray(_useUseCase52, 2),
-          setPath = _useUseCase53[1].setPath;
+          _useUseCase55 = _slicedToArray(_useUseCase54, 2),
+          setPath = _useUseCase55[1].setPath;
         const onFirstClick = () => {
           setPath(PATH_1);
           onChange = onSecondChange;
@@ -2538,9 +2584,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase54 = useUseCase(defaultFile, fileUseCase),
-          _useUseCase55 = _slicedToArray(_useUseCase54, 3),
-          Provider = _useUseCase55[2];
+        const _useUseCase56 = useUseCase(defaultFile, fileUseCase),
+          _useUseCase57 = _slicedToArray(_useUseCase56, 3),
+          Provider = _useUseCase57[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2559,17 +2605,73 @@ describe('useUseCase', () => {
         path: PATH_1
       });
     });
-    test('`options.watch` should be trigger at child elements', () => {
+    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 _useUseCase56 = useUseCase(fileUseCase, {
+        const _useUseCase62 = useUseCase(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase57 = _slicedToArray(_useUseCase56, 2),
-          setPath = _useUseCase57[1].setPath;
+          _useUseCase63 = _slicedToArray(_useUseCase62, 2),
+          setPath = _useUseCase63[1].setPath;
         const onFirstClick = () => {
           setPath(PATH_1);
         };
@@ -2579,9 +2681,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase58 = useUseCase(defaultFile, fileUseCase, {}),
-          _useUseCase59 = _slicedToArray(_useUseCase58, 3),
-          Provider = _useUseCase59[2];
+        const _useUseCase64 = useUseCase(defaultFile, fileUseCase, {}),
+          _useUseCase65 = _slicedToArray(_useUseCase64, 3),
+          Provider = _useUseCase65[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2602,7 +2704,7 @@ describe('useUseCase', () => {
         oldValue: ''
       });
     });
-    test('`options.watch` should be trigger in orders', () => {
+    test('`options.watch` should be triggered in orders', () => {
       let changeTimes = 0;
       const updateChangeTimes = e => {
         void e;
@@ -2632,14 +2734,14 @@ describe('useUseCase', () => {
         return _jsx(Fragment, {});
       };
       const C = () => {
-        const _useUseCase60 = useUseCase(defaultFile, fileUseCase, {
+        const _useUseCase66 = useUseCase(defaultFile, fileUseCase, {
             watch: {
               ext: onChangeC
             }
           }),
-          _useUseCase61 = _slicedToArray(_useUseCase60, 3),
-          setPath = _useUseCase61[1].setPath,
-          Provider = _useUseCase61[2];
+          _useUseCase67 = _slicedToArray(_useUseCase66, 3),
+          setPath = _useUseCase67[1].setPath,
+          Provider = _useUseCase67[2];
         const onFirstClick = () => {
           setPath(PATH_1);
         };
@@ -2666,13 +2768,13 @@ describe('useUseCase', () => {
       const firstButtonText = 'first button';
       const secondButtonText = 'second button';
       const A = () => {
-        const _useUseCase62 = useUseCase(fileUseCase, {
+        const _useUseCase68 = useUseCase(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase63 = _slicedToArray(_useUseCase62, 2),
-          setPath = _useUseCase63[1].setPath;
+          _useUseCase69 = _slicedToArray(_useUseCase68, 2),
+          setPath = _useUseCase69[1].setPath;
         const onFirstClick = () => {
           setPath(PATH_1);
           onExtChange = onSecondExtChange;
@@ -2691,9 +2793,9 @@ describe('useUseCase', () => {
         });
       };
       const B = () => {
-        const _useUseCase64 = useUseCase(defaultFile, fileUseCase),
-          _useUseCase65 = _slicedToArray(_useUseCase64, 3),
-          Provider = _useUseCase65[2];
+        const _useUseCase70 = useUseCase(defaultFile, fileUseCase),
+          _useUseCase71 = _slicedToArray(_useUseCase70, 3),
+          Provider = _useUseCase71[2];
         return _jsx(Provider, {
           children: _jsx(A, {})
         });
@@ -2771,8 +2873,8 @@ describe('useUseCase', () => {
     test('reducer call should not be cached if component is at rendering phase', () => {
       const buttonText = 'button';
       const CacheTestComponent = () => {
-        const _useUseCase66 = useUseCase(mathUseCase),
-          subtraction = _useUseCase66.subtraction;
+        const _useUseCase72 = useUseCase(mathUseCase),
+          subtraction = _useUseCase72.subtraction;
         const update = useUpdate();
         const onClick = () => {
           update();
@@ -2795,8 +2897,8 @@ describe('useUseCase', () => {
     test('reducer call should not be cached if component is not at rendering phase', () => {
       const buttonText = 'button';
       const CacheTestComponent = () => {
-        const _useUseCase67 = useUseCase(mathUseCase),
-          subtraction = _useUseCase67.subtraction;
+        const _useUseCase73 = useUseCase(mathUseCase),
+          subtraction = _useUseCase73.subtraction;
         const onClick = () => {
           subtraction(5, 3);
         };
@@ -2824,8 +2926,8 @@ describe('useUseCase', () => {
       let count = 0;
       const buttonText = 'button';
       const StringUseCaseTestComponent = () => {
-        const _useUseCase68 = useUseCase(mathUseCase),
-          subtraction = _useUseCase68.subtraction;
+        const _useUseCase74 = useUseCase(mathUseCase),
+          subtraction = _useUseCase74.subtraction;
         const update = useUpdate();
         subtraction(5, count++);
         const onUpdate = () => {