Fixed event check in management not updating automatically bug (#1062)

* fixed the event checkIn bug * fixed the failing test * fixed the CheckInWrapper test
PalisadoesFoundation · Nov 16, 2023 · 63b2269 · 63b2269
1 parent 8519c15
commit 63b2269
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/src/components/CheckIn/CheckInModal.test.tsx b/src/components/CheckIn/CheckInModal.test.tsx
@@ -11,6 +11,9 @@ import { ToastContainer } from 'react-toastify';
 import { LocalizationProvider } from '@mui/x-date-pickers';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { checkInQueryMock } from './mocks';
+import { StaticMockLink } from 'utils/StaticMockLink';
+
+const link = new StaticMockLink(checkInQueryMock, true);
 
 describe('Testing Check In Attendees Modal', () => {
   const props = {
@@ -21,7 +24,7 @@ describe('Testing Check In Attendees Modal', () => {
 
   test('The modal should be rendered, and all the fetched users should be shown properly and user filtering should work', async () => {
     const { queryByText, queryByLabelText } = render(
-      <MockedProvider addTypename={false} mocks={checkInQueryMock}>
+      <MockedProvider addTypename={false} link={link}>
         <BrowserRouter>
           <LocalizationProvider dateAdapter={AdapterDayjs}>
             <Provider store={store}>

diff --git a/src/components/CheckIn/CheckInModal.tsx b/src/components/CheckIn/CheckInModal.tsx
@@ -30,6 +30,7 @@ export const CheckInModal = (props: InterfaceModalProp): JSX.Element => {
   });
 
   useEffect(() => {
+    checkInRefetch();
     if (checkInLoading) setTableData([]);
     else
       setTableData(

diff --git a/src/components/CheckIn/CheckInWrapper.test.tsx b/src/components/CheckIn/CheckInWrapper.test.tsx
@@ -11,6 +11,9 @@ import { ToastContainer } from 'react-toastify';
 import { LocalizationProvider } from '@mui/x-date-pickers';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { checkInQueryMock } from './mocks';
+import { StaticMockLink } from 'utils/StaticMockLink';
+
+const link = new StaticMockLink(checkInQueryMock, true);
 
 describe('Testing CheckIn Wrapper', () => {
   const props = {
@@ -19,7 +22,7 @@ describe('Testing CheckIn Wrapper', () => {
 
   test('The button to open and close the modal should work properly', async () => {
     const { queryByText } = render(
-      <MockedProvider addTypename={false} mocks={checkInQueryMock}>
+      <MockedProvider addTypename={false} link={link}>
         <BrowserRouter>
           <LocalizationProvider dateAdapter={AdapterDayjs}>
             <Provider store={store}>