test improvements

Signed-off-by: Keresztes Zsolt <178369172+zsoltker@users.noreply.github.com>

tests/common/testHelper.tsx

@@ -1,8 +1,26 @@
 import React, { ReactNode } from 'react';
 import { MemoryRouter } from 'react-router';
+import { Route, Routes } from 'react-router-dom';
 
-export const withRouter = (component: ReactNode) => (<>
-  <MemoryRouter>
-    {component}
-  </MemoryRouter>
-</>)
+/**
+ * Wraps a component with a MemoryRouter.
+ * @param component - The React node to wrap.
+ * @param initialEntry - (Optional) The initial route for the router.
+ * @param path - (Optional) The route path to render the component.
+ */
+export const withRouter = (component: ReactNode, initialEntry?: string, path?: string) => {
+  if (initialEntry && path) {
+    return (<>
+      <MemoryRouter initialEntries={[initialEntry]}>
+        <Routes>
+          <Route path={path} element={component}/>
+        </Routes>
+      </MemoryRouter>
+    </>);
+  }
+  return (<>
+    <MemoryRouter>
+      {component}
+    </MemoryRouter>
+  </>)
+}

tests/components/resources/ResourceDetailsPage.test.tsx

@@ -1,9 +1,9 @@
 import { render, screen, waitFor } from '@testing-library/react';
 import React from 'react';
 import '@testing-library/jest-dom';
-import { MemoryRouter, Route, Routes } from 'react-router-dom';
 
 import ResourceDetailsPage from '../../../src/components/resources/ResourceDetailsPage';
+import { withRouter } from '../../common/testHelper';
 
 jest.mock('@vcmap/core', () => ({
   VcsApp: jest.fn().mockImplementation(() => ({
@@ -54,13 +54,7 @@ describe('ResourceDetailsPage', () => {
 
   it('should render a resource detail page', async () => {
 
-    render(
-      <MemoryRouter initialEntries={['/resources/123']}>
-        <Routes>
-          <Route path="/resources/:resourceId" element={<ResourceDetailsPage/>}/>
-        </Routes>
-      </MemoryRouter>
-    );
+    render(withRouter(<ResourceDetailsPage/>, '/resources/123', '/resources/:resourceId'));
 
     await waitFor(() => {
       expect(screen.getByRole('heading', { name: /Resource 1/i })).toBeInTheDocument();