changed timejump and linkfiber tests to ts files and typed variables on timejump test ts

Author: nmwenz90

package.json

@@ -15,7 +15,7 @@
   "scripts": {
     "build": "webpack --mode production",
     "dev": "webpack --mode development --watch",
-    "test": "jest --verbose --coverage --watchAll",
+    "test": "jest --verbose --coverage --watchAll --forceExit",
     "docker-test-lint": "eslint --ext .js --ext .jsx src",
     "docs": "typedoc --json docs --inputFiles src/app --inputFiles src/backend --readme docs/readme.md"
   },

src/backend/__tests__/linkFiber.test.ts

@@ -0,0 +1,95 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable import/order */
+/* eslint-disable import/no-extraneous-dependencies */
+/* eslint-disable react/jsx-filename-extension */
+import React, { Component } from 'react';
+import { render } from 'react-dom';
+import linkFiberStart from '../linkFiber';
+// import 'expect-puppeteer';
+import puppeteer from 'puppeteer';
+
+const SERVER = require('./puppeteerServer');
+
+const APP = 'http://localhost:5000';
+
+let linkFiber;
+let mode;
+let snapShot;
+
+let browser;
+let page;
+
+class App extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { foo: 'bar' };
+  }
+
+  render() {
+    const { foo } = this.state;
+    return <div>{foo}</div>;
+  }
+}
+
+describe('unit test for linkFiber', () => {
+  beforeAll(async () => {
+    await SERVER;
+    const args = puppeteer.defaultArgs().filter(arg => String(arg).toLowerCase() !== '--disable-extensions');
+    browser = await puppeteer.launch({
+      args: args.concat(['--no-sandbox', '--disable-setuid-sandbox',
+        '---extensions-on-chrome-urls',
+        '--whitelisted-extension-id=fmkadmapgofadopljbjfkapdkoienihi',
+        '--whitelisted-extension-id=hilpbahfbckghckaiafiiinjkeagmfhn',
+        '--load-extension=/mnt/d/Libraries/Documents/codeRepos/reactime/src/extension/build']),
+      devtools: true,
+      ignoreDefaultArgs: true,
+      // '--load-extension', '../../src/extension/build'],
+
+      // headless: false,
+    });
+
+    const c = await puppeteer.connect({
+      browserWSEndpoint: browser.wsEndpoint(), // `ws://${host}:${port}/devtools/browser/<id>`,
+      ignoreHTTPSErrors: false,
+    });
+
+    page = await browser.newPage();
+  });
+
+  afterAll(async () => {
+    await SERVER.close();
+
+    await browser.close();
+  });
+
+  beforeEach(() => {
+    snapShot = { tree: null };
+    mode = {
+      jumping: false,
+      paused: false,
+      locked: false,
+    };
+    linkFiber = linkFiberStart(snapShot, mode);
+
+    page.waitForFunction(async lf => {
+      const container = document.createElement('div');
+      render(<App />, container);
+      lf(container);
+    }, {}, linkFiber);
+  });
+
+  test('linkFiber should mutate the snapshot tree property', () => {
+    // linkFiber mutates the snapshot
+
+    expect(typeof snapShot.tree).toBe('object');
+    // expect(snapShot.tree.component.state).toBe('root');
+    expect(snapShot.tree.state).toBe('root');
+    expect(snapShot.tree.children).toHaveLength(1);
+    expect(snapShot.tree.children[0].component.state.foo).toBe('bar');
+  });
+
+  test('linkFiber should modify the setState of the stateful component', () => {
+    expect(snapShot.tree.children[0].component.setState.linkFiberChanged).toBe(true);
+  });
+});

src/backend/__tests__/timeJump.test.ts

@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 /* eslint-disable max-classes-per-file */
 import timeJumpRequire from '../timeJump';
+// const timeJumpRequire = require('../timeJump');
 
 class Component {
   mockfn: (state) => void
@@ -39,9 +40,10 @@ describe('unit testing for timeJump.js', () => {
   let mockFuncs;
 
   beforeEach(() => {
+    const mockFunc = jest.fn();
     mode = { jumping: false };
     mockFuncs = [];
-    for (let i = 0; i < 4; i += 1) mockFuncs.push(jest.fn());
+    for (let i = 0; i < 4; i += 1) mockFuncs.push(mockFunc);
 
     const tree: FiberNode = new FiberNode(mockFuncs[0], '*');
     tree.children = [
@@ -52,8 +54,8 @@ describe('unit testing for timeJump.js', () => {
 
     snapShot = { tree };
     timeJump = timeJumpRequire(snapShot, mode);
+    mockFunc.mockClear()
   });
-
   test('calling the initial require should return a function', () => {
     expect(typeof timeJumpRequire).toBe('function');
   });