chore: fixing some more e2e tests by actually polyfill the correct thing

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

@@ -13,6 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+import 'cross-fetch/polyfill';
 export {};
-global.fetch = require('node-fetch');

packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.test.tsx.hbs

@@ -5,18 +5,13 @@ import { ThemeProvider } from '@material-ui/core';
 import { lightTheme } from '@backstage/theme';
 import { rest } from 'msw';
 import { setupServer } from 'msw/node';
+import { msw } from '@backstage/test-utils';
 
 
 describe('ExampleComponent', () => {
   const server = setupServer();
-  // Enable API mocking before tests.
-  beforeAll(() => server.listen({ onUnhandledRequest: 'error' }))
-
-  // Reset any runtime request handlers we may add during the tests.
-  afterEach(() => server.resetHandlers())
-
-  // Disable API mocking after the tests are done.
-  afterAll(() => server.close())
+  // Enable sane handlers for network requests
+  msw.setupDefaultHandlers(server);
 
   // setup mock response
   beforeEach(() => {

packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.test.tsx.hbs

@@ -3,18 +3,13 @@ import { render } from '@testing-library/react';
 import ExampleFetchComponent from './ExampleFetchComponent';
 import { rest } from 'msw';
 import { setupServer } from 'msw/node';
+import { msw } from '@backstage/test-utils';
 
 describe('ExampleFetchComponent', () => {
   const server = setupServer();
-  // Enable API mocking before tests.
-  beforeAll(() => server.listen({ onUnhandledRequest: 'error' }))
-
-  // Reset any runtime request handlers we may add during the tests.
-  afterEach(() => server.resetHandlers())
-
-  // Disable API mocking after the tests are done.
-  afterAll(() => server.close())
-
+  // Enable sane handlers for network requests
+  msw.setupDefaultHandlers(server);
+  
   // setup mock response
   beforeEach(() => {
     server.use(rest.get('https://randomuser.me/*', (_, res, ctx) => res(ctx.status(200), ctx.delay(2000), ctx.json({}))))

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

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