fixed an issue with a frntend unit test hanging

frontend/test/entry/model/accessRequests/AccessRequestDisplay.spec.tsx

@@ -1,18 +1,29 @@
 import { ThemeProvider } from '@mui/material/styles'
 import { render, screen, waitFor } from '@testing-library/react'
+import { useGetResponses } from 'actions/response'
 import { useGetReviewRequestsForModel } from 'actions/review'
 import { UserDisplayProps } from 'src/common/UserDisplay'
 import AccessRequestDisplay from 'src/entry/model/accessRequests/AccessRequestDisplay'
 import { ReviewBannerProps } from 'src/entry/model/reviews/ReviewBanner'
 import { ReviewDisplayProps } from 'src/entry/model/reviews/ReviewDisplay'
 import { lightTheme } from 'src/theme'
 import { formatDateString } from 'utils/dateUtils'
-import { testAccessRequest, testAccessRequestReview, testAccessRequestWithComments } from 'utils/test/testModels'
+import {
+  testAccessRequest,
+  testAccessRequestReview,
+  testAccessRequestWithComments,
+  testComment,
+} from 'utils/test/testModels'
 import { describe, expect, it, vi } from 'vitest'
 
 vi.mock('actions/review', () => ({
   useGetReviewRequestsForModel: vi.fn(),
 }))
+
+vi.mock('actions/response', () => ({
+  useGetResponses: vi.fn(),
+}))
+
 vi.mock('src/entry/model/reviews/ReviewBanner.tsx', () => ({ default: (_props: ReviewBannerProps) => <></> }))
 vi.mock('src/common/UserDisplay.tsx', () => ({ default: (_props: UserDisplayProps) => <></> }))
 vi.mock('src/entry/model/reviews/ReviewDisplay.tsx', () => ({ default: (_props: ReviewDisplayProps) => <></> }))
@@ -25,6 +36,12 @@ describe('AccessRequestDisplay', () => {
       isReviewsError: undefined,
       mutateReviews: vi.fn(),
     })
+    vi.mocked(useGetResponses).mockReturnValue({
+      responses: [],
+      isResponsesLoading: false,
+      isResponsesError: undefined,
+      mutateResponses: vi.fn(),
+    })
     render(
       <ThemeProvider theme={lightTheme}>
         <AccessRequestDisplay accessRequest={testAccessRequest} />
@@ -47,6 +64,12 @@ describe('AccessRequestDisplay', () => {
       isReviewsError: undefined,
       mutateReviews: vi.fn(),
     })
+    vi.mocked(useGetResponses).mockReturnValue({
+      responses: [testComment],
+      isResponsesLoading: false,
+      isResponsesError: undefined,
+      mutateResponses: vi.fn(),
+    })
     render(
       <ThemeProvider theme={lightTheme}>
         <AccessRequestDisplay accessRequest={testAccessRequestWithComments} />
@@ -64,6 +87,12 @@ describe('AccessRequestDisplay', () => {
       isReviewsError: undefined,
       mutateReviews: vi.fn(),
     })
+    vi.mocked(useGetResponses).mockReturnValue({
+      responses: [],
+      isResponsesLoading: false,
+      isResponsesError: undefined,
+      mutateResponses: vi.fn(),
+    })
     render(
       <ThemeProvider theme={lightTheme}>
         <AccessRequestDisplay accessRequest={testAccessRequest} />