ADM-699: [frontend] test: prompt test coverage

frontend/__tests__/src/components/Metrics/ReportStep/BoardMetrics.test.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import clearAllMocks = jest.clearAllMocks;
+import BoardMetrics from '@src/components/Metrics/ReportStep/BoradMetrics';
+import { MOCK_REPORT_RESPONSE } from '../../../../src/fixtures';
+import { setupStore } from '../../../../src/utils/setupStoreUtil';
+import { Provider } from 'react-redux';
+import { RETRY } from '@src/constants/resources';
+import userEvent from '@testing-library/user-event';
+
+describe('Report Card', () => {
+  afterEach(() => {
+    clearAllMocks();
+  });
+
+  let store = setupStore();
+
+  const mockData = {
+    ...MOCK_REPORT_RESPONSE,
+    reportError: {
+      pipelineError: null,
+      sourceControlError: null,
+      boardError: {
+        status: 404,
+        message: 'Not Found',
+      },
+    },
+  };
+
+  const mockHandleRetry = jest.fn();
+  const onShowDetail = jest.fn();
+
+  const setup = () => {
+    store = setupStore();
+    return render(
+      <Provider store={store}>
+        <BoardMetrics
+          isBackFromDetail={false}
+          startDate={''}
+          endDate={''}
+          startToRequestBoardData={mockHandleRetry}
+          onShowDetail={onShowDetail}
+          boardReport={mockData}
+          csvTimeStamp={1705014731}
+          timeoutError={''}
+        />
+      </Provider>
+    );
+  };
+
+  it('should show retry button when have reportError and click retry will triger api call', async () => {
+    const { getByText } = setup();
+
+    expect(getByText(RETRY)).toBeInTheDocument();
+
+    await userEvent.click(getByText(RETRY));
+
+    expect(mockHandleRetry).toHaveBeenCalled();
+  });
+});

frontend/__tests__/src/components/Metrics/ReportStep/DoraMetrics.test.tsx

@@ -0,0 +1,63 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import clearAllMocks = jest.clearAllMocks;
+import DoraMetrics from '@src/components/Metrics/ReportStep/DoraMetrics';
+import { MOCK_REPORT_RESPONSE } from '../../../../src/fixtures';
+import { setupStore } from '../../../../src/utils/setupStoreUtil';
+import { Provider } from 'react-redux';
+import { RETRY } from '@src/constants/resources';
+import userEvent from '@testing-library/user-event';
+
+describe('Report Card', () => {
+  afterEach(() => {
+    clearAllMocks();
+  });
+
+  let store = setupStore();
+
+  const mockData = {
+    ...MOCK_REPORT_RESPONSE,
+    reportError: {
+      boardError: null,
+      sourceControlError: {
+        status: 404,
+        message: 'Not Found',
+      },
+      pipelineError: {
+        status: 404,
+        message: 'Not Found',
+      },
+    },
+  };
+
+  const mockHandleRetry = jest.fn();
+  const onShowDetail = jest.fn();
+
+  const setup = () => {
+    store = setupStore();
+    return render(
+      <Provider store={store}>
+        <DoraMetrics
+          isBackFromDetail={false}
+          startDate={''}
+          endDate={''}
+          startToRequestDoraData={mockHandleRetry}
+          onShowDetail={onShowDetail}
+          doraReport={mockData}
+          csvTimeStamp={1705014731}
+          timeoutError={''}
+        />
+      </Provider>
+    );
+  };
+
+  it('should show retry button when have reportError and click retry will triger api call', async () => {
+    const { getByText } = setup();
+
+    expect(getByText(RETRY)).toBeInTheDocument();
+
+    await userEvent.click(getByText(RETRY));
+
+    expect(mockHandleRetry).toHaveBeenCalled();
+  });
+});