Fix tests

babel.config.json

@@ -7,6 +7,8 @@
           "corejs": "3.22"
         }
       ],
-      "@babel/preset-react"
+      ["@babel/preset-react", {
+        "runtime": "automatic"
+      }]
     ]
   }

frontend/js/pages/__tests__/Home.spec.js

@@ -0,0 +1,40 @@
+import { render, screen, waitFor } from '@testing-library/react';
+import { useDispatch, useSelector } from 'react-redux';
+import { fetchRestCheck } from '../../store/rest_check';
+import Home from '../Home';
+
+jest.mock('react-redux', () => ({
+  useDispatch: jest.fn(),
+  useSelector: jest.fn(),
+}));
+
+jest.mock('../../store/rest_check', () => ({
+  fetchRestCheck: jest.fn(),
+}));
+
+describe('Home', () => {
+  beforeEach(() => {
+    useDispatch.mockReturnValue(jest.fn());
+    useSelector.mockReturnValue({ data: { payload: { result: 'Test Result' } } });
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  test('renders static assets and rest API data', async () => {
+    render(<Home />);
+
+    expect(screen.getByText('Static assets')).toBeInTheDocument();
+    expect(screen.getByText('Rest API')).toBeInTheDocument();
+    expect(screen.getByText('Test Result')).toBeInTheDocument();
+  });
+
+  test('dispatches fetchRestCheck action on mount', async () => {
+    render(<Home />);
+
+    await waitFor(() => {
+      expect(fetchRestCheck).toHaveBeenCalled();
+    });
+  });
+});

jest.config.js

@@ -6,7 +6,7 @@ module.exports = {
     '^.+\\.js$': 'babel-jest',
   },
   moduleNameMapper: {
-    '^.+\\.(css|scss)$': 'identity-obj-proxy',
+    '^.+\\.(css|scss|png|svg|jpg|jpeg|gif|webp)$': 'jest-transform-stub',
   },
   transformIgnorePatterns: [
     'node_modules/*',