Moving setup of i18n in testing to test-utils

frontend/src/routes/register/index.test.tsx

@@ -5,29 +5,20 @@ import AdapterDateFns from '@mui/lab/AdapterDateFns'
 import { LocalizationProvider } from '@mui/lab'
 import Register from './index'
 
-// Mock react-i18next module to return a translation that just returns the key
-jest.mock('react-i18next', () => ({
-  useTranslation: () => ({
-    t: (value: string) => value,
-    i18n: {
-      changeLanguage: () => new Promise(() => {
-      }),
-    },
-  }),
-}))
-
-
 test('Validation message showing if last name is missing', async () => {
   render(
     <LocalizationProvider dateAdapter={AdapterDateFns}>
       <Register />
-    </LocalizationProvider>)
+    </LocalizationProvider>
+  )
 
   // Try to go to the next step and check that the validation message is showing
   const submitButton = screen.getByTestId('button-next')
   userEvent.click(submitButton)
 
-  const validationMessage = await waitFor(() => screen.getByText('validation.lastNameRequired'))
+  const validationMessage = await waitFor(() =>
+    screen.getByText('validation.lastNameRequired')
+  )
   expect(validationMessage).toBeInTheDocument()
 
   screen.queryByText('validation.lastNameRequired')
@@ -41,8 +32,9 @@ test('Validation message showing if last name is missing', async () => {
   screen.queryByText('validation.lastNameRequired')
   userEvent.click(submitButton)
 
-  await waitFor((() => {
-    expect(screen.queryByText('validation.lastNameRequired')).not.toBeInTheDocument()
-  }))
-
+  await waitFor(() => {
+    expect(
+      screen.queryByText('validation.lastNameRequired')
+    ).not.toBeInTheDocument()
+  })
 })

frontend/src/test-utils.tsx

@@ -18,3 +18,13 @@ export * from '@testing-library/react'
 
 // override render method
 export { customRender as render }
+
+// Mock react-i18next module to return a translation that just returns the key
+jest.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (value: string) => value,
+    i18n: {
+      changeLanguage: () => new Promise(() => {}),
+    },
+  }),
+}))