create distinct frontend and api test environments

Signed-off-by: Gerhard Steenkamp <[email protected]>

Author: gsteenkamp89

jest.config.cjs

@@ -11,12 +11,10 @@ module.exports = {
     "^.+\\.svg$": "jest-transform-stub",
     "^.+\\.png$": "jest-transform-stub",
   },
+  // Only include test/api directory for API tests
+  testMatch: ["<rootDir>/test/api/**/*.test.{ts,tsx}"],
   moduleNameMapper: {
-    "^components/(.*)$": "<rootDir>/src/components/$1",
-    "^utils/(.*)$": "<rootDir>/src/utils/$1",
-    "^hooks/(.*)$": "<rootDir>/src/hooks/$1",
-    "^assets/(.*)$": "<rootDir>/src/assets/$1",
-    "^data/(.*)$": "<rootDir>/src/data/$1",
+    // Only keep uuid mapping for API tests - remove frontend path mappings
     uuid: require.resolve("uuid"),
   },
 };

jest.frontend.config.cjs

@@ -0,0 +1,26 @@
+/** @type {import('ts-jest/dist/types').JestConfigWithTsJest} */
+
+module.exports = {
+  setupFiles: ["<rootDir>/setup.jest.ts"],
+  preset: "ts-jest",
+  testEnvironment: "jsdom",
+  moduleDirectories: ["node_modules", "<rootDir>"],
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
+  transform: {
+    "^.+\\.tsx?$": "ts-jest",
+    "^.+\\.svg$": "jest-transform-stub",
+    "^.+\\.png$": "jest-transform-stub",
+  },
+  // Only include src directory for frontend tests
+  testMatch: ["<rootDir>/src/**/*.test.{ts,tsx}"],
+  // Exclude API modules that require Node.js dependencies
+  modulePathIgnorePatterns: ["<rootDir>/api/", "<rootDir>/test/api/"],
+  moduleNameMapper: {
+    "^components/(.*)$": "<rootDir>/src/components/$1",
+    "^utils/(.*)$": "<rootDir>/src/utils/$1",
+    "^hooks/(.*)$": "<rootDir>/src/hooks/$1",
+    "^assets/(.*)$": "<rootDir>/src/assets/$1",
+    "^data/(.*)$": "<rootDir>/src/data/$1",
+    uuid: require.resolve("uuid"),
+  },
+};

package.json

@@ -69,9 +69,9 @@
     "remote-config": "tsx scripts/fetch-remote-config.ts",
     "remote-env": "tsx ./scripts/fetch-remote-env.ts",
     "analyze": "yarn build && rollup-plugin-visualizer --open ./bundle-size-analysis.json",
-    "test": "export REACT_APP_GIT_COMMIT_HASH=$(git rev-parse HEAD) && jest --env jsdom src",
+    "test": "export REACT_APP_GIT_COMMIT_HASH=$(git rev-parse HEAD) && jest --config jest.frontend.config.cjs",
     "serve": "vite preview --port 3000",
-    "test-api": "yarn remote-config && jest test/api",
+    "test-api": "yarn remote-config && jest --config jest.config.cjs",
     "pretest:e2e": "npm pkg set 'type'='module'",
     "test:e2e:headful": "yarn pretest:e2e && playwright test",
     "test:e2e:headless": "yarn pretest:e2e && HEADLESS=true playwright test",