@mic-rexjs/usecases-react 2.10.2 → 2.11.0

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

@@ -4,16 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 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 _ = require(".");
+var _useDepsKey = require("../useDepsKey");
 var _globals = require("@jest/globals");
+var _usecases = require("@mic-rexjs/usecases");
+var _dom = require("@testing-library/dom");
 var _react = require("@testing-library/react");
-var _ = require(".");
 var _ahooks = require("ahooks");
 var _react2 = require("react");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -40,14 +43,14 @@ var fileUseCase = function fileUseCase() {
   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) {
+      return _regenerator["default"].wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return function () {
               return newEntity;
             };
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }
@@ -57,45 +60,45 @@ var fileUseCase = function fileUseCase() {
   var setPath = /*#__PURE__*/_regenerator["default"].mark(function setPath(entity, path) {
     var _path$match;
     var oldPath, newPath;
-    return _regenerator["default"].wrap(function setPath$(_context2) {
+    return _regenerator["default"].wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           oldPath = entity.path;
           newPath = pathPrefix + path;
-          _context2.next = 4;
+          _context2.next = 1;
           return _objectSpread(_objectSpread({}, entity), {}, {
             path: newPath,
             ext: ((_path$match = path.match(/\.[^.]+$/)) === null || _path$match === void 0 ? void 0 : _path$match[0]) || ''
           });
-        case 4:
+        case 1:
           onPathChange === null || onPathChange === void 0 || onPathChange(newPath, oldPath);
-        case 5:
+        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 _ref = (0, _wrapAsyncGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(entity, path) {
       var size;
-      return _regenerator["default"].wrap(function _callee2$(_context3) {
+      return _regenerator["default"].wrap(function (_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 _context3.delegateYield((0, _asyncGeneratorDelegate2["default"])(_asyncIterator(setPath(entity, path)), _awaitAsyncGenerator2["default"]), "t0", 1);
+          case 1:
+            _context3.next = 2;
             return (0, _awaitAsyncGenerator2["default"])(Promise.resolve(null));
-          case 4:
-            _context3.next = 6;
+          case 2:
+            _context3.next = 3;
             return function (oldEntity) {
               return _objectSpread(_objectSpread({}, oldEntity), {}, {
                 size: size
               });
             };
-          case 6:
+          case 3:
             return _context3.abrupt("return", size);
-          case 7:
+          case 4:
           case "end":
             return _context3.stop();
         }
@@ -231,17 +234,19 @@ var MathParent = function MathParent(_ref5) {
 };
 var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
   var isFirstRef = (0, _react2.useRef)(true);
+  var memoizedCallback = (0, _ahooks.useMemoizedFn)(callback);
+  var depsKey = (0, _useDepsKey.useDepsKey)(deps);
   (0, _react2.useEffect)(function () {
     return function () {
       isFirstRef.current = false;
     };
   });
-  _ahooks.useDeepCompareEffect.call(null, function () {
+  (0, _ahooks.useDeepCompareEffect)(function () {
     if (isFirstRef.current) {
       return;
     }
-    callback();
-  }, deps);
+    memoizedCallback();
+  }, [depsKey, memoizedCallback]);
 };
 (0, _globals.beforeEach)(function () {
   subtractionReducer.mockClear();
@@ -334,6 +339,85 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         currentFile = _result$current[0];
       (0, _globals.expect)(currentFile).toEqual(file);
     });
+    (0, _globals.test)('Entity getter should provide the current entity', function () {
+      var updateIndex = 0;
+      var file = defaultFile;
+      var onFile = _globals.jest.fn();
+      var _renderHook7 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(function (currentFile) {
+            onFile(currentFile);
+            return currentFile !== null && currentFile !== void 0 ? currentFile : file;
+          }, fileUseCase, {}, [updateIndex++]);
+        }),
+        result = _renderHook7.result;
+      var _result$current2 = (0, _slicedToArray2["default"])(result.current, 2),
+        setPath1 = _result$current2[1].setPath;
+      (0, _globals.expect)(onFile).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onFile).toHaveBeenCalledWith(void 0);
+      (0, _react.act)(function () {
+        setPath1(PATH_1);
+      });
+      var _result$current3 = (0, _slicedToArray2["default"])(result.current, 2),
+        setPath2 = _result$current3[1].setPath;
+      (0, _globals.expect)(onFile).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(onFile).toHaveBeenCalledWith(_objectSpread(_objectSpread({}, file), {}, {
+        ext: EXT_1,
+        path: PATH_1
+      }));
+      (0, _react.act)(function () {
+        setPath2(PATH_2);
+      });
+      (0, _globals.expect)(onFile).toHaveBeenCalledTimes(3);
+      (0, _globals.expect)(onFile).toHaveBeenCalledWith(_objectSpread(_objectSpread({}, file), {}, {
+        ext: EXT_2,
+        path: PATH_2
+      }));
+    });
+    (0, _globals.test)('Entity getter should provide the changed deps', function () {
+      var updateIndex = 0;
+      var file = defaultFile;
+      var symbol = Symbol('changedDep');
+      var onChangedDeps = _globals.jest.fn();
+      var _renderHook8 = (0, _react.renderHook)(function () {
+          return (0, _.useUseCase)(function () {
+            var currentFile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : file;
+            var changedDeps = arguments.length > 1 ? arguments[1] : undefined;
+            // 验证参数类型
+            var _changedDeps = (0, _slicedToArray2["default"])(changedDeps, 6),
+              index1 = _changedDeps[0],
+              num1 = _changedDeps[1],
+              index2 = _changedDeps[2],
+              string1 = _changedDeps[3],
+              index3 = _changedDeps[4],
+              boolean1 = _changedDeps[5];
+            var a = index1;
+            var b = num1;
+            var c = index2;
+            var d = string1;
+            var e = index3;
+            var f = boolean1;
+            void a;
+            void b;
+            void c;
+            void d;
+            void e;
+            void f;
+            // 先 `fill` 填充，再合并，以 `symbol` 代替虚无项去匹配
+            onChangedDeps(Object.assign((0, _toConsumableArray2["default"])(changedDeps).fill(symbol), changedDeps));
+            return currentFile;
+          }, fileUseCase, {}, [updateIndex++, 0, updateIndex++, 'xyz', updateIndex++, false]);
+        }),
+        result = _renderHook8.result;
+      var _result$current4 = (0, _slicedToArray2["default"])(result.current, 2),
+        setPath = _result$current4[1].setPath;
+      (0, _globals.expect)(onChangedDeps).toHaveBeenCalledTimes(1);
+      (0, _globals.expect)(onChangedDeps).toHaveBeenCalledWith([symbol, symbol, symbol, symbol, symbol, symbol]);
+      (0, _react.act)(function () {
+        setPath(PATH_1);
+      });
+      (0, _globals.expect)(onChangedDeps).toHaveBeenCalledTimes(2);
+      (0, _globals.expect)(onChangedDeps).toHaveBeenCalledWith([3, symbol, 4, symbol, 5, symbol]);
+    });
     (0, _globals.test)('Entity property getter should always return the same object if nothing changed after component update', function () {
       var updateTimes = 0;
       var data = {
@@ -342,7 +426,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           return {};
         }
       };
-      var _renderHook7 = (0, _react.renderHook)(function () {
+      var _renderHook9 = (0, _react.renderHook)(function () {
           var collection = (0, _.useUseCase)(data, _usecases.objectUseCase);
           var _collection3 = (0, _slicedToArray2["default"])(collection, 1),
             obj = _collection3[0].obj;
@@ -352,7 +436,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [obj]);
           return collection;
         }),
-        rerender = _renderHook7.rerender;
+        rerender = _renderHook9.rerender;
       (0, _globals.expect)(updateTimes).toEqual(1);
       (0, _react.act)(function () {
         rerender();
@@ -367,7 +451,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           return {};
         }
       };
-      var _renderHook8 = (0, _react.renderHook)(function () {
+      var _renderHook0 = (0, _react.renderHook)(function () {
           var collection = (0, _.useUseCase)(data, _usecases.objectUseCase);
           var _collection4 = (0, _slicedToArray2["default"])(collection, 1),
             obj = _collection4[0].obj;
@@ -377,7 +461,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           }, [obj]);
           return collection;
         }),
-        result = _renderHook8.result;
+        result = _renderHook0.result;
       var current = result.current;
       var _current = (0, _slicedToArray2["default"])(current, 2),
         setEntity = _current[1].setEntity;
@@ -393,7 +477,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var entityArg;
       var times = 0;
       var file = defaultFile;
-      var _renderHook9 = (0, _react.renderHook)(function () {
+      var _renderHook1 = (0, _react.renderHook)(function () {
           return (0, _.useUseCase)(function () {
             var entity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : file;
             var path = entity.path;
@@ -403,7 +487,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             });
           }, fileUseCase, {}, [times++]);
         }),
-        result = _renderHook9.result;
+        result = _renderHook1.result;
       var collection1 = result.current;
       var _collection5 = (0, _slicedToArray2["default"])(collection1, 2),
         currentFile1 = _collection5[0],
@@ -565,9 +649,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       }));
       (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() {
+    (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, _renderHook17, result, cores, _cores8, entity, reducers, readFile, promise;
-      return _regenerator["default"].wrap(function _callee3$(_context5) {
+      return _regenerator["default"].wrap(function (_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
             onUpdate = _globals.jest.fn();
@@ -586,9 +670,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             (0, _globals.expect)(result.current).toBe(cores);
             (0, _globals.expect)(result.current).toEqual(cores);
             (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
-            _context5.next = 11;
+            _context5.next = 1;
             return promise;
-          case 11:
+          case 1:
             (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);
@@ -596,7 +680,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
             (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 2:
           case "end":
             return _context5.stop();
         }
@@ -654,7 +738,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (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));
+      _dom.fireEvent.click(_dom.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 () {
@@ -688,7 +772,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (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));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
       (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(3, '', 'x');
     });
@@ -707,11 +791,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       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 _useUseCase0 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase1 = (0, _slicedToArray2["default"])(_useUseCase0, 2),
+          _useUseCase1$ = _useUseCase1[1],
+          add = _useUseCase1$.add,
+          setEntity = _useUseCase1$.setEntity;
         var update = (0, _ahooks.useUpdate)();
         add(addedText);
         var onSet = function onSet() {
@@ -733,16 +817,16 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (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));
+      _dom.fireEvent.click(_dom.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));
+      _dom.fireEvent.click(_dom.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));
+      _dom.fireEvent.click(_dom.screen.getByText(updateButtonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
     });
     (0, _globals.test)('`options.onChange` should be trigger when entity has changed', function () {
@@ -754,8 +838,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         }),
         result = _renderHook19.result;
       var cores = result.current;
-      var _cores10 = (0, _slicedToArray2["default"])(cores, 2),
-        reducers = _cores10[1];
+      var _cores0 = (0, _slicedToArray2["default"])(cores, 2),
+        reducers = _cores0[1];
       var setPath = reducers.setPath;
       (0, _globals.expect)(onChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -778,8 +862,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         }),
         result = _renderHook20.result;
       var cores = result.current;
-      var _cores11 = (0, _slicedToArray2["default"])(cores, 2),
-        reducers = _cores11[1];
+      var _cores1 = (0, _slicedToArray2["default"])(cores, 2),
+        reducers = _cores1[1];
       var setPath = reducers.setPath;
       (0, _globals.expect)(onChange1).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -816,9 +900,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         }),
         result = _renderHook21.result;
       var cores = result.current;
-      var _cores12 = (0, _slicedToArray2["default"])(cores, 2),
-        path = _cores12[0].path,
-        reducers = _cores12[1];
+      var _cores10 = (0, _slicedToArray2["default"])(cores, 2),
+        path = _cores10[0].path,
+        reducers = _cores10[1];
       var setPath = reducers.setPath;
       (0, _globals.expect)(path).toBe('');
       (0, _react.act)(function () {
@@ -968,8 +1052,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         }),
         result = _renderHook26.result;
       var cores = result.current;
-      var _cores13 = (0, _slicedToArray2["default"])(cores, 2),
-        setPath = _cores13[1].setPath;
+      var _cores11 = (0, _slicedToArray2["default"])(cores, 2),
+        setPath = _cores11[1].setPath;
       (0, _globals.expect)(onPathChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setPath(PATH_1);
@@ -1000,10 +1084,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         }),
         result = _renderHook27.result;
       var cores = result.current;
-      var _cores14 = (0, _slicedToArray2["default"])(cores, 2),
-        _cores14$ = _cores14[1],
-        setPath = _cores14$.setPath,
-        setEntity = _cores14$.setEntity;
+      var _cores12 = (0, _slicedToArray2["default"])(cores, 2),
+        _cores12$ = _cores12[1],
+        setPath = _cores12$.setPath,
+        setEntity = _cores12$.setEntity;
       (0, _globals.expect)(onPathChange1).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setPath(PATH_1);
@@ -1056,8 +1140,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         }),
         result = _renderHook28.result;
       var cores = result.current;
-      var _cores15 = (0, _slicedToArray2["default"])(cores, 2),
-        setEntity = _cores15[1].setEntity;
+      var _cores13 = (0, _slicedToArray2["default"])(cores, 2),
+        setEntity = _cores13[1].setEntity;
       (0, _react.act)(function () {
         setEntity({
           list: [defaultFile]
@@ -1352,8 +1436,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         }),
         result = _renderHook29.result;
       var cores = result.current;
-      var _cores16 = (0, _slicedToArray2["default"])(cores, 2),
-        setEntity = _cores16[1].setEntity;
+      var _cores14 = (0, _slicedToArray2["default"])(cores, 2),
+        setEntity = _cores14[1].setEntity;
       (0, _globals.expect)(onEntityLengthChange).toHaveBeenCalledTimes(0);
       (0, _globals.expect)(onListLengthChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
@@ -1394,8 +1478,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         }),
         result = _renderHook30.result;
       var cores = result.current;
-      var _cores17 = (0, _slicedToArray2["default"])(cores, 2),
-        setEntity = _cores17[1].setEntity;
+      var _cores15 = (0, _slicedToArray2["default"])(cores, 2),
+        setEntity = _cores15[1].setEntity;
       (0, _globals.expect)(onChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setEntity({
@@ -1490,8 +1574,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         }),
         result = _renderHook31.result;
       var cores = result.current;
-      var _cores18 = (0, _slicedToArray2["default"])(cores, 2),
-        setEntity = _cores18[1].setEntity;
+      var _cores16 = (0, _slicedToArray2["default"])(cores, 2),
+        setEntity = _cores16[1].setEntity;
       (0, _globals.expect)(onExtChange).toHaveBeenCalledTimes(0);
       (0, _react.act)(function () {
         setEntity({
@@ -1552,15 +1636,15 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _usecases.entityUseCase)();
       };
       var TestChildComponent = function TestChildComponent() {
-        var _useUseCase12 = (0, _.useUseCase)(numberUseCase),
+        var _useUseCase10 = (0, _.useUseCase)(numberUseCase),
+          _useUseCase11 = (0, _slicedToArray2["default"])(_useUseCase10, 1),
+          numberValue = _useUseCase11[0];
+        var _useUseCase12 = (0, _.useUseCase)(stringUseCase),
           _useUseCase13 = (0, _slicedToArray2["default"])(_useUseCase12, 1),
-          numberValue = _useUseCase13[0];
-        var _useUseCase14 = (0, _.useUseCase)(stringUseCase),
+          stringValue = _useUseCase13[0];
+        var _useUseCase14 = (0, _.useUseCase)(booleanUseCase),
           _useUseCase15 = (0, _slicedToArray2["default"])(_useUseCase14, 1),
-          stringValue = _useUseCase15[0];
-        var _useUseCase16 = (0, _.useUseCase)(booleanUseCase),
-          _useUseCase17 = (0, _slicedToArray2["default"])(_useUseCase16, 1),
-          booleanValue = _useUseCase17[0];
+          booleanValue = _useUseCase15[0];
         (0, _ahooks.useMount)(function () {
           onNumberMount(numberValue);
           onStringMount(stringValue);
@@ -1569,15 +1653,15 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return null;
       };
       var TestParentComponent = function TestParentComponent() {
-        var _useUseCase18 = (0, _.useUseCase)(11, numberUseCase),
+        var _useUseCase16 = (0, _.useUseCase)(11, numberUseCase),
+          _useUseCase17 = (0, _slicedToArray2["default"])(_useUseCase16, 3),
+          NumberProvider = _useUseCase17[2];
+        var _useUseCase18 = (0, _.useUseCase)('hello', stringUseCase),
           _useUseCase19 = (0, _slicedToArray2["default"])(_useUseCase18, 3),
-          NumberProvider = _useUseCase19[2];
-        var _useUseCase20 = (0, _.useUseCase)('hello', stringUseCase),
+          StringProvider = _useUseCase19[2];
+        var _useUseCase20 = (0, _.useUseCase)(true, booleanUseCase),
           _useUseCase21 = (0, _slicedToArray2["default"])(_useUseCase20, 3),
-          StringProvider = _useUseCase21[2];
-        var _useUseCase22 = (0, _.useUseCase)(true, booleanUseCase),
-          _useUseCase23 = (0, _slicedToArray2["default"])(_useUseCase22, 3),
-          BooleanProvider = _useUseCase23[2];
+          BooleanProvider = _useUseCase21[2];
         return (0, _jsxRuntime.jsx)(NumberProvider, {
           "with": [StringProvider, BooleanProvider],
           children: (0, _jsxRuntime.jsx)(TestChildComponent, {})
@@ -1609,12 +1693,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
           })
         })
       }));
-      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
+      _dom.fireEvent.click(_dom.screen.getByText(PARENT_BUTTON_TEXT));
       (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onParentUpdate).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onChildUpdate).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onPathChange).toHaveBeenCalledWith(PATH_1);
-      _react.fireEvent.click(_react.screen.getByText(CHILD_BUTTON_TEXT));
+      _dom.fireEvent.click(_dom.screen.getByText(CHILD_BUTTON_TEXT));
       (0, _globals.expect)(onSetPath).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onParentUpdate).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(onChildUpdate).toHaveBeenCalledTimes(2);
@@ -1628,9 +1712,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var B = function B() {
-        var _useUseCase24 = (0, _.useUseCase)(defaultFile, mockUseCase),
-          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 3),
-          Provider = _useUseCase25[2];
+        var _useUseCase22 = (0, _.useUseCase)(defaultFile, mockUseCase),
+          _useUseCase23 = (0, _slicedToArray2["default"])(_useUseCase22, 3),
+          Provider = _useUseCase23[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1650,9 +1734,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase26 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 2),
-          add = _useUseCase27[1].add;
+        var _useUseCase24 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase25 = (0, _slicedToArray2["default"])(_useUseCase24, 2),
+          add = _useUseCase25[1].add;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -1664,9 +1748,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase28 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 3),
-          Provider = _useUseCase29[2];
+        var _useUseCase26 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase27 = (0, _slicedToArray2["default"])(_useUseCase26, 3),
+          Provider = _useUseCase27[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1675,7 +1759,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (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));
+      _dom.fireEvent.click(_dom.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 () {
@@ -1690,9 +1774,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase30 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 2),
-          add = _useUseCase31[1].add;
+        var _useUseCase28 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase29 = (0, _slicedToArray2["default"])(_useUseCase28, 2),
+          add = _useUseCase29[1].add;
         var onClick = function onClick() {
           add('x');
         };
@@ -1706,9 +1790,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase32 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 3),
-          Provider = _useUseCase33[2];
+        var _useUseCase30 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase31 = (0, _slicedToArray2["default"])(_useUseCase30, 3),
+          Provider = _useUseCase31[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1717,7 +1801,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (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));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
       (0, _globals.expect)(addReducer).toHaveBeenNthCalledWith(3, '', 'x');
     });
@@ -1736,11 +1820,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var A = function A() {
-        var _useUseCase34 = (0, _.useUseCase)(stringUseCase),
-          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 2),
-          _useUseCase35$ = _useUseCase35[1],
-          add = _useUseCase35$.add,
-          setEntity = _useUseCase35$.setEntity;
+        var _useUseCase32 = (0, _.useUseCase)(stringUseCase),
+          _useUseCase33 = (0, _slicedToArray2["default"])(_useUseCase32, 2),
+          _useUseCase33$ = _useUseCase33[1],
+          add = _useUseCase33$.add,
+          setEntity = _useUseCase33$.setEntity;
         var update = (0, _ahooks.useUpdate)();
         add(addedText);
         var onSet = function onSet() {
@@ -1760,9 +1844,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase36 = (0, _.useUseCase)('', stringUseCase),
-          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 3),
-          Provider = _useUseCase37[2];
+        var _useUseCase34 = (0, _.useUseCase)('', stringUseCase),
+          _useUseCase35 = (0, _slicedToArray2["default"])(_useUseCase34, 3),
+          Provider = _useUseCase35[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
@@ -1770,16 +1854,16 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (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));
+      _dom.fireEvent.click(_dom.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));
+      _dom.fireEvent.click(_dom.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));
+      _dom.fireEvent.click(_dom.screen.getByText(updateButtonText));
       (0, _globals.expect)(addReducer).toHaveBeenCalledTimes(3);
     });
     (0, _globals.test)('`options.onChange` event should be trigger in orders', function () {
@@ -1807,12 +1891,12 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase38 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase36 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             onChange: onChangeC
           }),
-          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 3),
-          setPath = _useUseCase39[1].setPath,
-          Provider = _useUseCase39[2];
+          _useUseCase37 = (0, _slicedToArray2["default"])(_useUseCase36, 3),
+          setPath = _useUseCase37[1].setPath,
+          Provider = _useUseCase37[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -1827,7 +1911,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       };
       (0, _react.render)((0, _jsxRuntime.jsx)(C, {}));
       (0, _globals.expect)(changeTimes).toBe(0);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(onChangeA).toHaveReturnedWith(2);
       (0, _globals.expect)(onChangeB).toHaveReturnedWith(3);
       (0, _globals.expect)(onChangeC).toHaveReturnedWith(1);
@@ -1839,11 +1923,11 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase40 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase38 = (0, _.useUseCase)(fileUseCase, {
             onChange: onChange
           }),
-          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 2),
-          setPath = _useUseCase41[1].setPath;
+          _useUseCase39 = (0, _slicedToArray2["default"])(_useUseCase38, 2),
+          setPath = _useUseCase39[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onChange = onSecondChange;
@@ -1862,19 +1946,19 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase42 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 3),
-          Provider = _useUseCase43[2];
+        var _useUseCase40 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase41 = (0, _slicedToArray2["default"])(_useUseCase40, 3),
+          Provider = _useUseCase41[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
       };
       (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
       (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(firstButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(firstButtonText));
       (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(secondButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(secondButtonText));
       (0, _globals.expect)(onFirstChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondChange).toHaveBeenLastCalledWith(defaultFile, _objectSpread(_objectSpread({}, defaultFile), {}, {
@@ -1886,13 +1970,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onExtChange = _globals.jest.fn();
       var firstButtonText = 'first button';
       var A = function A() {
-        var _useUseCase44 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase42 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 2),
-          setPath = _useUseCase45[1].setPath;
+          _useUseCase43 = (0, _slicedToArray2["default"])(_useUseCase42, 2),
+          setPath = _useUseCase43[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -1902,16 +1986,16 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase46 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
-          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 3),
-          Provider = _useUseCase47[2];
+        var _useUseCase44 = (0, _.useUseCase)(defaultFile, fileUseCase, {}),
+          _useUseCase45 = (0, _slicedToArray2["default"])(_useUseCase44, 3),
+          Provider = _useUseCase45[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
       };
       (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
       (0, _globals.expect)(onExtChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(firstButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(firstButtonText));
       (0, _globals.expect)(onExtChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onExtChange).toHaveBeenLastCalledWith({
         fieldPaths: ['ext'],
@@ -1954,14 +2038,14 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         return (0, _jsxRuntime.jsx)(_react2.Fragment, {});
       };
       var C = function C() {
-        var _useUseCase48 = (0, _.useUseCase)(defaultFile, fileUseCase, {
+        var _useUseCase46 = (0, _.useUseCase)(defaultFile, fileUseCase, {
             watch: {
               ext: onChangeC
             }
           }),
-          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 3),
-          setPath = _useUseCase49[1].setPath,
-          Provider = _useUseCase49[2];
+          _useUseCase47 = (0, _slicedToArray2["default"])(_useUseCase46, 3),
+          setPath = _useUseCase47[1].setPath,
+          Provider = _useUseCase47[2];
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
         };
@@ -1976,7 +2060,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       };
       (0, _react.render)((0, _jsxRuntime.jsx)(C, {}));
       (0, _globals.expect)(changeTimes).toBe(0);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(onChangeA).toHaveReturnedWith(2);
       (0, _globals.expect)(onChangeB).toHaveReturnedWith(3);
       (0, _globals.expect)(onChangeC).toHaveReturnedWith(1);
@@ -1988,13 +2072,13 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var firstButtonText = 'first button';
       var secondButtonText = 'second button';
       var A = function A() {
-        var _useUseCase50 = (0, _.useUseCase)(fileUseCase, {
+        var _useUseCase48 = (0, _.useUseCase)(fileUseCase, {
             watch: {
               ext: onExtChange
             }
           }),
-          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 2),
-          setPath = _useUseCase51[1].setPath;
+          _useUseCase49 = (0, _slicedToArray2["default"])(_useUseCase48, 2),
+          setPath = _useUseCase49[1].setPath;
         var onFirstClick = function onFirstClick() {
           setPath(PATH_1);
           onExtChange = onSecondExtChange;
@@ -2013,19 +2097,19 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
         });
       };
       var B = function B() {
-        var _useUseCase52 = (0, _.useUseCase)(defaultFile, fileUseCase),
-          _useUseCase53 = (0, _slicedToArray2["default"])(_useUseCase52, 3),
-          Provider = _useUseCase53[2];
+        var _useUseCase50 = (0, _.useUseCase)(defaultFile, fileUseCase),
+          _useUseCase51 = (0, _slicedToArray2["default"])(_useUseCase50, 3),
+          Provider = _useUseCase51[2];
         return (0, _jsxRuntime.jsx)(Provider, {
           children: (0, _jsxRuntime.jsx)(A, {})
         });
       };
       (0, _react.render)((0, _jsxRuntime.jsx)(B, {}));
       (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(firstButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(firstButtonText));
       (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondExtChange).toHaveBeenCalledTimes(0);
-      _react.fireEvent.click(_react.screen.getByText(secondButtonText));
+      _dom.fireEvent.click(_dom.screen.getByText(secondButtonText));
       (0, _globals.expect)(onFirstExtChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondExtChange).toHaveBeenCalledTimes(1);
       (0, _globals.expect)(onSecondExtChange).toHaveBeenLastCalledWith({
@@ -2092,8 +2176,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
     (0, _globals.test)('reducer call should not be cached if component is at rendering phase', function () {
       var buttonText = 'button';
       var CacheTestComponent = function CacheTestComponent() {
-        var _useUseCase54 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase54.subtraction;
+        var _useUseCase52 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase52.subtraction;
         var update = (0, _ahooks.useUpdate)();
         var onClick = function onClick() {
           update();
@@ -2108,16 +2192,16 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (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));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
-      _react.fireEvent.click(_react.screen.getByText(buttonText));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(3);
     });
     (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 _useUseCase55 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase55.subtraction;
+        var _useUseCase53 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase53.subtraction;
         var onClick = function onClick() {
           subtraction(5, 3);
         };
@@ -2136,7 +2220,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (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));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(3);
       (0, _globals.expect)(subtractionReducer).toHaveBeenNthCalledWith(3, 5, 3);
       (0, _globals.expect)(subtractionReducer).toHaveNthReturnedWith(3, 2);
@@ -2145,8 +2229,8 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var count = 0;
       var buttonText = 'button';
       var StringUseCaseTestComponent = function StringUseCaseTestComponent() {
-        var _useUseCase56 = (0, _.useUseCase)(mathUseCase),
-          subtraction = _useUseCase56.subtraction;
+        var _useUseCase54 = (0, _.useUseCase)(mathUseCase),
+          subtraction = _useUseCase54.subtraction;
         var update = (0, _ahooks.useUpdate)();
         subtraction(5, count++);
         var onUpdate = function onUpdate() {
@@ -2162,7 +2246,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (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));
+      _dom.fireEvent.click(_dom.screen.getByText(buttonText));
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledTimes(2);
       (0, _globals.expect)(subtractionReducer).toHaveBeenCalledWith(5, 1);
       (0, _globals.expect)(subtractionReducer).toHaveReturnedWith(4);
@@ -2211,9 +2295,9 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onDeepUpdate = _globals.jest.fn();
       var _renderHook39 = (0, _react.renderHook)(function () {
           var _useState9 = (0, _react2.useState)(0),
-            _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-            extraValue = _useState10[0],
-            setExtraValue = _useState10[1];
+            _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+            extraValue = _useState0[0],
+            setExtraValue = _useState0[1];
           var reducers = (0, _.useUseCase)(mathUseCase, {
             extraValue: extraValue
           }, [extraValue]);
@@ -2238,10 +2322,10 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       var onUpdate = _globals.jest.fn();
       var onDeepUpdate = _globals.jest.fn();
       var _renderHook40 = (0, _react.renderHook)(function () {
-          var _useState11 = (0, _react2.useState)(0),
-            _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-            extraValue = _useState12[0],
-            setExtraValue = _useState12[1];
+          var _useState1 = (0, _react2.useState)(0),
+            _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
+            extraValue = _useState10[0],
+            setExtraValue = _useState10[1];
           var reducers = (0, _.useUseCase)(mathUseCase, {
             extraValue: extraValue
           }, []);
@@ -2267,7 +2351,7 @@ var useDeepCompareUpdate = function useDeepCompareUpdate(callback, deps) {
       (0, _react.render)((0, _jsxRuntime.jsx)(MathParent, {
         onUpdate: onUpdate
       }));
-      _react.fireEvent.click(_react.screen.getByText(PARENT_BUTTON_TEXT));
+      _dom.fireEvent.click(_dom.screen.getByText(PARENT_BUTTON_TEXT));
       (0, _globals.expect)(onUpdate).toHaveBeenCalledTimes(0);
     });
   });