chore(jest): polyfill whatwg-fetch

packages/scripts/package.json

@@ -55,7 +55,8 @@
         "semver": "^7.5.4",
         "source-map-loader": "^4.0.1",
         "text-table": "^0.2.0",
-        "webpack": "^5.88.2"
+        "webpack": "^5.88.2",
+        "whatwg-fetch": "^3.6.18"
     },
     "devDependencies": {
         "@jest/types": "^29.6.3",

packages/scripts/src/jest/jest.config.ts

@@ -19,6 +19,7 @@ function getConfig(): Config {
         roots: ['<rootDir>/src'],
         cacheDirectory: paths.jestCache,
 
+        setupFiles: [require.resolve('./jest.setup.js')],
         setupFilesAfterEnv: hasPackageOwnTestSetup ? [packageOwnTestSetup] : [],
 
         collectCoverageFrom: [
@@ -42,10 +43,11 @@ function getConfig(): Config {
                             useDefineForClassFields: true,
                         },
                     },
+                    isModule: true,
                 },
             ],
-            '^.+\\.css$': paths.transforms.css,
-            '^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)': paths.transforms.file,
+            '^.+\\.css$': require.resolve('./transform.css.js'),
+            '^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)': require.resolve('./transform.file.js'),
         },
         transformIgnorePatterns: [
             '[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$',

packages/scripts/src/jest/jest.setup.ts

@@ -0,0 +1,12 @@
+declare const window: typeof globalThis;
+
+async function setup() {
+    // Make sure we're in a Browser-like environment before importing polyfills
+    // This prevents `fetch()` from being imported in a Node test environment
+    if (typeof window !== 'undefined') {
+        // fetch() polyfill for making API calls.
+        await import('whatwg-fetch');
+    }
+}
+
+void setup();

packages/scripts/src/jest/whatwg-fetch.d.ts

@@ -0,0 +1 @@
+declare module 'whatwg-fetch';

packages/scripts/src/utils/paths.ts

@@ -44,10 +44,5 @@ export const paths = {
     // test
 
     jestCache: path.resolve(rootNodeModules, '.cache/jest'),
-
     jestConfig: path.resolve(scriptsDist, 'jest/jest.config.js'),
-    transforms: {
-        css: path.resolve(scriptsDist, 'jest/transform.css.js'),
-        file: path.resolve(scriptsDist, 'jest/transform.file.js'),
-    },
 };