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('', () => { const reload = jest.fn(); const window = Mock.of({ location: { reload }, }); const cons = Mock.of({ 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(Foo} />); 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(} />); expect(screen.getByText('Oops! This is awkward :S')).toBeInTheDocument(); expect(screen.getByRole('button')).toBeInTheDocument(); }); it('reloads page on button click', async () => { const { user } = renderWithEvents(} />); expect(reload).not.toHaveBeenCalled(); await user.click(screen.getByRole('button')); expect(reload).toHaveBeenCalled(); }); });