Merge pull request #24 from fhlavac/main

fix(tests): Add ErrorState tests

packages/module/src/DetailsPageHeader/DetailsPageHeader.test.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/jsx-props-no-spreading */
 import { render, screen, fireEvent } from '@testing-library/react';
 import React from 'react';
 import { MemoryRouter, Routes, Route } from 'react-router-dom';

packages/module/src/ErrorBoundaryPage/__tests__/ErrorBoundaryPage.test.tsx → packages/module/src/ErrorBoundaryPage/ErrorBoundaryPage.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import ErrorBoundaryPage from '../ErrorBoundaryPage';
+import ErrorBoundaryPage from './ErrorBoundaryPage';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 

packages/module/src/ErrorState/ErrorState.test.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import ErrorState from './ErrorState';
+import { render, screen } from '@testing-library/react';
+
+describe('ErrorState component', () => {
+
+  it('should render correctly', () => {
+    render(<ErrorState errorTitle='A Basic Error' errorDescription='The following is an example of a basic error' />);
+
+    expect(screen.getByText('A Basic Error')).toBeVisible();
+    expect(screen.getByText('The following is an example of a basic error')).toBeVisible();
+    expect(screen.getByText('Go to home page')).toBeVisible();
+  });
+
+  it('should render correctly with default props', () => {
+    render(<ErrorState />);
+
+    expect(screen.getByText('Something went wrong')).toBeVisible();
+    expect(screen.getByText('Go to home page')).toBeVisible();
+  });
+
+});

packages/module/src/ErrorState/ErrorState.tsx

@@ -28,7 +28,7 @@ export interface ErrorStateProps extends Omit<EmptyStateProps, 'children'> {
   defaulErrorDescription?: React.ReactNode;
 }
 
-const ErrorState: React.FunctionComponent<ErrorStateProps> = ({ errorTitle = 'Something went wrong', errorDescription, defaulErrorDescription = null, ...props }: ErrorStateProps) => { 
+const ErrorState: React.FunctionComponent<ErrorStateProps> = ({ errorTitle = 'Something went wrong', errorDescription, defaulErrorDescription, ...props }: ErrorStateProps) => { 
   const classes = useStyles();
   return (
     <EmptyState variant={EmptyStateVariant.large} {...props}>