testing progress

Author: zacharydfreeman

src/backend/__tests__/linkFiber.test.tsx

@@ -28,12 +28,13 @@ describe('linkFiber', () => {
 
     // Set up mock React DevTools global hook
     (window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__ = {
-      renderers: new Map<1, { version: string }>(),
+      renderers: new Map<1, { version: string }>([[1, { version: '16' }]]),
       inject: jest.fn(),
       supportsFiber: true,
       onCommitFiberRoot: jest.fn(),
       onCommitFiberUnmount: jest.fn(),
       rendererInterfaces: {},
+      getFiberRoots: jest.fn(() => [{ current: { tag: 0 } }]),
     };
   });
 
@@ -42,15 +43,15 @@ describe('linkFiber', () => {
     delete window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
   });
 
-  it('link fiber should return a function', () => {
+  xit('link fiber should return a function', () => {
     expect(typeof linkFiber).toBe('function');
   });
 
-  it('returned function should not throw an error', () => {
+  xit('returned function should not throw an error', () => {
     expect(() => linkFiber()).not.toThrowError();
   });
 
-  it('should send message to front end that React DevTools is installed', () => {
+  xit('should send message to front end that React DevTools is installed', () => {
     linkFiber();
     expect(mockPostMessage).toHaveBeenCalled();
     expect(mockPostMessage).toHaveBeenCalledWith(
@@ -62,15 +63,33 @@ describe('linkFiber', () => {
     );
   });
 
-  it('should not do anything if React Devtools is not installed', () => {
+  xit('should not do anything if React Devtools is not installed', () => {
     delete window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
     expect(() => linkFiber()).not.toThrowError();
     expect(mockPostMessage).not.toHaveBeenCalled();
   });
 
-  xit('should not do anything if the target application is not a React App', () => {});
+  it('should send a message to the front end if the target application is a React App', () => {
+    linkFiber();
+    // the third call is from the onCommitFiberRoot() function
+    expect(mockPostMessage).toHaveBeenCalledTimes(3);
+    expect(mockPostMessage).toHaveBeenCalledWith(
+      {
+        action: 'devToolsInstalled',
+        payload: 'devToolsInstalled',
+      },
+      '*',
+    );
+    expect(mockPostMessage).toHaveBeenCalledWith(
+      {
+        action: 'aReactApp',
+        payload: 'aReactApp',
+      },
+      '*',
+    );
+  });
 
-  xit('should send a message to the front end if the target application is a React App', () => {});
+  xit('should not do anything if the target application is not a React App', () => {});
 
   xit('should initiate an event listener for visibility change', () => {});
 });

src/backend/routers/linkFiber.ts

@@ -77,7 +77,6 @@ export default function linkFiber(snapShot: Snapshot, mode: Status): () => void
   // TODO: Convert this into async/await & add try/catch
 
   return () => {
-    console.log('testing called');
     // -------------------CHECK REACT DEVTOOL INSTALLATION----------------------
     // react devtools global hook is a global object that was injected by the React Devtools content script, allows access to fiber nodes and react version
     // Obtain React Devtools Object:
@@ -101,6 +100,7 @@ export default function linkFiber(snapShot: Snapshot, mode: Status): () => void
     const reactInstance = devTools.renderers.get(1);
     // If target application is not a React App, this will return undefined.
     if (!reactInstance) {
+      console.log('not a react instance', reactInstance);
       return;
     }
     // If target application is a React App, send a message to front end.
@@ -124,7 +124,7 @@ export default function linkFiber(snapShot: Snapshot, mode: Status): () => void
     // ---------OBTAIN THE INITIAL FIBEROOTNODE FROM REACT DEV TOOL-------------
     // Obtain the FiberRootNode, which is the first value in the FiberRoot Set:
     fiberRoot = devTools.getFiberRoots(1).values().next().value;
-    console.log('linkFiber', { fiberRoot });
+    console.log('fiberRoot', fiberRoot);
 
     // ----------INITIALIZE THE TREE SNAP SHOT ON CHROME EXTENSION--------------
     throttledUpdateSnapshot(fiberRoot); // only runs on start up