Merge pull request #18234 from backstage/blam/jsdom-env

cli: Add `Request` `Response` `Headers` and `fetch` to `jsdom` environment

packages/cli/config/jest.js

@@ -194,9 +194,16 @@ async function getProjectConfig(targetPath, extraConfig) {
     ...getRoleConfig(closestPkgJson?.backstage?.role),
   };
 
+  options.setupFilesAfterEnv = options.setupFilesAfterEnv || [];
+
+  if (options.testEnvironment === require.resolve('jest-environment-jsdom')) {
+    // FIXME https://github.com/jsdom/jsdom/issues/1724
+    options.setupFilesAfterEnv.unshift(require.resolve('cross-fetch/polyfill'));
+  }
+
   // Use src/setupTests.ts as the default location for configuring test env
   if (fs.existsSync(path.resolve(targetPath, 'src/setupTests.ts'))) {
-    options.setupFilesAfterEnv = ['<rootDir>/setupTests.ts'];
+    options.setupFilesAfterEnv.push('<rootDir>/setupTests.ts');
   }
 
   const config = Object.assign(options, ...pkgJsonConfigs);

packages/cli/package.json

@@ -74,6 +74,7 @@
     "chalk": "^4.0.0",
     "chokidar": "^3.3.1",
     "commander": "^9.1.0",
+    "cross-fetch": "^3.1.5",
     "cross-spawn": "^7.0.3",
     "css-loader": "^6.5.1",
     "diff": "^5.0.0",

packages/cli/templates/default-plugin/package.json.hbs

@@ -48,8 +48,7 @@
     "@testing-library/react": "{{versionQuery '@testing-library/react' '12.1.3'}}",
     "@testing-library/user-event": "{{versionQuery '@testing-library/user-event' '14.0.0'}}",
     "@types/node": "{{versionQuery '@types/node' '16.11.26'}}",
-    "msw": "{{versionQuery 'msw' '1.0.0'}}",
-    "cross-fetch": "{{versionQuery 'cross-fetch' '3.1.5'}}"
+    "msw": "{{versionQuery 'msw' '1.0.0'}}"
   },
   "files": [
     "dist"

packages/cli/templates/default-plugin/src/setupTests.ts

@@ -1,2 +1 @@
 import '@testing-library/jest-dom';
-import 'cross-fetch/polyfill';