Improve Jest performance

.eslintrc.yaml

@@ -16,7 +16,6 @@ plugins:
   - react
   - react-hooks
   - "@typescript-eslint"
-  - header
   - file-progress
 
 extends:
@@ -88,12 +87,7 @@ rules:
     - error
     - additionalHooks: "(useAsync(?!AppConfigurationValue))"
   no-new-func: error
-  header/header:
-    - error
-    - line
-    - - " This Source Code Form is subject to the terms of the Mozilla Public"
-      - " License, v2.0. If a copy of the MPL was not distributed with this"
-      - " file, You can obtain one at http://mozilla.org/MPL/2.0/"
+  foxglove-license-header: error
 
   curly: error
   "@typescript-eslint/no-unused-vars":

.vscode/settings.json

@@ -19,7 +19,8 @@
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.preferences.importModuleSpecifier": "non-relative",
   "eslint.options": {
-    "reportUnusedDisableDirectives": true
+    "reportUnusedDisableDirectives": true,
+    "rulePaths": ["eslint-rules"]
   },
   // enable intellisense in custom snippets (see snippets.code-snippets)
   "editor.suggest.snippetsPreventQuickSuggestions": false

app/PanelAPI/useBlocksByTopic.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/PanelAPI/useDataSourceInfo.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/PanelAPI/useMessageReducer.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/PanelAPI/useMessagesByTopic.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/ButtonBase.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/DocumentDropListener.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/ExperimentalFeatureSettings.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/GlobalKeyListener.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/Icon.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/MessagePathSyntax/MessagePathInput.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/MessagePathSyntax/useCachedGetMessagePathDataItems.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/MessagePathSyntax/useLatestMessageDataItem.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/MessagePathSyntax/useMessagesByPath.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/MessagePipeline/index.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
@@ -164,26 +165,27 @@ describe("MessagePipelineProvider/useMessagePipeline", () => {
 
   it("waits for the previous frame to finish before calling setGlobalVariables again", async () => {
     const player = new FakePlayer();
-    jest.spyOn(player, "setGlobalVariables");
+    const mockSetGlobalVariables = jest.spyOn(player, "setGlobalVariables");
     const { result, rerender } = renderHook(Hook, {
       wrapper: Wrapper,
       initialProps: { maybePlayer: { player }, globalVariables: {} },
     });
     await tick();
+    await tick();
 
-    expect(player.setGlobalVariables).toHaveBeenCalledWith({});
-    expect(player.setGlobalVariables).toHaveBeenCalledTimes(1);
+    expect(mockSetGlobalVariables.mock.calls).toEqual([[{}]]);
     const onFrameRendered = result.current.pauseFrame("Wait");
 
     // Pass in new globalVariables and make sure they aren't used until the frame is done
     rerender({ maybePlayer: { player }, globalVariables: { futureTime: 1 } });
     await tick();
-    expect(player.setGlobalVariables).toHaveBeenCalledTimes(1);
+    expect(mockSetGlobalVariables.mock.calls).toEqual([[{}]]);
 
     // Once the frame is done, setGlobalVariables will be called with the new value
     onFrameRendered();
     await tick();
-    expect(player.setGlobalVariables).toHaveBeenCalledWith({ futureTime: 1 });
+    await tick();
+    expect(mockSetGlobalVariables.mock.calls).toEqual([[{}], [{ futureTime: 1 }]]);
   });
 
   it("sets subscriptions", () => {

app/components/Panel.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/ShareJsonModal.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/components/Tree/index.stories.tsx

@@ -17,7 +17,8 @@ import { storiesOf } from "@storybook/react";
 import { useState } from "react";
 
 import Menu from "@foxglove-studio/app/components/Menu";
-import Tree, { Node } from "@foxglove-studio/app/components/Tree";
+import Tree from "@foxglove-studio/app/components/Tree";
+import { Node } from "@foxglove-studio/app/components/Tree/Node";
 
 function getInitialState() {
   const root = {

app/components/Tree/index.tsx

@@ -16,9 +16,6 @@ import React, { PureComponent } from "react";
 import { Node } from "./Node";
 import TreeNode from "./TreeNode";
 
-// export the node flow type
-export { Node } from "./Node";
-
 type Props = {
   disableCheckbox?: boolean;
   enableVisibilityToggle?: boolean;

app/dataProviders/CombinedDataProvider.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/dataProviders/ParseMessagesDataProvider.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/dataProviders/RpcDataProvider.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/dataProviders/getRemoteBagGuid.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/hooks/useContextSelector.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/hooks/usePrompt.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/jest.config.json

@@ -0,0 +1,23 @@
+{
+  "//": "Note: we use babel-jest rather than ts-jest for performance reasons.",
+  "transform": {
+    "\\.tsx?$": "<rootDir>/test/transformers/typescriptTransformerWithRawImports.js",
+    "\\.ne$": "<rootDir>/test/transformers/neTransformer.js",
+    "\\.(bin|template|wasm)$": "<rootDir>/test/transformers/rawTransformer.js"
+  },
+  "globals": {
+    "ReactNull": null
+  },
+  "setupFiles": ["<rootDir>/test/setup.ts", "<rootDir>/test/setupEnzyme.ts", "jest-canvas-mock"],
+  "setupFilesAfterEnv": ["<rootDir>/test/setupTestFramework.ts"],
+  "restoreMocks": true,
+  "moduleNameMapper": {
+    "\\.svg$": "<rootDir>/test/mocks/MockSvg.tsx",
+    "react-monaco-editor": "<rootDir>/test/stubs/MonacoEditor.tsx",
+    "\\.(glb|md|png)$": "<rootDir>/test/mocks/fileMock.ts",
+    "\\.(css|scss)$": "<rootDir>/test/mocks/styleMock.ts"
+  },
+  "testRunner": "jest-circus/runner",
+  "//": "Native find is slow because it does not exclude files: https://github.com/facebook/jest/pull/11264#issuecomment-825377579",
+  "haste": { "forceNodeFilesystemAPI": true }
+}

app/package.json

@@ -89,6 +89,7 @@
     "@storybook/addon-essentials": "6.2.5",
     "@storybook/builder-webpack5": "6.2.5",
     "@storybook/react": "6.2.5",
+    "@testing-library/dom": "7.30.1",
     "@testing-library/react": "11.2.6",
     "@testing-library/react-hooks": "5.1.1",
     "@types/argparse": "^2.0.5",

app/panels/Internals.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/panels/Plot/PlotMenu.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/panels/Publish/index.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/panels/ThreeDimensionalViz/FrameCompatibility.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/panels/ThreeDimensionalViz/SearchText.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/panels/ThreeDimensionalViz/TopicTree/useSceneBuilderAndTransformsData.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/panels/ThreeDimensionalViz/TopicTree/useTopicTree.test.tsx

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/panels/diagnostics/DiagnosticsHistory.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/players/RandomAccessPlayer.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/players/UserNodePlayer/index.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/players/UserNodePlayer/nodeTransformerWorker/typescript/userUtils/.eslintrc.yaml

@@ -1,3 +1,3 @@
 rules:
   # do not require license header for userUtils
-  "header/header": off
+  foxglove-license-header: off

app/players/automatedRun/AutomatedRunPlayer.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/players/automatedRun/performanceMeasuringClient.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/players/types.ts

@@ -87,7 +87,7 @@ export interface Player {
   setGlobalVariables(globalVariables: GlobalVariables): void;
 }
 
-export const enum PlayerPresence {
+export enum PlayerPresence {
   NOT_PRESENT = "NOT_PRESENT",
   CONSTRUCTING = "CONSTRUCTING",
   INITIALIZING = "INITIALIZING",

app/reducers/layoutHistory.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/reducers/panels.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/reducers/recentLayouts.test.ts

@@ -1,3 +1,4 @@
+/** @jest-environment jsdom */
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/

app/test/mocks/fileMock.ts

@@ -2,4 +2,4 @@
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 
-module.exports = "test-file-stub";
+export default "test-file-stub";

app/test/mocks/styleMock.ts

@@ -2,4 +2,4 @@
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 
-module.exports = {};
+export default {};