improve run time of jest tests

frontend/babel.config.js

@@ -0,0 +1,36 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          chrome: 100,
+        },
+      },
+    ],
+    '@babel/preset-react',
+    '@babel/preset-typescript',
+  ],
+  plugins: [
+    // Devs tend to write `import { someIcon } from '@patternfly/react-icons';`
+    // This transforms the import to be specific which prevents having to parse 2k+ icons
+    // Also prevents potential bundle size blowups with CJS
+    [
+      'transform-imports',
+      {
+        '@patternfly/react-icons': {
+          transform: (importName) =>
+            `@patternfly/react-icons/dist/js/icons/${
+              importName === 'PathMissingIcon'
+                ? 'pathMissing-icon'
+                : importName
+                    .split(/(?=[A-Z])/)
+                    .join('-')
+                    .toLowerCase()
+            }`,
+          preventFullImport: true,
+        },
+      },
+    ],
+  ],
+};

frontend/jest.config.js

@@ -2,7 +2,8 @@
 // https://jestjs.io/docs/en/configuration.html
 
 module.exports = {
-  testMatch: ['**/__tests__/unit/**/*.ts'],
+  roots: ['<rootDir>/src/__tests__/unit'],
+  testMatch: ['**/?(*.)+(spec|test).ts?(x)'],
 
   // Automatically clear mock calls and instances between every test
   clearMocks: true,
@@ -18,16 +19,15 @@ module.exports = {
     '~/(.*)': '<rootDir>/src/$1',
   },
 
-  // A preset that is used as a base for Jest's configuration
-  preset: 'ts-jest/presets/js-with-ts',
-
   // The test environment that will be used for testing.
-  testEnvironment: 'jsdom',
+  testEnvironment: 'jest-environment-jsdom',
 
-  transform: {
-    'node_modules/.+\\.(j|t)sx?$': 'ts-jest',
-  },
+  // include projects from node_modules as required
+  transformIgnorePatterns: [
+    'node_modules/(?!yaml)',
+  ],
 
   // A list of paths to snapshot serializer modules Jest should use for snapshot testing
   snapshotSerializers: [],
+
 };

frontend/package.json

@@ -85,6 +85,7 @@
     "@typescript-eslint/eslint-plugin": "^5.53.0",
     "@typescript-eslint/parser": "^5.53.0",
     "babel-loader": "^8.3.0",
+    "babel-plugin-transform-imports": "^2.0.0",
     "copy-webpack-plugin": "^6.2.1",
     "css-loader": "^5.2.7",
     "css-minimizer-webpack-plugin": "^4.2.2",
@@ -181,4 +182,4 @@
       "monaco-editor": "^0.31.1"
     }
   }
-}
+}

frontend/tsconfig.json

@@ -23,5 +23,5 @@
     "skipLibCheck": true
   },
   "include": ["**/*.ts", "**/*.tsx", "**/*.jsx", "**/*.js"],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", "public"]
 }