[Cases] Filter user activities pagination

x-pack/plugins/cases/public/components/case_view/case_view_page.test.tsx

@@ -31,6 +31,7 @@ import {
   caseViewProps,
   defaultGetCase,
   defaultGetCaseMetrics,
+  defaultInfiniteUseFindCaseUserActions,
   defaultUpdateCaseState,
   defaultUseFindCaseUserActions,
 } from './mocks';
@@ -39,13 +40,17 @@ import { userProfiles } from '../../containers/user_profiles/api.mock';
 import { licensingMock } from '@kbn/licensing-plugin/public/mocks';
 import { CASE_VIEW_PAGE_TABS } from '../../../common/types';
 import { getCaseConnectorsMockResponse } from '../../common/mock/connectors';
+import { useInfiniteFindCaseUserActions } from '../../containers/use_infinite_find_case_user_actions';
+import { useGetCaseUserActionsStats } from '../../containers/use_get_case_user_actions_stats';
 
 const mockSetTitle = jest.fn();
 
 jest.mock('../../containers/use_get_action_license');
 jest.mock('../../containers/use_update_case');
 jest.mock('../../containers/use_get_case_metrics');
 jest.mock('../../containers/use_find_case_user_actions');
+jest.mock('../../containers/use_infinite_find_case_user_actions');
+jest.mock('../../containers/use_get_case_user_actions_stats');
 jest.mock('../../containers/use_get_tags');
 jest.mock('../../containers/use_get_case');
 jest.mock('../../containers/configure/use_get_supported_action_connectors');
@@ -80,6 +85,8 @@ const useUrlParamsMock = useUrlParams as jest.Mock;
 const useCaseViewNavigationMock = useCaseViewNavigation as jest.Mock;
 const useUpdateCaseMock = useUpdateCase as jest.Mock;
 const useFindCaseUserActionsMock = useFindCaseUserActions as jest.Mock;
+const useInfiniteFindCaseUserActionsMock = useInfiniteFindCaseUserActions as jest.Mock;
+const useGetCaseUserActionsStatsMock = useGetCaseUserActionsStats as jest.Mock;
 const useGetConnectorsMock = useGetSupportedActionConnectors as jest.Mock;
 const usePostPushToServiceMock = usePostPushToService as jest.Mock;
 const useGetCaseConnectorsMock = useGetCaseConnectors as jest.Mock;
@@ -111,21 +118,28 @@ export const caseClosedProps: CaseViewPageProps = {
   caseData: basicCaseClosed,
 };
 
+const userActionsStats = {
+  total: 21,
+  totalComments: 9,
+  totalOtherActions: 11,
+};
+
 describe('CaseViewPage', () => {
   const updateCaseProperty = defaultUpdateCaseState.updateCaseProperty;
   const pushCaseToExternalService = jest.fn();
   const data = caseProps.caseData;
   let appMockRenderer: AppMockRenderer;
   const caseConnectors = getCaseConnectorsMockResponse();
   const caseUsers = getCaseUsersMockResponse();
-  const refetchFindCaseUserActions = jest.fn();
 
   beforeEach(() => {
-    mockGetCase();
     jest.clearAllMocks();
+    mockGetCase();
     useUpdateCaseMock.mockReturnValue(defaultUpdateCaseState);
     useGetCaseMetricsMock.mockReturnValue(defaultGetCaseMetrics);
     useFindCaseUserActionsMock.mockReturnValue(defaultUseFindCaseUserActions);
+    useInfiniteFindCaseUserActionsMock.mockReturnValue(defaultInfiniteUseFindCaseUserActions);
+    useGetCaseUserActionsStatsMock.mockReturnValue({ data: userActionsStats, isLoading: false });
     usePostPushToServiceMock.mockReturnValue({ isLoading: false, pushCaseToExternalService });
     useGetCaseConnectorsMock.mockReturnValue({
       isLoading: false,
@@ -349,22 +363,16 @@ describe('CaseViewPage', () => {
     });
   });
 
-  it('should show loading content when loading user actions', async () => {
+  it('should show loading content when loading user actions stats', async () => {
     const useFetchAlertData = jest.fn().mockReturnValue([true]);
-    useFindCaseUserActionsMock.mockReturnValue({
-      data: undefined,
-      isError: false,
-      isLoading: true,
-      isFetching: true,
-      refetch: refetchFindCaseUserActions,
-    });
+    useGetCaseUserActionsStatsMock.mockReturnValue({ isLoading: true });
 
     const result = appMockRenderer.render(
       <CaseViewPage {...caseProps} useFetchAlertData={useFetchAlertData} />
     );
     await waitFor(() => {
       expect(result.getByTestId('case-view-loading-content')).toBeInTheDocument();
-      expect(result.queryByTestId('user-actions')).not.toBeInTheDocument();
+      expect(result.queryByTestId('user-actions-list')).not.toBeInTheDocument();
     });
   });
 
@@ -374,7 +382,7 @@ describe('CaseViewPage', () => {
       <CaseViewPage {...caseProps} showAlertDetails={showAlertDetails} />
     );
 
-    userEvent.click(result.getByTestId('comment-action-show-alert-alert-action-id'));
+    userEvent.click(result.getAllByTestId('comment-action-show-alert-alert-action-id')[1]);
 
     await waitFor(() => {
       expect(showAlertDetails).toHaveBeenCalledWith('alert-id-1', 'alert-index-1');
@@ -387,7 +395,7 @@ describe('CaseViewPage', () => {
     await waitFor(() => {
       expect(
         result
-          .getByTestId('user-action-alert-comment-create-action-alert-action-id')
+          .getAllByTestId('user-action-alert-comment-create-action-alert-action-id')[1]
           .querySelector('.euiCommentEvent__headerEvent')
       ).toHaveTextContent('added an alert from Awesome rule');
     });