@mic-rexjs/usecases-react 1.5.1 → 1.6.0

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

@@ -109,6 +109,9 @@ var fileUseCase = function fileUseCase() {
     isImage: isImage
   });
 };
+var subtractionReducer = _globals.jest.fn(function (value1, value2) {
+  return value1 - value2;
+});
 var mathUseCase = function mathUseCase() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _options$extraValue = options.extraValue,
@@ -116,12 +119,9 @@ var mathUseCase = function mathUseCase() {
   var add = function add(value1, value2) {
     return value1 + value2 + extraValue;
   };
-  var subtraction = function subtraction(value1, value2) {
-    return value1 - value2;
-  };
   return {
     add: add,
-    subtraction: subtraction
+    subtraction: subtractionReducer
   };
 };
 var fieldPathUseCase = function fieldPathUseCase() {
@@ -239,6 +239,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     callback();
   }, deps);
 };
+(0, _globals.beforeEach)(function () {
+  subtractionReducer.mockClear();
+});
 (0, _globals.describe)('useUseCase', function () {
   (0, _globals.describe)('`useUseCase` should work with 2+ arguments on provider mode', function () {
     (0, _globals.test)('check `context.length`', function () {
@@ -406,6 +409,126 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(result.current[1].init).not.toBe(init);
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
     });
+    (0, _globals.test)('reducer call should be cached if component is at rendering phase', function () {
+      var buttonText = 'button';
+      var addReducer = _globals.jest.fn(function (entity, substring) {
+        return entity + substring;
+      });
+      var stringUseCase = function stringUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        return _objectSpread(_objectSpread({}, entityReducers), {}, {
+          add: addReducer
+        });
+      };
+      var CacheTestComponent = function CacheTestComponent() {
+        var _useUseCase6 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase7 = (0, _slicedToArray2["default"])(_useUseCase6, 2),
+          add = _useUseCase7[1].add;
+        var update = (0, _ahooks.useUpdate)();
+        var onClick = function onClick() {
+          update();
+        };
+        add('x');
+        return (0, _jsxRuntime.jsx)("button", {
+          onClick: onClick,
+          children: buttonText
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(CacheTestComponent, {}));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(addReducer).toHaveBeenCalledWith('', 'x');
+      (0, _globals.expect)(addReducer).toHaveReturnedWith('x');
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
+    });
+    (0, _globals.test)('reducer call should not be cached if component is not at rendering phase', function () {
+      var buttonText = 'button';
+      var addReducer = _globals.jest.fn(function (entity, substring) {
+        return entity + substring;
+      });
+      var stringUseCase = function stringUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        return _objectSpread(_objectSpread({}, entityReducers), {}, {
+          add: addReducer
+        });
+      };
+      var CacheTestComponent = function CacheTestComponent() {
+        var _useUseCase8 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase9 = (0, _slicedToArray2["default"])(_useUseCase8, 2),
+          add = _useUseCase9[1].add;
+        var onClick = function onClick() {
+          add('x');
+        };
+        (0, _ahooks.useMount)(function () {
+          add('x');
+          add('x');
+        });
+        return (0, _jsxRuntime.jsx)("button", {
+          onClick: onClick,
+          children: buttonText
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(CacheTestComponent, {}));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(1, '', 'x');
+      (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(2, '', 'x');
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
+      (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(3, '', 'x');
+    });
+    (0, _globals.test)('reducer call should not be cached if entity or parameters have changed', function () {
+      var count = 0;
+      var addedText = 'x';
+      var setButtonText = 'button';
+      var updateButtonText = 'update';
+      var addReducer = _globals.jest.fn(function (entity, substring) {
+        return entity + substring;
+      });
+      var stringUseCase = function stringUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        return _objectSpread(_objectSpread({}, entityReducers), {}, {
+          add: addReducer
+        });
+      };
+      var CacheTestComponent = function CacheTestComponent() {
+        var _useUseCase10 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase11 = (0, _slicedToArray2["default"])(_useUseCase10, 2),
+          _useUseCase11$ = _useUseCase11[1],
+          add = _useUseCase11$.add,
+          setEntity = _useUseCase11$.setEntity;
+        var update = (0, _ahooks.useUpdate)();
+        add(addedText);
+        var onSet = function onSet() {
+          setEntity("".concat(count++));
+        };
+        var onUpdate = function onUpdate() {
+          update();
+        };
+        return (0, _jsxRuntime.jsxs)("div", {
+          children: [(0, _jsxRuntime.jsx)("button", {
+            onClick: onSet,
+            children: setButtonText
+          }), (0, _jsxRuntime.jsx)("button", {
+            onClick: onUpdate,
+            children: updateButtonText
+          })]
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(CacheTestComponent, {}));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(addReducer).toHaveBeenCalledWith('', 'x');
+      _react.fireEvent.click(_react.screen.getByText(setButtonText));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(addReducer).toHaveBeenCalledWith('0', 'x');
+      (0, _globals.expect)(addReducer).toHaveReturnedWith('0x');
+      addedText = 'y';
+      _react.fireEvent.click(_react.screen.getByText(updateButtonText));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
+      (0, _globals.expect)(addReducer).toHaveBeenCalledWith('0', 'y');
+      (0, _globals.expect)(addReducer).toHaveReturnedWith('0y');
+      _react.fireEvent.click(_react.screen.getByText(updateButtonText));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
+    });
     (0, _globals.test)('`options.stateless` should not generate new reducers when `yeild entity`', function () {
       var onUpdate = _globals.jest.fn();
       var _renderHook9 = (0, _react.renderHook)(function () {
@@ -667,182 +790,33 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
     });
-  });
-  (0, _globals.describe)('`useUseCase` should work with 1+ arguments on non-entity mode', function () {
-    (0, _globals.test)('`entity` should equal `defaultFile`', function () {
-      var _renderHook18 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(mathUseCase);
-        }),
-        result = _renderHook18.result;
-      var reducers = result.current;
-      (0, _globals.expect)(Array.isArray(reducers)).toBe(false);
-    });
-    (0, _globals.test)('returned reducer should work', function () {
-      var _renderHook19 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(mathUseCase);
-        }),
-        result = _renderHook19.result;
-      var reducers = result.current;
-      var add = reducers.add;
-      (0, _globals.expect)(add(1, 2)).toBe(3);
-    });
-    (0, _globals.test)('`options.extraValue` should be added after call `add` method', function () {
-      var _renderHook20 = (0, _react.renderHook)(function () {
-          return (0, _.useUseCase)(mathUseCase, {
-            extraValue: 5
-          });
-        }),
-        result = _renderHook20.result;
-      var reducers = result.current;
-      var add = reducers.add;
-      (0, _globals.expect)(add(1, 2)).toBe(8);
-    });
-    (0, _globals.test)('when `options` has changed, it should not trigger update', function () {
-      var onUpdate = _globals.jest.fn();
-      var onDeepUpdate = _globals.jest.fn();
-      var _renderHook21 = (0, _react.renderHook)(function () {
-          var _useState7 = (0, _react2.useState)(0),
-            _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-            extraValue = _useState8[0],
-            setExtraValue = _useState8[1];
-          var reducers = (0, _.useUseCase)(mathUseCase, {
-            extraValue: extraValue
-          });
-          (0, _ahooks.useUpdateEffect)(function () {
-            onUpdate();
-          }, [reducers]);
-          useDeepCompareUpdate(function () {
-            onDeepUpdate();
-          }, [reducers]);
-          return setExtraValue;
-        }),
-        result = _renderHook21.result;
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
-      (0, _react.act)(function () {
-        result.current(3);
-      });
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
-    });
-    (0, _globals.test)('when `deps` change, it should update reducers', function () {
-      var onUpdate = _globals.jest.fn();
-      var onDeepUpdate = _globals.jest.fn();
-      var _renderHook22 = (0, _react.renderHook)(function () {
-          var _useState9 = (0, _react2.useState)(0),
-            _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-            extraValue = _useState10[0],
-            setExtraValue = _useState10[1];
-          var reducers = (0, _.useUseCase)(mathUseCase, {
-            extraValue: extraValue
-          }, [extraValue]);
-          (0, _ahooks.useUpdateEffect)(function () {
-            onUpdate();
-          }, [reducers]);
-          useDeepCompareUpdate(function () {
-            onDeepUpdate();
-          }, [reducers]);
-          return setExtraValue;
-        }),
-        result = _renderHook22.result;
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
-      (0, _react.act)(function () {
-        result.current(3);
-      });
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(1);
-    });
-    (0, _globals.test)('empty `deps` should not update reducers', function () {
-      var onUpdate = _globals.jest.fn();
-      var onDeepUpdate = _globals.jest.fn();
-      var _renderHook23 = (0, _react.renderHook)(function () {
-          var _useState11 = (0, _react2.useState)(0),
-            _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-            extraValue = _useState12[0],
-            setExtraValue = _useState12[1];
-          var reducers = (0, _.useUseCase)(mathUseCase, {
-            extraValue: extraValue
-          }, []);
-          (0, _ahooks.useUpdateEffect)(function () {
-            onUpdate();
-          }, [reducers]);
-          useDeepCompareUpdate(function () {
-            onDeepUpdate();
-          }, [reducers]);
-          return setExtraValue;
-        }),
-        result = _renderHook23.result;
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
-      (0, _react.act)(function () {
-        result.current(3);
-      });
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
-    });
-    (0, _globals.test)('should not trigger update', function () {
-      var onUpdate = _globals.jest.fn();
-      (0, _react.render)((0, _jsxRuntime.jsx)(MathParent, {
-        onUpdate: onUpdate
-      }));
-      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-    });
-  });
-  (0, _globals.describe)('`useUseCase` should work with 1+ arguments on context mode', function () {
-    (0, _globals.test)('should work within <Child /> which it is under <Parent />', function () {
-      var textPrefix = '>>';
-      var onUpdate = _globals.jest.fn();
-      var onPathChange = _globals.jest.fn();
-      var onUndefinedEntity = _globals.jest.fn();
-      var onSetPath = _globals.jest.fn(function () {
-        return PATH_1;
-      });
-      (0, _react.render)((0, _jsxRuntime.jsx)("div", {
-        children: (0, _jsxRuntime.jsx)(Parent, {
-          onSetPath: onSetPath,
-          children: (0, _jsxRuntime.jsx)(Child, {
-            textPrefix: textPrefix,
-            onUpdate: onUpdate,
-            onPathChange: onPathChange,
-            onUndefinedEntity: onUndefinedEntity
-          })
-        })
-      }));
-      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
-      (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onPathChange).toHaveBeenCalledWith(PATH_1);
-      _react.fireEvent.click(_react.screen.getByText(textPrefix + CHILD_BUTTON_TEXT));
-      (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(2);
-      (0, _globals.expect)(onPathChange).toHaveBeenCalledWith('');
-      (0, _globals.expect)(onUndefinedEntity).toHaveBeenCalledTimes(0);
-    });
-    (0, _globals.test)('`options.onChange` event should be trigger at child elements', function () {
-      var onFirstChange = _globals.jest.fn();
-      var onSecondChange = _globals.jest.fn();
-      var onParentPathChange = _globals.jest.fn();
+    (0, _globals.test)('`options.watch` should be trigger at child elements', function () {
+      var onFirstExtChange = _globals.jest.fn();
+      var onSecondExtChange = _globals.jest.fn();
+      var onParentExtChange = _globals.jest.fn();
+      var onExtChange = onFirstExtChange;
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
-      var onChange = onFirstChange;
       var A = function A() {
         (0, _.useUseCase)(fileUseCase, {
-          onChange: onChange
+          watch: {
+            ext: onExtChange
+          }
         });
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var B = function B() {
-        var _useUseCase6 = (0, _.useUseCase)(defaultFile, fileUseCase, {
-            onChange: onParentPathChange
+        var _useUseCase12 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+            watch: {
+              ext: onParentExtChange
+            }
           }),
-          _useUseCase7 = (0, _slicedToArray2["default"])(_useUseCase6, 3),
-          setPath = _useUseCase7[1].setPath,
-          Provider = _useUseCase7[2];
+          _useUseCase13 = (0, _slicedToArray2["default"])(_useUseCase12, 3),
+          setPath = _useUseCase13[1].setPath,
+          Provider = _useUseCase13[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
-          onChange = onSecondChange;
+          onExtChange = onSecondExtChange;
         };
         var onSecondClick = function onSecondClick() {
           setPath('');
@@ -858,27 +832,40 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
-      (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(0);
       _react.fireEvent.click(_react.screen.getByText(firstButtonText));
-      (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onFirstChange).toHaveBeenLastCalledWith(_objectSpread(_objectSpread({}, defaultFile), {}, {
-        ext: EXT_1,
-        path: PATH_1
-      }), defaultFile);
-      (0, _globals.expect)(onParentPathChange).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onSecondChange).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onFirstExtChange).toHaveBeenLastCalledWith({
+        fieldPaths: ['ext'],
+        newEntity: _objectSpread(_objectSpread({}, defaultFile), {}, {
+          ext: EXT_1,
+          path: PATH_1
+        }),
+        oldEntity: defaultFile,
+        newValue: EXT_1,
+        oldValue: ''
+      });
+      (0, _globals.expect)(onParentExtChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onSecondExtChange).toHaveBeenCalledTimes(0);
       _react.fireEvent.click(_react.screen.getByText(secondButtonText));
-      (0, _globals.expect)(onSecondChange).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onSecondChange).toHaveBeenLastCalledWith(defaultFile, _objectSpread(_objectSpread({}, defaultFile), {}, {
-        ext: EXT_1,
-        path: PATH_1
-      }));
-      (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onParentPathChange).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(onSecondExtChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onSecondExtChange).toHaveBeenLastCalledWith({
+        fieldPaths: ['ext'],
+        newEntity: defaultFile,
+        oldEntity: _objectSpread(_objectSpread({}, defaultFile), {}, {
+          ext: EXT_1,
+          path: PATH_1
+        }),
+        newValue: '',
+        oldValue: EXT_1
+      });
+      (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onParentExtChange).toHaveBeenCalledTimes(2);
     });
-    (0, _globals.test)('`options.onChange` event should be trigger in orders', function () {
+    (0, _globals.test)('`options.watch` should be trigger in orders', function () {
       var changeTimes = 0;
-      var updateChangeTimes = function updateChangeTimes() {
+      var updateChangeTimes = function updateChangeTimes(e) {
+        void e;
         return ++changeTimes;
       };
       var onChangeA = _globals.jest.fn(updateChangeTimes);
@@ -887,129 +874,6 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var buttonText = 'my button';
       var A = function A(_ref7) {
         var children = _ref7.children;
-        (0, _.useUseCase)(fileUseCase, {
-          onChange: onChangeA
-        });
-        return (0, _jsxRuntime.jsx)(_react2.Fragment, {
-          children: children
-        });
-      };
-      var B = function B() {
-        (0, _.useUseCase)(fileUseCase, {
-          onChange: onChangeB
-        });
-        return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
-      };
-      var C = function C() {
-        var _useUseCase8 = (0, _.useUseCase)(defaultFile, fileUseCase, {
-            onChange: onChangeC
-          }),
-          _useUseCase9 = (0, _slicedToArray2["default"])(_useUseCase8, 3),
-          setPath = _useUseCase9[1].setPath,
-          Provider = _useUseCase9[2];
-        var onFirstClick = function onFirstClick() {
-          setPath(PATH_1);
-        };
-        return (0, _jsxRuntime.jsxs)(Provider, {
-          children: [(0, _jsxRuntime.jsx)(A, {
-            children: (0, _jsxRuntime.jsx)(B, {})
-          }), (0, _jsxRuntime.jsx)("button", {
-            onClick: onFirstClick,
-            children: buttonText
-          })]
-        });
-      };
-      (0, _react.render)((0, _jsxRuntime.jsx)(C, {}));
-      (0, _globals.expect)(changeTimes).toBe(0);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
-      (0, _globals.expect)(onChangeA).toHaveReturnedWith(2);
-      (0, _globals.expect)(onChangeB).toHaveReturnedWith(1);
-      (0, _globals.expect)(onChangeC).toHaveReturnedWith(3);
-    });
-    (0, _globals.test)('`options.watch` should be trigger at child elements', function () {
-      var onFirstExtChange = _globals.jest.fn();
-      var onSecondExtChange = _globals.jest.fn();
-      var onParentExtChange = _globals.jest.fn();
-      var onExtChange = onFirstExtChange;
-      var firstButtonText = 'first button';
-      var secondButtonText = 'second button';
-      var A = function A() {
-        (0, _.useUseCase)(fileUseCase, {
-          watch: {
-            ext: onExtChange
-          }
-        });
-        return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
-      };
-      var B = function B() {
-        var _useUseCase10 = (0, _.useUseCase)(defaultFile, fileUseCase, {
-            watch: {
-              ext: onParentExtChange
-            }
-          }),
-          _useUseCase11 = (0, _slicedToArray2["default"])(_useUseCase10, 3),
-          setPath = _useUseCase11[1].setPath,
-          Provider = _useUseCase11[2];
-        var onFirstClick = function onFirstClick() {
-          setPath(PATH_1);
-          onExtChange = onSecondExtChange;
-        };
-        var onSecondClick = function onSecondClick() {
-          setPath('');
-        };
-        return (0, _jsxRuntime.jsxs)(Provider, {
-          children: [(0, _jsxRuntime.jsx)(A, {}), (0, _jsxRuntime.jsx)("button", {
-            onClick: onFirstClick,
-            children: firstButtonText
-          }), (0, _jsxRuntime.jsx)("button", {
-            onClick: onSecondClick,
-            children: secondButtonText
-          })]
-        });
-      };
-      (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
-      (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(firstButtonText));
-      (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onFirstExtChange).toHaveBeenLastCalledWith({
-        fieldPaths: ['ext'],
-        newEntity: _objectSpread(_objectSpread({}, defaultFile), {}, {
-          ext: EXT_1,
-          path: PATH_1
-        }),
-        oldEntity: defaultFile,
-        newValue: EXT_1,
-        oldValue: ''
-      });
-      (0, _globals.expect)(onParentExtChange).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onSecondExtChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(secondButtonText));
-      (0, _globals.expect)(onSecondExtChange).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onSecondExtChange).toHaveBeenLastCalledWith({
-        fieldPaths: ['ext'],
-        newEntity: defaultFile,
-        oldEntity: _objectSpread(_objectSpread({}, defaultFile), {}, {
-          ext: EXT_1,
-          path: PATH_1
-        }),
-        newValue: '',
-        oldValue: EXT_1
-      });
-      (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(1);
-      (0, _globals.expect)(onParentExtChange).toHaveBeenCalledTimes(2);
-    });
-    (0, _globals.test)('`options.watch` should be trigger in orders', function () {
-      var changeTimes = 0;
-      var updateChangeTimes = function updateChangeTimes(e) {
-        void e;
-        return ++changeTimes;
-      };
-      var onChangeA = _globals.jest.fn(updateChangeTimes);
-      var onChangeB = _globals.jest.fn(updateChangeTimes);
-      var onChangeC = _globals.jest.fn(updateChangeTimes);
-      var buttonText = 'my button';
-      var A = function A(_ref8) {
-        var children = _ref8.children;
         (0, _.useUseCase)(fileUseCase, {
           watch: {
             ext: onChangeA
@@ -1028,14 +892,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase12 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase14 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               ext: onChangeC
             }
           }),
-          _useUseCase13 = (0, _slicedToArray2["default"])(_useUseCase12, 3),
-          setPath = _useUseCase13[1].setPath,
-          Provider = _useUseCase13[2];
+          _useUseCase15 = (0, _slicedToArray2["default"])(_useUseCase14, 3),
+          setPath = _useUseCase15[1].setPath,
+          Provider = _useUseCase15[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -1058,7 +922,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('`options.watch` should work with array field path of array', function () {
       var onExtChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook24 = (0, _react.renderHook)(function () {
+      var _renderHook18 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)({}, fieldPathUseCase, {
             watch: {
               'list.ext': onExtChange,
@@ -1066,7 +930,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook24.result;
+        result = _renderHook18.result;
       var cores = result.current;
       var _cores13 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores13[1].setEntity;
@@ -1354,7 +1218,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var lengthUseCase = function lengthUseCase() {
         return (0, _usecases.entityUseCase)();
       };
-      var _renderHook25 = (0, _react.renderHook)(function () {
+      var _renderHook19 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)([], lengthUseCase, {
             watch: {
               length: onEntityLengthChange,
@@ -1362,7 +1226,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook25.result;
+        result = _renderHook19.result;
       var cores = result.current;
       var _cores14 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores14[1].setEntity;
@@ -1396,14 +1260,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     });
     (0, _globals.test)('`options.watch` should work with field path of nested array', function () {
       var onChange = _globals.jest.fn();
-      var _renderHook26 = (0, _react.renderHook)(function () {
+      var _renderHook20 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)({}, fieldPathUseCase, {
             watch: {
               'nestedList.size': onChange
             }
           });
         }),
-        result = _renderHook26.result;
+        result = _renderHook20.result;
       var cores = result.current;
       var _cores15 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores15[1].setEntity;
@@ -1490,7 +1354,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('`options.watch` should work with field path of object', function () {
       var onExtChange = _globals.jest.fn();
       var onSizeChange = _globals.jest.fn();
-      var _renderHook27 = (0, _react.renderHook)(function () {
+      var _renderHook21 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)({}, fieldPathUseCase, {
             watch: {
               'obj.file.ext': onExtChange,
@@ -1498,7 +1362,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             }
           });
         }),
-        result = _renderHook27.result;
+        result = _renderHook21.result;
       var cores = result.current;
       var _cores16 = (0, _slicedToArray2["default"])(cores, 2),
         setEntity = _cores16[1].setEntity;
@@ -1549,4 +1413,483 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       });
     });
   });
+  (0, _globals.describe)('`useUseCase` should work with 1+ arguments on non-entity mode', function () {
+    (0, _globals.test)('`entity` should equal `defaultFile`', function () {
+      var _renderHook22 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mathUseCase);
+        }),
+        result = _renderHook22.result;
+      var reducers = result.current;
+      (0, _globals.expect)(Array.isArray(reducers)).toBe(false);
+    });
+    (0, _globals.test)('returned reducer should work', function () {
+      var _renderHook23 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mathUseCase);
+        }),
+        result = _renderHook23.result;
+      var reducers = result.current;
+      var add = reducers.add;
+      (0, _globals.expect)(add(1, 2)).toBe(3);
+    });
+    (0, _globals.test)('reducer call should be cached if component is at rendering phase', function () {
+      var buttonText = 'button';
+      var CacheTestComponent = function CacheTestComponent() {
+        var _useUseCase16 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase16.subtraction;
+        var update = (0, _ahooks.useUpdate)();
+        var onClick = function onClick() {
+          update();
+        };
+        subtraction(5, 3);
+        return (0, _jsxRuntime.jsx)("button", {
+          onClick: onClick,
+          children: buttonText
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(CacheTestComponent, {}));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 3);
+      (0, _globals.expect)(subtractionReducer).toHaveReturnedWith(2);
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(1);
+    });
+    (0, _globals.test)('reducer call should not be cached if component is not at rendering phase', function () {
+      var buttonText = 'button';
+      var CacheTestComponent = function CacheTestComponent() {
+        var _useUseCase17 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase17.subtraction;
+        var onClick = function onClick() {
+          subtraction(5, 3);
+        };
+        (0, _ahooks.useMount)(function () {
+          subtraction(5, 3);
+          subtraction(5, 3);
+        });
+        return (0, _jsxRuntime.jsx)("button", {
+          onClick: onClick,
+          children: buttonText
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(CacheTestComponent, {}));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(1, 5, 3);
+      (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(1, 2);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(2, 5, 3);
+      (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(2, 2);
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(3);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(3, 5, 3);
+      (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(3, 2);
+    });
+    (0, _globals.test)('reducer call should not be cached if parameters have changed', function () {
+      var count = 0;
+      var buttonText = 'button';
+      var StringUseCaseTestComponent = function StringUseCaseTestComponent() {
+        var _useUseCase18 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase18.subtraction;
+        var update = (0, _ahooks.useUpdate)();
+        subtraction(5, count++);
+        var onUpdate = function onUpdate() {
+          update();
+        };
+        return (0, _jsxRuntime.jsx)("div", {
+          children: (0, _jsxRuntime.jsx)("button", {
+            onClick: onUpdate,
+            children: buttonText
+          })
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(StringUseCaseTestComponent, {}));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 0);
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 1);
+      (0, _globals.expect)(subtractionReducer).toHaveReturnedWith(4);
+    });
+    (0, _globals.test)('`options.extraValue` should be added after call `add` method', function () {
+      var _renderHook24 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mathUseCase, {
+            extraValue: 5
+          });
+        }),
+        result = _renderHook24.result;
+      var reducers = result.current;
+      var add = reducers.add;
+      (0, _globals.expect)(add(1, 2)).toBe(8);
+    });
+    (0, _globals.test)('when `options` has changed, it should not trigger update', function () {
+      var onUpdate = _globals.jest.fn();
+      var onDeepUpdate = _globals.jest.fn();
+      var _renderHook25 = (0, _react.renderHook)(function () {
+          var _useState7 = (0, _react2.useState)(0),
+            _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+            extraValue = _useState8[0],
+            setExtraValue = _useState8[1];
+          var reducers = (0, _.useUseCase)(mathUseCase, {
+            extraValue: extraValue
+          });
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          }, [reducers]);
+          useDeepCompareUpdate(function () {
+            onDeepUpdate();
+          }, [reducers]);
+          return setExtraValue;
+        }),
+        result = _renderHook25.result;
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        result.current(3);
+      });
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+    });
+    (0, _globals.test)('when `deps` change, it should update reducers', function () {
+      var onUpdate = _globals.jest.fn();
+      var onDeepUpdate = _globals.jest.fn();
+      var _renderHook26 = (0, _react.renderHook)(function () {
+          var _useState9 = (0, _react2.useState)(0),
+            _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+            extraValue = _useState10[0],
+            setExtraValue = _useState10[1];
+          var reducers = (0, _.useUseCase)(mathUseCase, {
+            extraValue: extraValue
+          }, [extraValue]);
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          }, [reducers]);
+          useDeepCompareUpdate(function () {
+            onDeepUpdate();
+          }, [reducers]);
+          return setExtraValue;
+        }),
+        result = _renderHook26.result;
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        result.current(3);
+      });
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(1);
+    });
+    (0, _globals.test)('empty `deps` should not update reducers', function () {
+      var onUpdate = _globals.jest.fn();
+      var onDeepUpdate = _globals.jest.fn();
+      var _renderHook27 = (0, _react.renderHook)(function () {
+          var _useState11 = (0, _react2.useState)(0),
+            _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+            extraValue = _useState12[0],
+            setExtraValue = _useState12[1];
+          var reducers = (0, _.useUseCase)(mathUseCase, {
+            extraValue: extraValue
+          }, []);
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          }, [reducers]);
+          useDeepCompareUpdate(function () {
+            onDeepUpdate();
+          }, [reducers]);
+          return setExtraValue;
+        }),
+        result = _renderHook27.result;
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        result.current(3);
+      });
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+    });
+    (0, _globals.test)('should not trigger update', function () {
+      var onUpdate = _globals.jest.fn();
+      (0, _react.render)((0, _jsxRuntime.jsx)(MathParent, {
+        onUpdate: onUpdate
+      }));
+      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+    });
+  });
+  (0, _globals.describe)('`useUseCase` should work with 1+ arguments on context mode', function () {
+    (0, _globals.test)('should work within <Child /> which it is under <Parent />', function () {
+      var textPrefix = '>>';
+      var onUpdate = _globals.jest.fn();
+      var onPathChange = _globals.jest.fn();
+      var onUndefinedEntity = _globals.jest.fn();
+      var onSetPath = _globals.jest.fn(function () {
+        return PATH_1;
+      });
+      (0, _react.render)((0, _jsxRuntime.jsx)("div", {
+        children: (0, _jsxRuntime.jsx)(Parent, {
+          onSetPath: onSetPath,
+          children: (0, _jsxRuntime.jsx)(Child, {
+            textPrefix: textPrefix,
+            onUpdate: onUpdate,
+            onPathChange: onPathChange,
+            onUndefinedEntity: onUndefinedEntity
+          })
+        })
+      }));
+      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
+      (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onPathChange).toHaveBeenCalledWith(PATH_1);
+      _react.fireEvent.click(_react.screen.getByText(textPrefix + CHILD_BUTTON_TEXT));
+      (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(onPathChange).toHaveBeenCalledWith('');
+      (0, _globals.expect)(onUndefinedEntity).toHaveBeenCalledTimes(0);
+    });
+    (0, _globals.test)('reducer call should be cached if component is at rendering phase in child components', function () {
+      var buttonText = 'button';
+      var addReducer = _globals.jest.fn(function (entity, substring) {
+        return entity + substring;
+      });
+      var stringUseCase = function stringUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        return _objectSpread(_objectSpread({}, entityReducers), {}, {
+          add: addReducer
+        });
+      };
+      var A = function A() {
+        var _useUseCase19 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase20 = (0, _slicedToArray2["default"])(_useUseCase19, 2),
+          add = _useUseCase20[1].add;
+        var update = (0, _ahooks.useUpdate)();
+        var onClick = function onClick() {
+          update();
+        };
+        add('x');
+        return (0, _jsxRuntime.jsx)("button", {
+          onClick: onClick,
+          children: buttonText
+        });
+      };
+      var B = function B() {
+        var _useUseCase21 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase22 = (0, _slicedToArray2["default"])(_useUseCase21, 3),
+          Provider = _useUseCase22[2];
+        return (0, _jsxRuntime.jsx)(Provider, {
+          children: (0, _jsxRuntime.jsx)(A, {})
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(addReducer).toHaveBeenCalledWith('', 'x');
+      (0, _globals.expect)(addReducer).toHaveReturnedWith('x');
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
+    });
+    (0, _globals.test)('reducer call should not be cached if component is not at rendering phase in child components', function () {
+      var buttonText = 'button';
+      var addReducer = _globals.jest.fn(function (entity, substring) {
+        return entity + substring;
+      });
+      var stringUseCase = function stringUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        return _objectSpread(_objectSpread({}, entityReducers), {}, {
+          add: addReducer
+        });
+      };
+      var A = function A() {
+        var _useUseCase23 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase24 = (0, _slicedToArray2["default"])(_useUseCase23, 2),
+          add = _useUseCase24[1].add;
+        var onClick = function onClick() {
+          add('x');
+        };
+        (0, _ahooks.useMount)(function () {
+          add('x');
+          add('x');
+        });
+        return (0, _jsxRuntime.jsx)("button", {
+          onClick: onClick,
+          children: buttonText
+        });
+      };
+      var B = function B() {
+        var _useUseCase25 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase26 = (0, _slicedToArray2["default"])(_useUseCase25, 3),
+          Provider = _useUseCase26[2];
+        return (0, _jsxRuntime.jsx)(Provider, {
+          children: (0, _jsxRuntime.jsx)(A, {})
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(1, '', 'x');
+      (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(2, '', 'x');
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
+      (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(3, '', 'x');
+    });
+    (0, _globals.test)('reducer call should not be cached if entity or parameters have changed in child components', function () {
+      var count = 0;
+      var addedText = 'x';
+      var setButtonText = 'button';
+      var updateButtonText = 'update';
+      var addReducer = _globals.jest.fn(function (entity, substring) {
+        return entity + substring;
+      });
+      var stringUseCase = function stringUseCase() {
+        var entityReducers = (0, _usecases.entityUseCase)();
+        return _objectSpread(_objectSpread({}, entityReducers), {}, {
+          add: addReducer
+        });
+      };
+      var A = function A() {
+        var _useUseCase27 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase28 = (0, _slicedToArray2["default"])(_useUseCase27, 2),
+          _useUseCase28$ = _useUseCase28[1],
+          add = _useUseCase28$.add,
+          setEntity = _useUseCase28$.setEntity;
+        var update = (0, _ahooks.useUpdate)();
+        add(addedText);
+        var onSet = function onSet() {
+          setEntity("".concat(count++));
+        };
+        var onUpdate = function onUpdate() {
+          update();
+        };
+        return (0, _jsxRuntime.jsxs)("div", {
+          children: [(0, _jsxRuntime.jsx)("button", {
+            onClick: onSet,
+            children: setButtonText
+          }), (0, _jsxRuntime.jsx)("button", {
+            onClick: onUpdate,
+            children: updateButtonText
+          })]
+        });
+      };
+      var B = function B() {
+        var _useUseCase29 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase30 = (0, _slicedToArray2["default"])(_useUseCase29, 3),
+          Provider = _useUseCase30[2];
+        return (0, _jsxRuntime.jsx)(Provider, {
+          children: (0, _jsxRuntime.jsx)(A, {})
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(addReducer).toHaveBeenCalledWith('', 'x');
+      _react.fireEvent.click(_react.screen.getByText(setButtonText));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(addReducer).toHaveBeenCalledWith('0', 'x');
+      (0, _globals.expect)(addReducer).toHaveReturnedWith('0x');
+      addedText = 'y';
+      _react.fireEvent.click(_react.screen.getByText(updateButtonText));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
+      (0, _globals.expect)(addReducer).toHaveBeenCalledWith('0', 'y');
+      (0, _globals.expect)(addReducer).toHaveReturnedWith('0y');
+      _react.fireEvent.click(_react.screen.getByText(updateButtonText));
+      (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
+    });
+    (0, _globals.test)('`options.onChange` event should be trigger at child elements', function () {
+      var onFirstChange = _globals.jest.fn();
+      var onSecondChange = _globals.jest.fn();
+      var onParentPathChange = _globals.jest.fn();
+      var firstButtonText = 'first button';
+      var secondButtonText = 'second button';
+      var onChange = onFirstChange;
+      var A = function A() {
+        (0, _.useUseCase)(fileUseCase, {
+          onChange: onChange
+        });
+        return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
+      };
+      var B = function B() {
+        var _useUseCase31 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+            onChange: onParentPathChange
+          }),
+          _useUseCase32 = (0, _slicedToArray2["default"])(_useUseCase31, 3),
+          setPath = _useUseCase32[1].setPath,
+          Provider = _useUseCase32[2];
+        var onFirstClick = function onFirstClick() {
+          setPath(PATH_1);
+          onChange = onSecondChange;
+        };
+        var onSecondClick = function onSecondClick() {
+          setPath('');
+        };
+        return (0, _jsxRuntime.jsxs)(Provider, {
+          children: [(0, _jsxRuntime.jsx)(A, {}), (0, _jsxRuntime.jsx)("button", {
+            onClick: onFirstClick,
+            children: firstButtonText
+          }), (0, _jsxRuntime.jsx)("button", {
+            onClick: onSecondClick,
+            children: secondButtonText
+          })]
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
+      (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(0);
+      _react.fireEvent.click(_react.screen.getByText(firstButtonText));
+      (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onFirstChange).toHaveBeenLastCalledWith(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        ext: EXT_1,
+        path: PATH_1
+      }), defaultFile);
+      (0, _globals.expect)(onParentPathChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onSecondChange).toHaveBeenCalledTimes(0);
+      _react.fireEvent.click(_react.screen.getByText(secondButtonText));
+      (0, _globals.expect)(onSecondChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onSecondChange).toHaveBeenLastCalledWith(defaultFile, _objectSpread(_objectSpread({}, defaultFile), {}, {
+        ext: EXT_1,
+        path: PATH_1
+      }));
+      (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onParentPathChange).toHaveBeenCalledTimes(2);
+    });
+    (0, _globals.test)('`options.onChange` event should be trigger in orders', function () {
+      var changeTimes = 0;
+      var updateChangeTimes = function updateChangeTimes() {
+        return ++changeTimes;
+      };
+      var onChangeA = _globals.jest.fn(updateChangeTimes);
+      var onChangeB = _globals.jest.fn(updateChangeTimes);
+      var onChangeC = _globals.jest.fn(updateChangeTimes);
+      var buttonText = 'my button';
+      var A = function A(_ref8) {
+        var children = _ref8.children;
+        (0, _.useUseCase)(fileUseCase, {
+          onChange: onChangeA
+        });
+        return (0, _jsxRuntime.jsx)(_react2.Fragment, {
+          children: children
+        });
+      };
+      var B = function B() {
+        (0, _.useUseCase)(fileUseCase, {
+          onChange: onChangeB
+        });
+        return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
+      };
+      var C = function C() {
+        var _useUseCase33 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+            onChange: onChangeC
+          }),
+          _useUseCase34 = (0, _slicedToArray2["default"])(_useUseCase33, 3),
+          setPath = _useUseCase34[1].setPath,
+          Provider = _useUseCase34[2];
+        var onFirstClick = function onFirstClick() {
+          setPath(PATH_1);
+        };
+        return (0, _jsxRuntime.jsxs)(Provider, {
+          children: [(0, _jsxRuntime.jsx)(A, {
+            children: (0, _jsxRuntime.jsx)(B, {})
+          }), (0, _jsxRuntime.jsx)("button", {
+            onClick: onFirstClick,
+            children: buttonText
+          })]
+        });
+      };
+      (0, _react.render)((0, _jsxRuntime.jsx)(C, {}));
+      (0, _globals.expect)(changeTimes).toBe(0);
+      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      (0, _globals.expect)(onChangeA).toHaveReturnedWith(2);
+      (0, _globals.expect)(onChangeB).toHaveReturnedWith(1);
+      (0, _globals.expect)(onChangeC).toHaveReturnedWith(3);
+    });
+  });
 });