Added tests for ErrorBoundary component

tests/common/ErrorBoundary.test.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { render, screen } from '../test-utils';
+import ErrorBoundary from '../../components/common/ErrorBoundary';
+
+describe('ErrorBoundary component', () => {
+  it('renders children when there is no error', () => {
+    const testText = 'Child component';
+    render(
+      <ErrorBoundary>
+        <div>{testText}</div>
+      </ErrorBoundary>
+    );
+    const childComponent = screen.getByText(testText);
+    expect(childComponent).toBeInTheDocument();
+  });
+});

tests/common/ErrorMessage.test.js

@@ -8,42 +8,37 @@ describe('ErrorMessage component', () => {
     const errorMessage = getByText('Test Error');
     expect(errorMessage).toBeInTheDocument();
   });
-});
-
-it('throws an error with the status code on the server', () => {
-  const statusCode = 404;
-  const message = 'Not Found';
-  const serverRender = () => {
-    expect(() => {
-      render(<ErrorMessage message={message} statusCode={statusCode} />);
-    }).toThrowError(new Error(message));
-  };
 
-  expect(serverRender).toThrow();
-});
+  it('throws an error with the status code on the server', () => {
+    const statusCode = 404;
+    const message = 'Not Found';
+    const serverRender = () => {
+      expect(() => {
+        render(<ErrorMessage message={message} statusCode={statusCode} />);
+      }).toThrowError(new Error(message));
+    };
 
-it('doesn not throw any errors on the client side', () => {
-  const statusCode = 404;
-  const message = 'Not Found';
-  const clientRender = () => {
-    expect(() =>
-      render(<ErrorMessage message={message} statusCode={statusCode} />)
-    ).not.toThrow();
-  };
-  clientRender();
-});
+    expect(serverRender).toThrow();
+  });
 
-const consoleErrorSpy = jest.spyOn(console, 'error');
-beforeEach(() => {
-  consoleErrorSpy.mockClear();
-});
+  it('doesn not throw any errors on the client side', () => {
+    const statusCode = 404;
+    const message = 'Not Found';
+    const clientRender = () => {
+      expect(() =>
+        render(<ErrorMessage message={message} statusCode={statusCode} />)
+      ).not.toThrow();
+    };
+    clientRender();
+  });
 
-it('logs a prop type error for invalid props', () => {
-  render(<ErrorMessage message={123} />);
-  expect(consoleErrorSpy).toHaveBeenCalled();
-});
+  const consoleErrorSpy = jest.spyOn(console, 'error');
+  beforeEach(() => {
+    consoleErrorSpy.mockClear();
+  });
 
-it('does not log a prop type error for valid props', () => {
-  render(<ErrorMessage message="Test Error" />);
-  expect(consoleErrorSpy).not.toHaveBeenCalled();
+  it('does not log a prop type error for valid props', () => {
+    render(<ErrorMessage message="Test Error" />);
+    expect(consoleErrorSpy).not.toHaveBeenCalled();
+  });
 });