Updating unit tests to match with hotfixes

Author: leekahung

test/components/Modals/NewMessageModal.test.jsx

@@ -113,7 +113,6 @@ it('selecting contact from autocomplete', async () => {
           {
             familyName: 'test',
             givenName: 'mock',
-            person: 'mock test',
             podUrl: 'http://example/mocktest',
             thingId: 'http://example/mocktest/profile/card#me',
             webId: 'http://example/mocktest/profile/card#me'
@@ -135,5 +134,5 @@ it('selecting contact from autocomplete', async () => {
   // Enter to select dropdown option
   await userEvent.keyboard('[Enter]');
   // verify value of input field
-  expect(toInput.value).toBe('mock test');
+  expect(toInput.value).toBe('http://example/mocktest');
 });

test/pages/Contacts.test.jsx

@@ -23,7 +23,7 @@ describe('Contacts Page', () => {
   });
 
   it('displays Loading message while loading', () => {
-    useContactsList.mockReturnValue({ isLoading: true });
+    useContactsList.mockReturnValue({ isLoading: true, refetch: vi.fn() });
     const { getByRole } = render(
       <QueryClientProvider client={queryClient}>
         <Contacts />
@@ -35,7 +35,11 @@ describe('Contacts Page', () => {
 
   it('displays Errors when fetch errors', () => {
     const errorMessage = 'error';
-    useContactsList.mockReturnValue({ isError: true, error: { message: errorMessage } });
+    useContactsList.mockReturnValue({
+      isError: true,
+      error: { message: errorMessage },
+      refetch: vi.fn()
+    });
     const { getByText } = render(
       <QueryClientProvider client={queryClient}>
         <Contacts />
@@ -58,7 +62,7 @@ describe('Contacts Page', () => {
       givenName: 'Batman',
       webId: 'http://batman.com'
     };
-    useContactsList.mockReturnValue({ data: [firstContact, secondContact] });
+    useContactsList.mockReturnValue({ data: [firstContact, secondContact], refetch: vi.fn() });
     const { getByRole } = render(
       <QueryClientProvider client={queryClient}>
         <BrowserRouter>
@@ -70,7 +74,7 @@ describe('Contacts Page', () => {
     expect(contacts).not.toBeNull();
   });
   it('displays empty list message when there are no contacts', () => {
-    useContactsList.mockReturnValue({ data: [] });
+    useContactsList.mockReturnValue({ data: [], refetch: vi.fn() });
     const { getByLabelText } = render(
       <QueryClientProvider client={queryClient}>
         <Contacts />