chore(deps): upgrade jest (#5517)

Author: emosbaugh

web/jest.config.js

@@ -0,0 +1,92 @@
+module.exports = {
+  // Use jsdom environment for DOM testing
+  testEnvironment: 'jsdom',
+  
+  // Setup files to run before tests
+  setupFilesAfterEnv: ['<rootDir>/src/jest-setup.ts'],
+  
+  // Transform files with babel (Jest 30 automatically uses babel-jest)
+  transform: {
+    '^.+\\.(js|jsx|ts|tsx)$': 'babel-jest',
+  },
+  
+  // Module name mapping for imports
+  moduleNameMapper: {
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/__mocks__/fileMock.js',
+    '\\.(scss|css|less)$': '<rootDir>/__mocks__/styleMock.js',
+    '@components/(.*)$': '<rootDir>/src/components/$1',
+    '@features/(.*)$': '<rootDir>/src/features/$1',
+    '@stores/(.*)$': '<rootDir>/src/stores/$1',
+    '@types': '<rootDir>/src/types/index',
+    '@utils': '<rootDir>/src/utilities/index',
+    'handlebars': '<rootDir>/handlebars/dist/handlebars.js',
+    '@src/(.*)$': '<rootDir>/src/$1'
+  },
+  
+  // Test environment options
+  testEnvironmentOptions: {
+    customExportConditions: [''],
+  },
+  
+  // Jest worker configuration to prevent process exceptions
+  maxWorkers: 1,
+  workerIdleMemoryLimit: '512MB',
+  
+  // Timeout configuration
+  testTimeout: 10000,
+  
+  // Coverage configuration
+  collectCoverageFrom: [
+    'src/**/*.{js,jsx,ts,tsx}',
+    '!src/**/*.d.ts',
+    '!src/**/*.stories.{js,jsx,ts,tsx}',
+    '!src/**/*.test.{js,jsx,ts,tsx}',
+    '!src/**/index.{js,jsx,ts,tsx}',
+  ],
+  
+  // Test file patterns
+  testMatch: [
+    '<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}',
+    '<rootDir>/src/**/*.{test,spec}.{js,jsx,ts,tsx}',
+  ],
+  
+  // Module file extensions
+  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json'],
+  
+  // Clear mocks between tests
+  clearMocks: true,
+  
+  // Restore mocks between tests
+  restoreMocks: true,
+  
+  // Reset modules between tests
+  resetModules: true,
+  
+  // Collect coverage
+  collectCoverage: false,
+  
+  // Coverage directory
+  coverageDirectory: 'coverage',
+  
+  // Coverage reporters
+  coverageReporters: ['text', 'lcov', 'html'],
+  
+  // Coverage thresholds
+  coverageThreshold: {
+    global: {
+      branches: 80,
+      functions: 80,
+      lines: 80,
+      statements: 80,
+    },
+  },
+  
+  // Verbose output
+  verbose: true,
+  
+  // Force exit after tests
+  forceExit: true,
+  
+  // Detect open handles
+  detectOpenHandles: true,
+};

web/package.json

@@ -32,10 +32,10 @@
     "@pact-foundation/pact": "^15.0.1",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.6.1",
     "@tanstack/react-query-devtools": "^4.36.1",
-    "@testing-library/jest-dom": "^6.6.4",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^15.0.7",
     "@types/downloadjs": "^1.4",
-    "@types/jest": "^29.5.14",
+    "@types/jest": "^30.0.0",
     "@types/js-yaml": "^3",
     "@types/lodash": "^4.17.20",
     "@types/node": "^22.15.30",
@@ -57,12 +57,12 @@
     "css-loader": "^7.1.2",
     "eslint": "^9.32.0",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jest": "^28.13.0",
+    "eslint-plugin-jest": "^29.0.1",
     "eslint-webpack-plugin": "^4.2.0",
     "html-webpack-plugin": "^5.6.4",
     "intersection-observer": "^0.12.2",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest": "^30.1.1",
+    "jest-environment-jsdom": "^30.1.1",
     "jest-fixed-jsdom": "^0.0.10",
     "mini-css-extract-plugin": "^2.9.4",
     "msw": "^2.10.5",
@@ -145,26 +145,5 @@
     "last 4 versions",
     "not IE 11",
     "not dead"
-  ],
-  "jest": {
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/jest-setup.ts"
-    ],
-    "testEnvironmentOptions": {
-      "customExportConditions": [
-        ""
-      ]
-    },
-    "moduleNameMapper": {
-      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
-      "\\.(scss|css|less)$": "<rootDir>/__mocks__/styleMock.js",
-      "@components/(.*)$": "<rootDir>/src/components/$1",
-      "@features/(.*)$": "<rootDir>/src/features/$1",
-      "@stores/(.*)$": "<rootDir>/src/stores/$1",
-      "@types": "<rootDir>/src/types/index",
-      "@utils": "<rootDir>/src/utilities/index",
-      "handlebars": "<rootDir>/handlebars/dist/handlebars.js",
-      "@src/(.*)$": "<rootDir>/src/$1"
-    }
-  }
+  ]
 }

web/src/components/upgrade_service/UpgradeService.test.tsx

@@ -55,6 +55,16 @@ describe("UpgradeService", () => {
             isConfigurable: true,
             hasPreflight: false,
           });
+        }),
+        http.get(`${api}/apps`, () => {
+          return HttpResponse.json({
+            apps: [],
+          });
+        }),
+        http.get(`${api}/upgrade-service/app/${slug}/config`, () => {
+          return HttpResponse.json({
+            config: {},
+          });
         })
       );
 
@@ -77,6 +87,23 @@ describe("UpgradeService", () => {
             isConfigurable: false,
             hasPreflight: true,
           });
+        }),
+        http.get(`${api}/apps`, () => {
+          return HttpResponse.json({
+            apps: [],
+          });
+        }),
+        http.get(`${api}/upgrade-service/app/${slug}/preflight/result`, () => {
+          return HttpResponse.json({
+            preflightResult: {
+              result: {
+                results: [],
+                errors: []
+              },
+              skipped: false
+            },
+            preflightProgress: {}
+          });
         })
       );
 
@@ -101,6 +128,23 @@ describe("UpgradeService", () => {
             isConfigurable: false,
             hasPreflight: false,
           });
+        }),
+        http.get(`${api}/apps`, () => {
+          return HttpResponse.json({
+            apps: [],
+          });
+        }),
+        http.get(`${api}/upgrade-service/app/${slug}/preflight/result`, () => {
+          return HttpResponse.json({
+            preflightResult: {
+              result: {
+                results: [],
+                errors: []
+              },
+              skipped: false
+            },
+            preflightProgress: {}
+          });
         })
       );
 
@@ -122,6 +166,11 @@ describe("UpgradeService", () => {
       server.use(
         http.get(`${api}/upgrade-service/app/${slug}`, () => {
           return new HttpResponse("Not found", { status: 404 });
+        }),
+        http.get(`${api}/apps`, () => {
+          return HttpResponse.json({
+            apps: [],
+          });
         })
       );
 

web/src/features/App/api/getApps.test.jsx

@@ -96,7 +96,7 @@ describe("getApps", () => {
         apiEndpoint: testAPIEndpoint,
       };
 
-      await expect(getApps(testgetAppsFetchConfig)).rejects.toThrowError(
+      await expect(getApps(testgetAppsFetchConfig)).rejects.toThrow(
         "Failed to fetch apps with status 400"
       );
     });
@@ -115,7 +115,7 @@ describe("getApps", () => {
         apiEndpoint: testAPIEndpoint,
       };
 
-      await expect(getApps(testgetAppsFetchConfig)).rejects.toThrowError(
+      await expect(getApps(testgetAppsFetchConfig)).rejects.toThrow(
         "Error parsing json"
       );
     });
@@ -130,7 +130,7 @@ describe("getApps", () => {
         apiEndpoint: testAPIEndpoint,
       };
 
-      await expect(getApps(testgetAppsFetchConfig)).rejects.toThrowError(
+      await expect(getApps(testgetAppsFetchConfig)).rejects.toThrow(
         "Error fetching"
       );
     });

web/src/jest-setup.ts

@@ -4,15 +4,81 @@ import "@testing-library/jest-dom";
 // Set default API endpoint for tests to prevent undefined URLs
 process.env.API_ENDPOINT = process.env.API_ENDPOINT || "http://test-api";
 
+// Mock fetch globally to prevent actual network calls in tests
+const mockFetch = jest.fn().mockImplementation(() => 
+  Promise.resolve({
+    ok: true,
+    status: 200,
+    json: () => Promise.resolve({ apps: [] }),
+    text: () => Promise.resolve(""),
+    headers: new Map(),
+    clone: function() { return this; }, // Add clone method for MSW compatibility
+  })
+);
+global.fetch = mockFetch;
+
+// Mock IntersectionObserver
+global.IntersectionObserver = jest.fn().mockImplementation(() => ({
+  observe: jest.fn(),
+  unobserve: jest.fn(),
+  disconnect: jest.fn(),
+}));
+
+// Mock ResizeObserver
+global.ResizeObserver = jest.fn().mockImplementation(() => ({
+  observe: jest.fn(),
+  unobserve: jest.fn(),
+  disconnect: jest.fn(),
+}));
+
+// Mock matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: jest.fn().mockImplementation(query => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // deprecated
+    removeListener: jest.fn(), // deprecated
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  })),
+});
+
+// Mock window.scrollTo
+Object.defineProperty(window, 'scrollTo', {
+  writable: true,
+  value: jest.fn(),
+});
+
+// Mock window.URL.createObjectURL
+Object.defineProperty(window.URL, 'createObjectURL', {
+  writable: true,
+  value: jest.fn(() => 'mocked-url'),
+});
+
+// Mock window.URL.revokeObjectURL
+Object.defineProperty(window.URL, 'revokeObjectURL', {
+  writable: true,
+  value: jest.fn(),
+});
+
 // Global cleanup for Jest
 afterEach(() => {
   // Clear any timers and intervals
   jest.clearAllTimers();
   jest.clearAllMocks();
+
+  // Reset fetch mock
+  mockFetch.mockClear();
 });
 
 // Cleanup timers after all tests to prevent worker hanging
 afterAll(() => {
   // Clear any remaining timers
   jest.clearAllTimers();
+
+  // Reset fetch mock
+  mockFetch.mockReset();
 });