shlink-web-client/test/common/ErrorHandler.test.tsx
2022-07-09 23:03:21 +02:00

45 lines
1.5 KiB
TypeScript

import { render, screen } from '@testing-library/react';
import { Mock } from 'ts-mockery';
import { ErrorHandler as createErrorHandler } from '../../src/common/ErrorHandler';
import { renderWithEvents } from '../__mocks__/setUpTest';
const ComponentWithError = () => {
throw new Error('Error!!');
};
describe('<ErrorHandler />', () => {
const reload = jest.fn();
const window = Mock.of<Window>({
location: { reload },
});
const cons = Mock.of<Console>({ error: jest.fn() });
const ErrorHandler = createErrorHandler(window, cons);
beforeEach(() => {
jest.spyOn(console, 'error').mockImplementation(() => {}); // Silence react errors
});
afterEach(jest.resetAllMocks);
it('renders children when no error has occurred', () => {
render(<ErrorHandler children={<span>Foo</span>} />);
expect(screen.getByText('Foo')).toBeInTheDocument();
expect(screen.queryByText('Oops! This is awkward :S')).not.toBeInTheDocument();
expect(screen.queryByRole('button')).not.toBeInTheDocument();
});
it('renders error page when error has occurred', () => {
render(<ErrorHandler children={<ComponentWithError />} />);
expect(screen.getByText('Oops! This is awkward :S')).toBeInTheDocument();
expect(screen.getByRole('button')).toBeInTheDocument();
});
it('reloads page on button click', async () => {
const { user } = renderWithEvents(<ErrorHandler children={<ComponentWithError />} />);
expect(reload).not.toHaveBeenCalled();
await user.click(screen.getByRole('button'));
expect(reload).toHaveBeenCalled();
});
});