55 lines
2.1 KiB
TypeScript
55 lines
2.1 KiB
TypeScript
/** @jest-environment jsdom */
|
|
import { h } from 'preact';
|
|
import { fireEvent, render, screen } from '@testing-library/preact';
|
|
import { ErrorModal } from 'js/components/ErrorModal';
|
|
|
|
describe('ErrorModal', () => {
|
|
it('renders when there is an error', () => {
|
|
const setError = jest.fn();
|
|
render(
|
|
<ErrorModal error={new Error('My Error')} setError={setError} />
|
|
);
|
|
expect(screen.queryByRole('banner')).toBeVisible();
|
|
expect(screen.queryByRole('banner')).toHaveTextContent('Error');
|
|
expect(screen.queryByText('My Error')).toBeVisible();
|
|
});
|
|
|
|
it('renders when there is an error string', () => {
|
|
const setError = jest.fn();
|
|
render(<ErrorModal error={'My Error'} setError={setError} />);
|
|
expect(screen.queryByRole('banner')).toBeVisible();
|
|
expect(screen.queryByRole('banner')).toHaveTextContent('Error');
|
|
expect(screen.queryByText('My Error')).toBeVisible();
|
|
});
|
|
|
|
it('does not render when there is not an error', () => {
|
|
const setError = jest.fn();
|
|
const { container } = render(
|
|
<ErrorModal error={undefined} setError={setError} />
|
|
);
|
|
expect(container).toBeEmptyDOMElement();
|
|
});
|
|
|
|
it('handles an invalid error', () => {
|
|
jest.spyOn(console, 'error').mockImplementation();
|
|
const setError = jest.fn();
|
|
render(<ErrorModal error={{ foo: 'My Error' }} setError={setError} />);
|
|
expect(screen.queryByText('Unknown Error')).toBeVisible();
|
|
expect(console.error).toHaveBeenCalledWith({ foo: 'My Error' });
|
|
});
|
|
|
|
it('calls setError when close is clicked', () => {
|
|
const setError = jest.fn();
|
|
render(<ErrorModal error="My Error" setError={setError} />);
|
|
fireEvent.click(screen.getByTitle('Close'));
|
|
expect(setError).toHaveBeenCalledWith(undefined);
|
|
});
|
|
|
|
it('calls setError when OK is clicked', () => {
|
|
const setError = jest.fn();
|
|
render(<ErrorModal error="My Error" setError={setError} />);
|
|
fireEvent.click(screen.getByText('OK'));
|
|
expect(setError).toHaveBeenCalledWith(undefined);
|
|
});
|
|
});
|