update package json & jest dependency

ngoczwolinski · ngoczwolinski · commit decab680d871 · 2023-03-23T23:01:50.000-04:00
diff --git a/package.json b/package.json
@@ -110,7 +110,7 @@
     "@types/chrome": "^0.0.119",
     "@types/d3": "^7.4.0",
     "@types/d3-scale-chromatic": "^2.0.0",
-    "@types/jest": "^26.0.4",
+    "@types/jest": "^29.5.0",
     "@types/lodash.isequal": "^4.5.5",
     "@types/node": "^12.19.6",
     "@types/react": "^17.0.43",
@@ -142,12 +142,12 @@
     "sass-loader": "^7.3.1",
     "sinon-chrome": "^3.0.1",
     "style-loader": "^0.23.1",
-    "ts-jest": "^26.1.2",
-    "ts-loader": "^7.0.5",
+    "ts-jest": "^29.0.5",
+    "ts-loader": "^8.0.0",
     "ts-node": "^9.1.1",
     "typedoc": "^0.5.0",
     "typedoc-webpack-plugin": "^1.1.4",
-    "typescript": "^5.0.2",
+    "typescript": "^4.9.0",
     "webpack": "^4.43.0",
     "webpack-chrome-extension-reloader": "^1.3.0",
     "webpack-cli": "^3.3.12"
@@ -192,6 +192,7 @@
     "intro.js-react": "^0.6.0",
     "jest-runner": "^26.1.0",
     "jscharting": "^3.0.2",
+    "jsdom": "^21.1.1",
     "jsondiffpatch": "^0.3.11",
     "lodash": "^4.17.21",
     "prop-types": "^15.7.2",
diff --git a/src/backend/__tests__/linkFiber.test.tsx b/src/backend/__tests__/linkFiber.test.tsx
@@ -6,13 +6,33 @@ import updateAndSendSnapShotTree from '../routers/snapShot';
 import throttle from '../controllers/throttle';
 import createTree from '../controllers/createTree/createTree';
 import routes from '../models/routes';
+import { JSDOM } from 'jsdom';
 
 describe('linkFiber', () => {
   let snapShot: Snapshot;
   let mode: Status;
   let linkFiber;
   let fiberRoot: FiberRoot;
   const mockPostMessage = jest.fn();
+  let dom: JSDOM;
+  beforeAll(() => {
+    // Set up a fake DOM environment with JSDOM
+    dom = new JSDOM('<!DOCTYPE html><html><body></body></html>', { url: 'http://localhost' });
+    global.window = dom.window;
+    global.document = dom.window._document;
+  });
+
+  afterAll(() => {
+    // Clean up the fake DOM environment
+    global.window = undefined;
+    global.document = undefined;
+    dom.window.close();
+  });
+  beforeEach(() => {
+    routes = new Routes();
+    window.history.replaceState = jest.fn();
+    window.history.pushState = jest.fn();
+  });
 
   beforeEach(() => {
     // Create snapshot and mode objects
diff --git a/src/backend/__tests__/routes.test.ts b/src/backend/__tests__/routes.test.ts
@@ -1,8 +1,23 @@
+import { JSDOM } from 'jsdom';
+
 import { Routes, Route } from '../models/routes';
 
 describe('Route class testing', () => {
   let routes: Routes;
+  let dom: JSDOM;
+  beforeAll(() => {
+    // Set up a fake DOM environment with JSDOM
+    dom = new JSDOM('<!DOCTYPE html><html><body></body></html>', { url: 'http://localhost' });
+    global.window = dom.window;
+    global.document = dom.window.document;
+  });
 
+  afterAll(() => {
+    // Clean up the fake DOM environment
+    global.window = undefined;
+    global.document = undefined;
+    dom.window.close();
+  });
   beforeEach(() => {
     routes = new Routes();
     window.history.replaceState = jest.fn();
diff --git a/src/backend/__tests__/tree.test.ts b/src/backend/__tests__/tree.test.ts
@@ -73,7 +73,7 @@ xdescribe('Tree unit test', () => {
   });
 
   xdescribe('Adding children', () => {
-    const returnChild = newTree.addChild('stateful', 'child', {}, null);
+    const returnChild: Tree = newTree.addChild('stateful', 'child', {}, null);
 
     it("should have the child be in the children's array property", () => {
       // check if returnChild is in the children array property of tree that invoked addChild
diff --git a/src/backend/models/masterState.ts b/src/backend/models/masterState.ts
@@ -22,7 +22,7 @@ export default {
    * @function clear - Clears componentActionsRecord
    */
   clear: () => {
-    componentActionsRecord[window.location.href] = [];
+    componentActionsRecord = [];
     index = 0;
   },
 
@@ -32,21 +32,20 @@ export default {
    * @returns number
    */
   saveNew: (component): number => {
-    componentActionsRecord[window.location.href].push(component);
+    componentActionsRecord.push(component);
     // componentActionsRecord[index] = component;
     // index++;
 
     // return index - 1;
-    return componentActionsRecord[window.location.href].length - 1;
+    return componentActionsRecord.length - 1;
   },
   // ----------------------------CLASS COMPONENT--------------------------------
   /**
    * @function getComponentByIndex - This function is used for stateful Class Component to retrieve an object that has the bound setState method
    * @param inputIndex - index of component inside `componentActionsRecord` coming from `timeJump.ts`
    * @returns - an object containing the bound setState method
    */
-  getComponentByIndex: (inputIndex: number): any | undefined =>
-    componentActionsRecord[window.location.href][inputIndex],
+  getComponentByIndex: (inputIndex: number): any | undefined => componentActionsRecord[inputIndex],
 
   //---------------------------FUNCTIONAL COMPONENT-----------------------------
   /**
@@ -55,17 +54,15 @@ export default {
    * @returns - an array of objects containing the bound dispatch methods
    */
   getComponentByIndexHooks: (inputIndex: Array<number> = []): any[] | undefined => {
-    const validIndex = inputIndex.filter(
-      (index) => componentActionsRecord[window.location.href]?.[index],
-    );
+    const validIndex = inputIndex.filter((index) => componentActionsRecord?.[index]);
     if (!validIndex.length) return undefined;
 
-    return validIndex.map((index) => componentActionsRecord[window.location.href][index]);
+    return validIndex.map((index) => componentActionsRecord[index]);
   },
   // ----------------------------------DEBUGGING--------------------------------
   /**
    * @function getAllComponents - This method is used for debugging purpose to access the array of setState/dispatch methods
    * @returns - an array of objects containing the bound methods for updating state
    */
-  getAllComponents: (): any[] => componentActionsRecord[window.location.href],
+  getAllComponents: (): any[] => componentActionsRecord,
 };
diff --git a/yarn.lock b/yarn.lock
