@mic-rexjs/usecases-react 1.3.32

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

@@ -0,0 +1,951 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _wrapAsyncGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapAsyncGenerator"));
+var _awaitAsyncGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/awaitAsyncGenerator"));
+var _asyncGeneratorDelegate2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncGeneratorDelegate"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _usecases = require("@mic-rexjs/usecases");
+var _globals = require("@jest/globals");
+var _react = require("@testing-library/react");
+var _ = require(".");
+var _ahooks = require("ahooks");
+var _react2 = require("react");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _asyncIterator(iterable) { var method, async, sync, retry = 2; for ("undefined" != typeof Symbol && (async = Symbol.asyncIterator, sync = Symbol.iterator); retry--;) { if (async && null != (method = iterable[async])) return method.call(iterable); if (sync && null != (method = iterable[sync])) return new AsyncFromSyncIterator(method.call(iterable)); async = "@@asyncIterator", sync = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
+function AsyncFromSyncIterator(s) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var done = r.done; return Promise.resolve(r.value).then(function (value) { return { value: value, done: done }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(s) { this.s = s, this.n = s.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, "return": function _return(value) { var ret = this.s["return"]; return void 0 === ret ? Promise.resolve({ value: value, done: !0 }) : AsyncFromSyncIteratorContinuation(ret.apply(this.s, arguments)); }, "throw": function _throw(value) { var thr = this.s["return"]; return void 0 === thr ? Promise.reject(value) : AsyncFromSyncIteratorContinuation(thr.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(s); }
+var EXT_1 = '.png';
+var EXT_2 = '.jpg';
+var PATH_1 = "hello".concat(EXT_1);
+var PARENT_BUTTON_TEXT = 'parent button';
+var CHILD_BUTTON_TEXT = 'child button';
+var defaultFile = {
+  path: '',
+  ext: '',
+  size: 0
+};
+var fileUseCase = function fileUseCase() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var entityReducers = (0, _usecases.objectUseCase)();
+  var _options$pathPrefix = options.pathPrefix,
+    pathPrefix = _options$pathPrefix === void 0 ? '' : _options$pathPrefix;
+  var init = function init(entity) {
+    var newEntity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultFile;
+    return /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return function () {
+              return newEntity;
+            };
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })();
+  };
+  var setPath = /*#__PURE__*/_regenerator["default"].mark(function setPath(entity, path) {
+    var _path$match;
+    return _regenerator["default"].wrap(function setPath$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return _objectSpread(_objectSpread({}, entity), {}, {
+            path: pathPrefix + path,
+            ext: ((_path$match = path.match(/\.[^.]+$/)) === null || _path$match === void 0 ? void 0 : _path$match[0]) || ''
+          });
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, setPath);
+  });
+  var readFile = /*#__PURE__*/function () {
+    var _ref = (0, _wrapAsyncGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(entity, path) {
+      var size;
+      return _regenerator["default"].wrap(function _callee2$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            size = 2000;
+            return _context3.delegateYield((0, _asyncGeneratorDelegate2["default"])(_asyncIterator(setPath(entity, path)), _awaitAsyncGenerator2["default"]), "t0", 2);
+          case 2:
+            _context3.next = 4;
+            return (0, _awaitAsyncGenerator2["default"])(Promise.resolve(null));
+          case 4:
+            _context3.next = 6;
+            return function (prevEntity) {
+              return _objectSpread(_objectSpread({}, prevEntity), {}, {
+                size: size
+              });
+            };
+          case 6:
+            return _context3.abrupt("return", size);
+          case 7:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee2);
+    }));
+    return function readFile(_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var isImage = function isImage(entity) {
+    var ext = entity.ext;
+    return [EXT_1, EXT_2].includes(ext);
+  };
+  return _objectSpread(_objectSpread({}, entityReducers), {}, {
+    init: init,
+    setPath: setPath,
+    readFile: readFile,
+    isImage: isImage
+  });
+};
+var mathUseCase = function mathUseCase() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options$extraValue = options.extraValue,
+    extraValue = _options$extraValue === void 0 ? 0 : _options$extraValue;
+  var add = function add(value1, value2) {
+    return value1 + value2 + extraValue;
+  };
+  var subtraction = function subtraction(value1, value2) {
+    return value1 - value2;
+  };
+  return {
+    add: add,
+    subtraction: subtraction
+  };
+};
+var Child = function Child(_ref2) {
+  var _ref2$textPrefix = _ref2.textPrefix,
+    textPrefix = _ref2$textPrefix === void 0 ? '' : _ref2$textPrefix,
+    onUpdate = _ref2.onUpdate,
+    onPathChange = _ref2.onPathChange,
+    onUndefinedEntity = _ref2.onUndefinedEntity;
+  var _useUseCase = (0, _.useUseCase)(fileUseCase),
+    _useUseCase2 = (0, _slicedToArray2["default"])(_useUseCase, 2),
+    file = _useUseCase2[0],
+    setPath = _useUseCase2[1].setPath;
+  var _ref3 = file || {},
+    path = _ref3.path,
+    ext = _ref3.ext;
+  var onClick = function onClick() {
+    setPath('');
+  };
+  var undefinedEntity = (0, _ahooks.useMemoizedFn)(function () {
+    onUndefinedEntity === null || onUndefinedEntity === void 0 ? void 0 : onUndefinedEntity();
+  });
+  (0, _ahooks.useUpdateEffect)(function () {
+    onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate();
+  });
+  (0, _react2.useEffect)(function () {
+    if (file === void 0) {
+      undefinedEntity();
+    }
+  }, [file, undefinedEntity]);
+  var pathChange = (0, _ahooks.useMemoizedFn)(function () {
+    onPathChange === null || onPathChange === void 0 ? void 0 : onPathChange(path);
+  });
+  (0, _ahooks.useUpdateEffect)(pathChange, [path, pathChange]);
+  return (0, _jsxRuntime.jsxs)("div", {
+    children: [(0, _jsxRuntime.jsxs)("main", {
+      children: ["child path: ", path, (0, _jsxRuntime.jsx)("br", {}), "child ext: ", ext]
+    }), (0, _jsxRuntime.jsx)("footer", {
+      children: (0, _jsxRuntime.jsx)("button", {
+        onClick: onClick,
+        children: textPrefix + CHILD_BUTTON_TEXT
+      })
+    })]
+  });
+};
+var Parent = function Parent(_ref4) {
+  var children = _ref4.children,
+    stateless = _ref4.stateless,
+    onUpdate = _ref4.onUpdate,
+    onSetPath = _ref4.onSetPath;
+  var _useUseCase3 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+      stateless: stateless
+    }),
+    _useUseCase4 = (0, _slicedToArray2["default"])(_useUseCase3, 3),
+    _useUseCase4$ = _useUseCase4[0],
+    path = _useUseCase4$.path,
+    ext = _useUseCase4$.ext,
+    setPath = _useUseCase4[1].setPath,
+    Provider = _useUseCase4[2];
+  var onClick = function onClick() {
+    setPath((onSetPath === null || onSetPath === void 0 ? void 0 : onSetPath()) || '');
+  };
+  (0, _ahooks.useUpdateEffect)(function () {
+    onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate();
+  });
+  return (0, _jsxRuntime.jsx)(Provider, {
+    children: (0, _jsxRuntime.jsxs)("div", {
+      children: [(0, _jsxRuntime.jsxs)("header", {
+        children: ["parent path: ", path, (0, _jsxRuntime.jsx)("br", {}), "parent ext: ", ext]
+      }), (0, _jsxRuntime.jsx)("main", {
+        children: children
+      }), (0, _jsxRuntime.jsx)("footer", {
+        children: (0, _jsxRuntime.jsx)("button", {
+          onClick: onClick,
+          children: PARENT_BUTTON_TEXT
+        })
+      })]
+    })
+  });
+};
+var MathParent = function MathParent(_ref5) {
+  var _ref5$extraValue = _ref5.extraValue,
+    extraValue = _ref5$extraValue === void 0 ? 0 : _ref5$extraValue,
+    onUpdate = _ref5.onUpdate;
+  var _useUseCase5 = (0, _.useUseCase)(mathUseCase, {
+      extraValue: extraValue
+    }, [extraValue]),
+    add = _useUseCase5.add;
+  var onClick = function onClick() {
+    add(1, 2);
+  };
+  (0, _ahooks.useUpdateEffect)(function () {
+    onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate();
+  });
+  return (0, _jsxRuntime.jsx)("div", {
+    children: (0, _jsxRuntime.jsx)("button", {
+      onClick: onClick,
+      children: PARENT_BUTTON_TEXT
+    })
+  });
+};
+var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
+  var isFirstRef = (0, _react2.useRef)(true);
+  (0, _react2.useEffect)(function () {
+    return function () {
+      isFirstRef.current = false;
+    };
+  });
+  _ahooks.useDeepCompareEffect.call(null, function () {
+    if (isFirstRef.current) {
+      return;
+    }
+    callback();
+  }, deps);
+};
+(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 () {
+      var _renderHook = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(defaultFile, fileUseCase);
+        }),
+        result = _renderHook.result;
+      var context = result.current;
+      (0, _globals.expect)(context).toHaveLength(3);
+    });
+    (0, _globals.test)('`entity` should equal `defaultFile`', function () {
+      var _renderHook2 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(defaultFile, fileUseCase);
+        }),
+        result = _renderHook2.result;
+      var context = result.current;
+      var _context4 = (0, _slicedToArray2["default"])(context, 1),
+        entity = _context4[0];
+      (0, _globals.expect)(entity).toBe(defaultFile);
+    });
+    (0, _globals.test)('`reducers` should be returned as an object', function () {
+      var _renderHook3 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(defaultFile, fileUseCase);
+        }),
+        result = _renderHook3.result;
+      var context = result.current;
+      var _context5 = (0, _slicedToArray2["default"])(context, 2),
+        reducers = _context5[1];
+      (0, _globals.expect)((0, _typeof2["default"])(reducers)).toBe('object');
+    });
+    (0, _globals.test)('`Provider` should be returned as a function', function () {
+      var _renderHook4 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(defaultFile, fileUseCase);
+        }),
+        result = _renderHook4.result;
+      var context = result.current;
+      var _context6 = (0, _slicedToArray2["default"])(context, 3),
+        Provider = _context6[2];
+      (0, _globals.expect)((0, _typeof2["default"])(Provider)).toBe('function');
+    });
+    (0, _globals.test)('after call non-generator reducer, it should not trigger update', function () {
+      var onUpdate = _globals.jest.fn();
+      var onDeepUpdate = _globals.jest.fn();
+      var _renderHook5 = (0, _react.renderHook)(function () {
+          var context = (0, _.useUseCase)(defaultFile, fileUseCase);
+          var _context7 = (0, _slicedToArray2["default"])(context, 2),
+            reducers = _context7[1];
+          var isImage = reducers.isImage;
+          var update = (0, _ahooks.useUpdate)();
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          }, [context]);
+          useDeepCompareUpdate(function () {
+            onDeepUpdate();
+          }, [context]);
+          return function (shouldUpdate) {
+            isImage();
+            if (!shouldUpdate) {
+              return;
+            }
+            update();
+          };
+        }),
+        result = _renderHook5.result;
+      (0, _react.act)(function () {
+        result.current();
+      });
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        result.current(true);
+      });
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+    });
+    (0, _globals.test)('after `yield entity`, it should trigger update', function () {
+      var onUpdate = _globals.jest.fn();
+      var _renderHook6 = (0, _react.renderHook)(function () {
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          });
+          return (0, _.useUseCase)(defaultFile, fileUseCase);
+        }),
+        result = _renderHook6.result;
+      var context = result.current;
+      var _context8 = (0, _slicedToArray2["default"])(context, 2),
+        entity = _context8[0],
+        reducers = _context8[1];
+      var setPath = reducers.setPath,
+        setEntity = reducers.setEntity;
+      (0, _react.act)(function () {
+        setPath(PATH_1);
+        setEntity({
+          size: 5000
+        });
+      });
+      (0, _globals.expect)(result.current).not.toBe(context);
+      (0, _globals.expect)(result.current[0]).not.toBe(entity);
+      (0, _globals.expect)(result.current[1]).not.toBe(reducers);
+      (0, _globals.expect)(result.current[1].setPath).not.toBe(setPath);
+      (0, _globals.expect)(result.current[0]).toEqual(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_1,
+        ext: EXT_1,
+        size: 5000
+      }));
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
+    });
+    (0, _globals.test)('after `yield entity` on async mode, it should trigger update', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      var onUpdate, _renderHook7, result, context, _context9, entity, reducers, readFile, promise;
+      return _regenerator["default"].wrap(function _callee3$(_context10) {
+        while (1) switch (_context10.prev = _context10.next) {
+          case 0:
+            onUpdate = _globals.jest.fn();
+            _renderHook7 = (0, _react.renderHook)(function () {
+              (0, _ahooks.useUpdateEffect)(function () {
+                onUpdate();
+              });
+              return (0, _.useUseCase)(defaultFile, fileUseCase);
+            }), result = _renderHook7.result;
+            context = result.current;
+            _context9 = (0, _slicedToArray2["default"])(context, 2), entity = _context9[0], reducers = _context9[1];
+            readFile = reducers.readFile;
+            promise = (0, _react.act)(function () {
+              return readFile(PATH_1);
+            });
+            (0, _globals.expect)(result.current).toBe(context);
+            (0, _globals.expect)(result.current).toEqual(context);
+            (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+            _context10.next = 11;
+            return promise;
+          case 11:
+            (0, _globals.expect)(result.current[0]).not.toBe(entity);
+            (0, _globals.expect)(result.current[1]).not.toBe(reducers);
+            (0, _globals.expect)(result.current[1].readFile).not.toBe(readFile);
+            (0, _globals.expect)(result.current[0].path).toBe(PATH_1);
+            (0, _globals.expect)(result.current[0].ext).toBe(EXT_1);
+            (0, _globals.expect)(result.current[0].size).toBe(2000);
+            (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
+          case 18:
+          case "end":
+            return _context10.stop();
+        }
+      }, _callee3);
+    })));
+    (0, _globals.test)('after `yield entity` callbacks, it should trigger update', function () {
+      var onUpdate = _globals.jest.fn();
+      var _renderHook8 = (0, _react.renderHook)(function () {
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          });
+          return (0, _.useUseCase)(defaultFile, fileUseCase);
+        }),
+        result = _renderHook8.result;
+      var context = result.current;
+      var _context11 = (0, _slicedToArray2["default"])(context, 2),
+        reducers = _context11[1];
+      var init = reducers.init;
+      (0, _react.act)(function () {
+        init(_objectSpread(_objectSpread({}, defaultFile), {}, {
+          size: 5000
+        }));
+      });
+      (0, _globals.expect)(result.current[0].size).toBe(5000);
+      (0, _globals.expect)(result.current[1]).not.toBe(reducers);
+      (0, _globals.expect)(result.current[1].init).not.toBe(init);
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
+    });
+    (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 () {
+          var file = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultFile;
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          });
+          return (0, _.useUseCase)(file, fileUseCase, {
+            stateless: true
+          });
+        }),
+        result = _renderHook9.result,
+        rerender = _renderHook9.rerender;
+      var context = result.current;
+      var _context12 = (0, _slicedToArray2["default"])(context, 2),
+        setPath = _context12[1].setPath;
+      setPath(PATH_1);
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(result.current[0].path).toBe('');
+      (0, _globals.expect)(result.current[1].setPath).toBe(setPath);
+      rerender(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_1
+      }));
+      (0, _globals.expect)(result.current[0].path).toBe(PATH_1);
+      (0, _globals.expect)(result.current[1].setPath).not.toBe(setPath);
+    });
+    (0, _globals.test)('`options.stateless` should not trigger update when after `yield entity`', function () {
+      var onUpdate = _globals.jest.fn();
+      var _renderHook10 = (0, _react.renderHook)(function () {
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          });
+          return (0, _.useUseCase)(defaultFile, fileUseCase, {
+            stateless: true
+          });
+        }),
+        result = _renderHook10.result;
+      var context = result.current;
+      var _context13 = (0, _slicedToArray2["default"])(context, 2),
+        reducers = _context13[1];
+      var setPath = reducers.setPath;
+      (0, _react.act)(function () {
+        setPath(PATH_1);
+      });
+      (0, _globals.expect)(result.current).toBe(context);
+      (0, _globals.expect)(result.current).toEqual(context);
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+    });
+    (0, _globals.test)('`options.onChange` should be trigger when entity has changed', function () {
+      var onChange = _globals.jest.fn();
+      var _renderHook11 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(defaultFile, fileUseCase, {
+            onChange: onChange
+          });
+        }),
+        result = _renderHook11.result;
+      var context = result.current;
+      var _context14 = (0, _slicedToArray2["default"])(context, 2),
+        reducers = _context14[1];
+      var setPath = reducers.setPath;
+      (0, _globals.expect)(onChange).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        setPath(PATH_1);
+      });
+      (0, _globals.expect)(onChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onChange).toHaveBeenLastCalledWith(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_1,
+        ext: EXT_1
+      }), defaultFile);
+    });
+    (0, _globals.test)('`options.options` should override rest options', function () {
+      var _renderHook12 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(defaultFile, fileUseCase, {
+            pathPrefix: 'xyz/',
+            options: {
+              pathPrefix: '123/'
+            }
+          });
+        }),
+        result = _renderHook12.result;
+      var context = result.current;
+      var _context15 = (0, _slicedToArray2["default"])(context, 2),
+        path = _context15[0].path,
+        reducers = _context15[1];
+      var setPath = reducers.setPath;
+      (0, _globals.expect)(path).toBe('');
+      (0, _react.act)(function () {
+        setPath(PATH_1);
+      });
+      (0, _globals.expect)(result.current[0].path).toBe('123/' + PATH_1);
+    });
+    (0, _globals.test)('when `options` has changed, it should not trigger update', function () {
+      var onUpdate = _globals.jest.fn();
+      var onDeepUpdate = _globals.jest.fn();
+      var _renderHook13 = (0, _react.renderHook)(function () {
+          var _useState = (0, _react2.useState)('user/'),
+            _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+            pathPrefix = _useState2[0],
+            setPathPrefix = _useState2[1];
+          var context = (0, _.useUseCase)(defaultFile, fileUseCase, {
+            pathPrefix: pathPrefix
+          });
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          }, [context]);
+          useDeepCompareUpdate(function () {
+            onDeepUpdate();
+          }, [context]);
+          return setPathPrefix;
+        }),
+        result = _renderHook13.result;
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        result.current('my/');
+      });
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+    });
+    (0, _globals.test)('when `entity` change, it should trigger watchers', function () {
+      var onPathChange1 = _globals.jest.fn();
+      var onPathChange2 = _globals.jest.fn();
+      var onPathChange = onPathChange1;
+      var _renderHook14 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(defaultFile, fileUseCase, {
+            watch: {
+              path: onPathChange
+            }
+          });
+        }),
+        result = _renderHook14.result;
+      var context = result.current;
+      var _context16 = (0, _slicedToArray2["default"])(context, 2),
+        _context16$ = _context16[1],
+        setPath = _context16$.setPath,
+        setEntity = _context16$.setEntity;
+      onPathChange = onPathChange2;
+      (0, _globals.expect)(onPathChange1).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        setPath(PATH_1);
+        setEntity({
+          size: 5000
+        });
+      });
+      (0, _globals.expect)(onPathChange1).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onPathChange1).toHaveBeenLastCalledWith(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_1,
+        ext: EXT_1
+      }), defaultFile);
+      (0, _react.act)(function () {
+        setPath('');
+      });
+      (0, _globals.expect)(onPathChange2).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onPathChange2).toHaveBeenLastCalledWith(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        size: 5000
+      }), _objectSpread(_objectSpread({}, defaultFile), {}, {
+        path: PATH_1,
+        size: 5000,
+        ext: EXT_1
+      }));
+    });
+    (0, _globals.test)('when `deps` has changed, it should trigger update', function () {
+      var onUpdate = _globals.jest.fn();
+      var onDeepUpdate = _globals.jest.fn();
+      var _renderHook15 = (0, _react.renderHook)(function () {
+          var _useState3 = (0, _react2.useState)('user/'),
+            _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+            pathPrefix = _useState4[0],
+            setPathPrefix = _useState4[1];
+          var context = (0, _.useUseCase)(defaultFile, fileUseCase, {
+            pathPrefix: pathPrefix
+          }, [pathPrefix]);
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          }, [context]);
+          useDeepCompareUpdate(function () {
+            onDeepUpdate();
+          }, [context]);
+          return setPathPrefix;
+        }),
+        result = _renderHook15.result;
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        result.current('my/');
+      });
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(1);
+    });
+    (0, _globals.test)('empty `deps` should not trigger update', function () {
+      var onUpdate = _globals.jest.fn();
+      var onDeepUpdate = _globals.jest.fn();
+      var _renderHook16 = (0, _react.renderHook)(function () {
+          var _useState5 = (0, _react2.useState)('user/'),
+            _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+            pathPrefix = _useState6[0],
+            setPathPrefix = _useState6[1];
+          var context = (0, _.useUseCase)(defaultFile, fileUseCase, {
+            pathPrefix: pathPrefix
+          }, []);
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          }, [context]);
+          useDeepCompareUpdate(function () {
+            onDeepUpdate();
+          }, [context]);
+          return setPathPrefix;
+        }),
+        result = _renderHook16.result;
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+      (0, _react.act)(function () {
+        result.current('my/');
+      });
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onDeepUpdate).toHaveBeenCalledTimes(0);
+    });
+  });
+  (0, _globals.describe)('`useUseCase` should work with 1+ argument on accessor mode', function () {
+    (0, _globals.test)('check `context.length`', function () {
+      var _renderHook17 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(fileUseCase);
+        }),
+        result = _renderHook17.result;
+      var context = result.current;
+      (0, _globals.expect)(context).toHaveLength(2);
+    });
+    (0, _globals.test)('`entity` should be `undefined`', function () {
+      var _renderHook18 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(fileUseCase);
+        }),
+        result = _renderHook18.result;
+      var context = result.current;
+      var _context17 = (0, _slicedToArray2["default"])(context, 1),
+        entity = _context17[0];
+      (0, _globals.expect)(entity).toBe(void 0);
+    });
+    (0, _globals.test)('`reducers` should be returned as an object', function () {
+      var _renderHook19 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(fileUseCase);
+        }),
+        result = _renderHook19.result;
+      var context = result.current;
+      var _context18 = (0, _slicedToArray2["default"])(context, 2),
+        reducers = _context18[1];
+      (0, _globals.expect)((0, _typeof2["default"])(reducers)).toBe('object');
+    });
+    (0, _globals.test)('`yield entity` should not trigger update', function () {
+      var onUpdate = _globals.jest.fn();
+      var _renderHook20 = (0, _react.renderHook)(function () {
+          (0, _ahooks.useUpdateEffect)(function () {
+            onUpdate();
+          });
+          return (0, _.useUseCase)(fileUseCase);
+        }),
+        result = _renderHook20.result;
+      var context = result.current;
+      var _context19 = (0, _slicedToArray2["default"])(context, 2),
+        reducers = _context19[1];
+      var setPath = reducers.setPath;
+      (0, _react.act)(function () {
+        setPath(PATH_1);
+      });
+      (0, _globals.expect)(result.current).toBe(context);
+      (0, _globals.expect)(result.current).toEqual(context);
+      (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
+    });
+    (0, _globals.test)('should work within <Child />', function () {
+      var textPrefix = '>>';
+      var onUpdate1 = _globals.jest.fn();
+      var onPathChange1 = _globals.jest.fn();
+      var onUndefinedEntity1 = _globals.jest.fn();
+      var onUpdate2 = _globals.jest.fn();
+      var onPathChange2 = _globals.jest.fn();
+      var onUndefinedEntity2 = _globals.jest.fn();
+      var onSetPath = _globals.jest.fn(function () {
+        return PATH_1;
+      });
+      (0, _react.render)((0, _jsxRuntime.jsxs)("div", {
+        children: [(0, _jsxRuntime.jsx)(Parent, {
+          onSetPath: onSetPath,
+          children: (0, _jsxRuntime.jsx)(Child, {
+            textPrefix: textPrefix,
+            onUpdate: onUpdate1,
+            onPathChange: onPathChange1,
+            onUndefinedEntity: onUndefinedEntity1
+          })
+        }), (0, _jsxRuntime.jsx)(Child, {
+          onUpdate: onUpdate2,
+          onPathChange: onPathChange2,
+          onUndefinedEntity: onUndefinedEntity2
+        })]
+      }));
+      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
+      (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onUpdate1).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onPathChange1).toHaveBeenCalledWith(PATH_1);
+      _react.fireEvent.click(_react.screen.getByText(textPrefix + CHILD_BUTTON_TEXT));
+      (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onUpdate1).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(onPathChange1).toHaveBeenCalledWith('');
+      (0, _globals.expect)(onUpdate2).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onPathChange2).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onUndefinedEntity1).toHaveBeenCalledTimes(0);
+      (0, _globals.expect)(onUndefinedEntity2).toHaveBeenCalledTimes(1);
+    });
+    (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 _useUseCase6 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+            onChange: onParentPathChange
+          }),
+          _useUseCase7 = (0, _slicedToArray2["default"])(_useUseCase6, 3),
+          setPath = _useUseCase7[1].setPath,
+          Provider = _useUseCase7[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.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 _useUseCase8 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+            watch: {
+              ext: onParentExtChange
+            }
+          }),
+          _useUseCase9 = (0, _slicedToArray2["default"])(_useUseCase8, 3),
+          setPath = _useUseCase9[1].setPath,
+          Provider = _useUseCase9[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(_objectSpread(_objectSpread({}, defaultFile), {}, {
+        ext: EXT_1,
+        path: PATH_1
+      }), defaultFile);
+      (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(defaultFile, _objectSpread(_objectSpread({}, defaultFile), {}, {
+        ext: EXT_1,
+        path: PATH_1
+      }));
+      (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onParentExtChange).toHaveBeenCalledTimes(2);
+    });
+  });
+  (0, _globals.describe)('`useUseCase` should work with 1+ arguments on non-entity mode', function () {
+    (0, _globals.test)('`entity` should equal `defaultFile`', function () {
+      var _renderHook21 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mathUseCase);
+        }),
+        result = _renderHook21.result;
+      var reducers = result.current;
+      (0, _globals.expect)((0, _typeof2["default"])(reducers)).toBe('object');
+    });
+    (0, _globals.test)('returned reducer should work', function () {
+      var _renderHook22 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mathUseCase);
+        }),
+        result = _renderHook22.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 _renderHook23 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(mathUseCase, {
+            extraValue: 5
+          });
+        }),
+        result = _renderHook23.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 _renderHook24 = (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 = _renderHook24.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 _renderHook25 = (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 = _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(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 _renderHook26 = (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 = _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(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);
+    });
+  });
+});