Fixing the tests and the AbortController usage to be compatible with new fetch-mock package (based on @wheresrhys suggestion).

Author: krulis-martin

package.json

@@ -133,7 +133,7 @@
     "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-standard": "^5.0.0",
-    "fetch-mock": "12.5.5",
+    "fetch-mock": "12.6.0",
     "file-loader": "^6.2.0",
     "git-revision-webpack-plugin": "^5.0.0",
     "globals": "^16.4.0",

src/helpers/common.js

@@ -10,7 +10,7 @@ export const EMPTY_FNC = () => {};
 export const identity = x => x;
 
 /**
- * Safe getter to traverse compex object/array structures.
+ * Safe getter to traverse complex object/array structures.
  * @param {*} obj the root of the structure being traversed (object, array)
  * @param {Array} path sequence of steps, each step is either an explicit key or a function;
  *                     function can be only used in arrays and they are applied as .find() callbacks
@@ -116,7 +116,7 @@ export const unique = arr => [...new Set(arr)];
 
 /**
  * Get an array of strings, return object where keys are that strings
- * and values are lists of indices refering to the positions in original array.
+ * and values are lists of indices referring to the positions in original array.
  */
 export const createIndex = arr => {
   const index = {};
@@ -162,7 +162,7 @@ export const objectKeyMap = (obj, fnc) => {
  * Search object by values and return corresponding key.
  * @param {Object} obj object to be searched
  * @param {*} predicate either a value being searched or a function that tests each value and returns true if match is found
- * @returns {string|number} key of the first matchinng value (beware the order of search is implementation specific)
+ * @returns {string|number} key of the first matching value (beware the order of search is implementation specific)
  */
 export const objectFind = (obj, predicate) =>
   Object.keys(obj).find(typeof predicate === 'function' ? key => predicate(obj[key]) : key => obj[key] === predicate);
@@ -215,14 +215,14 @@ const _defaultComparator = (a, b) => {
  * @param {function} comparator Comparator that determines ordering. Same as in case of sort() method.
  * @return Smallest (the first) item of the array in given ordering.
  */
-export const getFirstItemInOrder = (arr, comarator = _defaultComparator) => {
+export const getFirstItemInOrder = (arr, comparator = _defaultComparator) => {
   if (!arr || !Array.isArray(arr) || arr.length === 0) {
     return null;
   }
 
   let res = arr[0];
   arr.forEach((item, idx) => {
-    if (idx > 0 && comarator(res, item) > 0) {
+    if (idx > 0 && comparator(res, item) > 0) {
       res = item;
     }
   });

src/redux/helpers/api/tools.js

@@ -91,7 +91,7 @@ const encodeBody = (body, method, encodeAsMultipart) => {
   return undefined; // other methods do not have a body
 };
 
-let requestAbortController = canUseDOM && 'AbortController' in window ? new window.AbortController() : null;
+let requestAbortController = canUseDOM && 'AbortController' in globalThis ? new globalThis.AbortController() : null;
 
 export const createRequest = (endpoint, query = {}, method, headers, body, uploadFiles) =>
   fetch(getUrl(assembleEndpoint(endpoint, query)), {
@@ -105,7 +105,7 @@ export const abortAllPendingRequests = () => {
   if (requestAbortController) {
     requestAbortController.abort();
   }
-  requestAbortController = canUseDOM && 'AbortController' in window ? new window.AbortController() : null;
+  requestAbortController = canUseDOM && 'AbortController' in globalThis ? new globalThis.AbortController() : null;
 };
 
 export const getHeaders = (headers, accessToken, skipContentType) => {

yarn.lock

@@ -7974,15 +7974,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fetch-mock@npm:12.5.5":
-  version: 12.5.5
-  resolution: "fetch-mock@npm:12.5.5"
+"fetch-mock@npm:12.6.0":
+  version: 12.6.0
+  resolution: "fetch-mock@npm:12.6.0"
   dependencies:
     "@types/glob-to-regexp": ^0.4.4
     dequal: ^2.0.3
     glob-to-regexp: ^0.4.1
     regexparam: ^3.0.0
-  checksum: 6208561b601e0aead7e8abcb6a4b9ad59679c185f20ffe47105f7126c30646169ff7bae3cc728b0581b9b74d2800dc45320aec4f554992b5618f9b2a816937dc
+  checksum: 7705aaa6ab149f59e10e9e0794175e31c3b6c52eb0aab22522a4d7689a1ff0e3a85b9f76a2079adfd23d515e4db228e9ab7d4293f5c4cfee157cd9f858e14ae1
   languageName: node
   linkType: hard
 
@@ -13261,7 +13261,7 @@ __metadata:
     eslint-plugin-react: ^7.37.5
     eslint-plugin-standard: ^5.0.0
     express: ^5.1.0
-    fetch-mock: 12.5.5
+    fetch-mock: 12.6.0
     file-loader: ^6.2.0
     file-saver: ^2.0.5
     flat: ^6.0.1