chore(cli): fixing create again

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

@@ -3,8 +3,26 @@ import { render } from '@testing-library/react';
 import ExampleComponent from './ExampleComponent';
 import { ThemeProvider } from '@material-ui/core';
 import { lightTheme } from '@backstage/theme';
+import { rest } from 'msw';
+import { setupServer } from 'msw/node';
+
 
 describe('ExampleComponent', () => {
+  const server = setupServer();
+  // Enable API mocking before tests.
+  beforeAll(() => server.listen())
+
+  // 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())
+
+  // setup mock response
+  beforeEach(() => {
+    server.use(rest.get('/*', (_, res, ctx) => res(ctx.status(200), ctx.json({}))))
+  })
+
   it('should render', () => {
     const rendered = render(
       <ThemeProvider theme={lightTheme}>

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

@@ -1,8 +1,24 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import ExampleFetchComponent from './ExampleFetchComponent';
+import { rest } from 'msw';
+import { setupServer } from 'msw/node';
 
 describe('ExampleFetchComponent', () => {
+  const server = setupServer();
+  // Enable API mocking before tests.
+  beforeAll(() => server.listen())
+
+  // 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())
+
+  // setup mock response
+  beforeEach(() => {
+    server.use(rest.get('/*', (_, res, ctx) => res(ctx.status(200), ctx.delay(2000), ctx.json({}))))
+  })
   it('should render', async () => {
     const rendered = render(<ExampleFetchComponent />);
     expect(await rendered.findByTestId('progress')).toBeInTheDocument();