Adm 793 [frontend] Reduce the time of timeout to 10 minutes

frontend/__tests__/client/PipelineToolClient.test.ts

@@ -21,7 +21,7 @@ afterAll(() => server.close());
 describe('PipelineToolClient', () => {
   describe('verify pipelineTool request', () => {
     it('should isPipelineVerified is true when pipelineTool verify response status 204', async () => {
-      const result = await pipelineToolClient.verify(MOCK_PIPELINE_VERIFY_REQUEST_PARAMS);
+      const result = await pipelineToolClient.verify(MOCK_PIPELINE_VERIFY_REQUEST_PARAMS, jest.fn(), jest.fn());
 
       expect(result.code).toEqual(HttpStatusCode.NoContent);
     });
@@ -45,7 +45,7 @@ describe('PipelineToolClient', () => {
       it.each(errorCases)('should return error code when verify endponint returns error', async ({ code }) => {
         server.use(rest.post(MOCK_PIPELINE_VERIFY_URL, (req, res, ctx) => res(ctx.status(code))));
 
-        const result = await pipelineToolClient.verify(MOCK_PIPELINE_VERIFY_REQUEST_PARAMS);
+        const result = await pipelineToolClient.verify(MOCK_PIPELINE_VERIFY_REQUEST_PARAMS, jest.fn(), jest.fn());
 
         expect(result.code).toEqual(code);
       });
@@ -122,7 +122,7 @@ describe('PipelineToolClient', () => {
 
         const result = await pipelineToolClient.getInfo(MOCK_PIPELINE_VERIFY_REQUEST_PARAMS);
 
-        expect(result.code).toEqual('HB_TIMEOUT');
+        expect(result.code).toEqual('NETWORK_TIMEOUT');
         expect(result.data).toBeUndefined();
       });
 

frontend/__tests__/client/SourceControlClient.test.ts

@@ -15,7 +15,11 @@ describe('verify sourceControl request', () => {
   afterAll(() => server.close());
 
   it('should return isSourceControlVerify true when sourceControl verify response status is 204', async () => {
-    const result = await sourceControlClient.verifyToken(MOCK_SOURCE_CONTROL_VERIFY_REQUEST_PARAMS);
+    const result = await sourceControlClient.verifyToken(
+      MOCK_SOURCE_CONTROL_VERIFY_REQUEST_PARAMS,
+      jest.fn(),
+      jest.fn(),
+    );
 
     expect(result.code).toEqual(204);
   });
@@ -27,7 +31,7 @@ describe('verify sourceControl request', () => {
       ),
     );
 
-    sourceControlClient.verifyToken(MOCK_SOURCE_CONTROL_VERIFY_REQUEST_PARAMS).catch((e) => {
+    sourceControlClient.verifyToken(MOCK_SOURCE_CONTROL_VERIFY_REQUEST_PARAMS, jest.fn(), jest.fn()).catch((e) => {
       expect(e).toBeInstanceOf(Error);
       expect((e as Error).message).toMatch(VERIFY_ERROR_MESSAGE.BAD_REQUEST);
     });
@@ -40,7 +44,7 @@ describe('verify sourceControl request', () => {
       ),
     );
 
-    sourceControlClient.verifyToken(MOCK_SOURCE_CONTROL_VERIFY_REQUEST_PARAMS).catch((e) => {
+    sourceControlClient.verifyToken(MOCK_SOURCE_CONTROL_VERIFY_REQUEST_PARAMS, jest.fn(), jest.fn()).catch((e) => {
       expect(e).toBeInstanceOf(Error);
       expect((e as Error).message).toMatch(VERIFY_ERROR_MESSAGE.NOT_FOUND);
     });
@@ -58,7 +62,7 @@ describe('verify sourceControl request', () => {
       ),
     );
 
-    sourceControlClient.verifyToken(MOCK_SOURCE_CONTROL_VERIFY_REQUEST_PARAMS).catch((e) => {
+    sourceControlClient.verifyToken(MOCK_SOURCE_CONTROL_VERIFY_REQUEST_PARAMS, jest.fn(), jest.fn()).catch((e) => {
       expect(e).toBeInstanceOf(Error);
       expect((e as Error).message).toMatch(VERIFY_ERROR_MESSAGE.INTERNAL_SERVER_ERROR);
     });

frontend/__tests__/containers/ConfigStep/ConfigButtonGroup.test.tsx

@@ -0,0 +1,30 @@
+import { ConfigButtonGrop } from '@src/containers/ConfigStep/ConfigButton';
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+
+describe('ConfigButtonGroup', () => {
+  const setup = (isVerified: boolean, isLoading: boolean, isVerifyTimeOut: boolean, isDisableVerifyButton: boolean) => {
+    return render(
+      <ConfigButtonGrop
+        isVerifyTimeOut={isVerifyTimeOut}
+        isVerified={isVerified}
+        isLoading={isLoading}
+        isDisableVerifyButton={isDisableVerifyButton}
+      />,
+    );
+  };
+
+  it('should render a verified and rest button  given isVerified is true and isLoading is false', () => {
+    setup(true, false, false, false);
+
+    expect(screen.getByText('Verified')).toBeInTheDocument();
+    expect(screen.getByText('Reset')).toBeInTheDocument();
+    expect(screen.getByText('Verified')).toBeDisabled();
+  });
+  it('should render a Reverify button given isVerifyTimeOut is true', () => {
+    setup(false, false, true, false);
+
+    expect(screen.getByText('Reverify')).toBeInTheDocument();
+    expect(screen.getByText('Reverify')).toHaveAttribute('type', 'submit');
+  });
+});

frontend/__tests__/containers/ConfigStep/TimeoutAlet.test.tsx

@@ -0,0 +1,53 @@
+import { TimeoutAlert } from '@src/containers/ConfigStep/TimeoutAlert';
+import { act, render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import React from 'react';
+
+describe('TimeoutAlert', () => {
+  const setIsShowAlert = jest.fn();
+  const setup = (
+    setIsShowAlert: (value: boolean) => void,
+    isShowAlert: boolean,
+    isVerifyTimeOut: boolean,
+    moduleType: string,
+  ) => {
+    return render(
+      <TimeoutAlert
+        setIsShowAlert={setIsShowAlert}
+        isShowAlert={isShowAlert}
+        isVerifyTimeOut={isVerifyTimeOut}
+        moduleType={moduleType}
+      />,
+    );
+  };
+
+  it('should render board message given moduleType is board', () => {
+    setup(setIsShowAlert, true, true, 'Board');
+    const message = screen.getByText('Board');
+
+    expect(message).toBeInTheDocument();
+  });
+  it('should not render the alert given isVerifyTimeOut or isShowAlert is false', () => {
+    setup(setIsShowAlert, false, true, 'Board');
+
+    expect(screen.queryByText('Board')).not.toBeInTheDocument();
+
+    setup(setIsShowAlert, true, false, 'Board');
+
+    expect(screen.queryByText('Board')).not.toBeInTheDocument();
+  });
+
+  it('should call setIsShowAlert with false when click the close icon given init value', async () => {
+    setup(setIsShowAlert, true, true, 'any');
+    const closeIcon = screen.getByTestId('CloseIcon');
+
+    act(() => {
+      userEvent.click(closeIcon);
+    });
+
+    await waitFor(() => {
+      expect(setIsShowAlert).toHaveBeenCalledTimes(1);
+      expect(setIsShowAlert).toHaveBeenCalledWith(false);
+    });
+  });
+});

frontend/__tests__/containers/MetricsStep/DeploymentFrequencySettings/PresentationForErrorCases.test.tsx

@@ -41,7 +41,7 @@ describe('<PresentationForErrorCases />', () => {
   it('should display "try again" when error code is axios predefined error: $code', async () => {
     const retrySpy = jest.fn();
     const mockTimeoutError = {
-      code: 'HB_TIMEOUT',
+      code: 'NETWORK_TIMEOUT',
       errorTitle: 'Service Unavailable!',
       errorMessage: 'Data loading failed, please try again',
       isLoading: false,
@@ -63,7 +63,7 @@ describe('<PresentationForErrorCases />', () => {
   it('should not fire duplicated retry behavior when retry func is loading', async () => {
     const retrySpy = jest.fn();
     const mockTimeoutErrorProps = {
-      code: 'HB_TIMEOUT',
+      code: 'NETWORK_TIMEOUT',
       errorTitle: 'Service Unavailable!',
       errorMessage: 'Data loading failed, please try again',
       isLoading: true,

frontend/__tests__/containers/MetricsStep/MetricsStep.test.tsx

@@ -324,13 +324,13 @@ describe('MetricsStep', () => {
       await waitFor(() => {
         expect(screen.getByText(/crew settings/i)).toBeInTheDocument();
       });
-      expect(screen.getByText(/board mapping/i)).toBeInTheDocument();
+      expect(screen.getByText(/board mappings/i)).toBeInTheDocument();
     });
 
     it('should show retry button when call get info timeout', async () => {
       server.use(
         rest.post(MOCK_BOARD_INFO_URL, (_, res) => {
-          return res.networkError('HB_TIMEOUT');
+          return res.networkError('NETWORK_TIMEOUT');
         }),
       );
       setup();

frontend/__tests__/containers/ReportStep/ReportStep.test.tsx

@@ -348,7 +348,7 @@ describe('Report Step', () => {
 
   describe('export board data', () => {
     it('should not show export board button when not selecting board metrics', () => {
-      const { queryByText } = setup([REQUIRED_DATA_LIST[4]]);
+      const { queryByText } = setup([REQUIRED_DATA_LIST[5]]);
 
       const exportPipelineButton = queryByText(EXPORT_BOARD_DATA);
 

frontend/__tests__/fixtures.ts

@@ -207,6 +207,10 @@ export const MOCK_GENERATE_REPORT_REQUEST_PARAMS: ReportRequestDTO = {
     targetFields: [{ key: 'parent', name: 'Parent', flag: false }],
     doneColumn: ['Done'],
     overrideFields: [{ key: '123', name: 'Story Point', flag: true }],
+    reworkTimesSetting: {
+      reworkState: 'Done',
+      excludedStates: [],
+    },
   },
 };
 
@@ -339,7 +343,7 @@ export const MOCK_GITHUB_VERIFY_RESPONSE = {
 };
 
 export const CREWS_SETTING = 'Crew settings';
-export const BOARD_MAPPING = 'Board mapping';
+export const BOARD_MAPPING = 'Board mappings';
 export const CLASSIFICATION_SETTING = 'Classification setting';
 export const REAL_DONE = 'Real done setting';
 export const DEPLOYMENT_FREQUENCY_SETTINGS = 'Pipeline settings';
@@ -404,6 +408,19 @@ export const MOCK_REPORT_RESPONSE: ReportResponseDTO = {
       },
     ],
   },
+  rework: {
+    totalReworkTimes: 111,
+    reworkState: 'Done',
+    fromToDo: 111,
+    fromInDev: 111,
+    fromBlock: 111,
+    fromWaitingForTesting: 111,
+    fromTesting: 111,
+    fromReview: 111,
+    fromDone: 111,
+    totalReworkCards: 111,
+    reworkCardsRatio: 111,
+  },
   deploymentFrequency: {
     avgDeploymentFrequency: {
       name: 'Average',
@@ -651,6 +668,7 @@ export const EMPTY_REPORT_VALUES: ReportResponseDTO = {
   velocity: null,
   classificationList: null,
   cycleTime: null,
+  rework: null,
   deploymentFrequency: null,
   changeFailureRate: null,
   meanTimeToRecovery: null,
@@ -747,6 +765,9 @@ export const CYCLE_TIME_SETTINGS_SECTION = 'Cycle time settings section';
 export const REAL_DONE_SETTING_SECTION = 'Real done setting section';
 export const SELECT_CONSIDER_AS_DONE_MESSAGE = 'Must select which you want to consider as Done';
 export const MOCK_SOURCE_CONTROL_VERIFY_ERROR_CASE_TEXT = 'Token is incorrect!';
+export const MOCK_PIPELINE_VERIFY_UNAUTHORIZED_TEXT = 'Token is incorrect!';
+export const MOCK_PIPELINE_VERIFY_FORBIDDEN_ERROR_TEXT =
+  'Forbidden request, please change your token with correct access permission.';
 
 export const FAKE_TOKEN = 'fake-token';