working on testing display props for multiple components

Author: ngoczwolinski

src/backend/__tests__/ignore/deepCopy.ts

@@ -0,0 +1,14 @@
+export default function deepCopy<T>(obj: T): T {
+  if (obj === null || typeof obj !== 'object') {
+    return obj;
+  }
+  const copy = Array.isArray(obj) ? [] : {};
+  Object.keys(obj).forEach((key) => {
+    if (typeof obj[key] === 'function') {
+      copy[key] = obj[key];
+    } else {
+      copy[key] = deepCopy(obj[key]);
+    }
+  });
+  return copy as T;
+}

src/backend/__tests__/ignore/propComponent-testcase.ts

@@ -0,0 +1,35 @@
+import { Fiber } from '../../types/backendTypes';
+import { FunctionComponent } from '../../types/backendTypes';
+
+// -------------------TEST CASE FOR COMPONENT WITH PROPS-----------------------
+export const Router: Fiber = {
+  tag: FunctionComponent,
+  elementType: { name: 'Router' },
+  sibling: null,
+  stateNode: null,
+  child: null,
+  memoizedState: {
+    memoizedState: null,
+    queue: null,
+  },
+  memoizedProps: { location: { pathname: '/tictactoe' } },
+  actualDuration: 1,
+  actualStartTime: 2,
+  selfBaseDuration: 3,
+  treeBaseDuration: 4,
+  _debugHookTypes: ['useContext', 'useMemo', 'useMemo'],
+};
+export const RenderedRoute: Fiber = {
+  tag: FunctionComponent,
+  elementType: { name: 'RenderedRoute' },
+  sibling: null,
+  stateNode: null,
+  child: null,
+  memoizedState: null,
+  memoizedProps: { match: { pathname: '/tictactoe' } },
+  actualDuration: 1,
+  actualStartTime: 2,
+  selfBaseDuration: 3,
+  treeBaseDuration: 4,
+  _debugHookTypes: ['useContext'],
+};

src/backend/__tests__/ignore/linkFiber-testcases.ts renamed to src/backend/__tests__/ignore/stateComponents-testcases.ts

@@ -1,10 +1,11 @@
 import Tree from '../../models/tree';
 import routes from '../../models/routes';
-import { ComponentData, Fiber, FiberRoot } from '../../types/backendTypes';
+import { ComponentData, Fiber } from '../../types/backendTypes';
 import { FunctionComponent, ClassComponent, HostRoot } from '../../types/backendTypes';
 import IncrementFunc from './IncrementFunc';
 import IncrementClass from './IncrementClass';
-import { transformSync } from '@babel/core';
+import componentActionsRecord from '../../models/masterState';
+import deepCopy from './deepCopy';
 
 // ----------------------------TEST CASES FOR ROOT------------------------------
 export const root: Fiber = {
@@ -60,6 +61,7 @@ const functionalComponentData: ComponentData = {
   state: null,
 };
 
+componentActionsRecord.clear();
 export const functionalPayload: Tree = new Tree('root', 'root');
 functionalPayload.route = rootPayload.route;
 functionalPayload.addChild({ count: 0 }, 'IncrementFunc', functionalComponentData, null);
@@ -101,11 +103,12 @@ const classComponentData: ComponentData = {
   state: { count: 0 },
 };
 
+componentActionsRecord.clear();
 export const classPayload = new Tree('root', 'root');
 classPayload.route = rootPayload.route;
-
 classPayload.addChild({ count: 0 }, 'IncrementClass', classComponentData, null);
 
+componentActionsRecord.clear();
 export const updateClassPayload = new Tree('root', 'root');
 updateClassPayload.route = rootPayload.route;
 updateClassPayload.addChild(
@@ -116,6 +119,7 @@ updateClassPayload.addChild(
 );
 
 // -----------------------TEST CASE FOR MIX OF COMPONENTS-----------------------
+componentActionsRecord.clear();
 export const mixComponents: Fiber = deepCopy(root);
 mixComponents.child = deepCopy(functionalComponent);
 mixComponents.sibling = deepCopy(classComponent);
@@ -164,18 +168,3 @@ classPayloadMix.componentData = {
 mixPayload.children[0].children.push(deepCopy(classPayloadMix));
 
 // console.dir(mixPayload, { depth: null });
-
-function deepCopy(obj) {
-  if (obj === null || typeof obj !== 'object') {
-    return obj;
-  }
-  const copy = Array.isArray(obj) ? [] : {};
-  Object.keys(obj).forEach((key) => {
-    if (typeof obj[key] === 'function') {
-      copy[key] = obj[key];
-    } else {
-      copy[key] = deepCopy(obj[key]);
-    }
-  });
-  return copy;
-}

src/backend/__tests__/linkFiber.test.ts

@@ -11,7 +11,7 @@ import {
   functionalPayload,
   mixComponents,
   mixPayload,
-} from './ignore/linkFiber-testcases';
+} from './ignore/stateComponents-testcases';
 import { Snapshot, Status, FiberRoot } from '../types/backendTypes';
 import Tree from '../models/tree';
 import { DevTools } from '../types/linkFiberTypes';