refactor(superset-ui-core): Migrate FallbackComponent.test to RTL (#28359)

This commit is contained in:
Ross Mabbett 2024-05-07 19:12:55 -04:00 committed by GitHub
parent c618767c6b
commit f04b4e87fb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 35 additions and 33 deletions

View File

@ -18,42 +18,44 @@
*/
import React from 'react';
import { shallow } from 'enzyme';
import { render } from '@testing-library/react';
import '@testing-library/jest-dom';
import { FallbackProps } from 'react-error-boundary';
import { ThemeProvider, supersetTheme } from '../../../src/style';
import FallbackComponent from '../../../src/chart/components/FallbackComponent';
describe('FallbackComponent', () => {
const ERROR = new Error('CaffeineOverLoadException');
const STACK_TRACE = 'Error at line 1: x.drink(coffee)';
const renderWithTheme = (props: FallbackProps) =>
render(
<ThemeProvider theme={supersetTheme}>
<FallbackComponent {...props} />
</ThemeProvider>,
);
it('renders error and stack trace', () => {
const wrapper = shallow(
<FallbackComponent componentStack={STACK_TRACE} error={ERROR} />,
);
const messages = wrapper.find('code');
expect(messages).toHaveLength(2);
expect(messages.at(0).text()).toEqual('Error: CaffeineOverLoadException');
expect(messages.at(1).text()).toEqual('Error at line 1: x.drink(coffee)');
});
const ERROR = new Error('CaffeineOverLoadException');
const STACK_TRACE = 'Error at line 1: x.drink(coffee)';
it('renders error only', () => {
const wrapper = shallow(<FallbackComponent error={ERROR} />);
const messages = wrapper.find('code');
expect(messages).toHaveLength(1);
expect(messages.at(0).text()).toEqual('Error: CaffeineOverLoadException');
});
it('renders stacktrace only', () => {
const wrapper = shallow(<FallbackComponent componentStack={STACK_TRACE} />);
const messages = wrapper.find('code');
expect(messages).toHaveLength(2);
expect(messages.at(0).text()).toEqual('Unknown Error');
expect(messages.at(1).text()).toEqual('Error at line 1: x.drink(coffee)');
});
it('renders when nothing is given', () => {
const wrapper = shallow(<FallbackComponent />);
const messages = wrapper.find('code');
expect(messages).toHaveLength(1);
expect(messages.at(0).text()).toEqual('Unknown Error');
test('renders error and stack trace', () => {
const { getByText } = renderWithTheme({
componentStack: STACK_TRACE,
error: ERROR,
});
expect(getByText('Error: CaffeineOverLoadException')).toBeInTheDocument();
expect(getByText('Error at line 1: x.drink(coffee)')).toBeInTheDocument();
});
test('renders error only', () => {
const { getByText } = renderWithTheme({ error: ERROR });
expect(getByText('Error: CaffeineOverLoadException')).toBeInTheDocument();
});
test('renders stacktrace only', () => {
const { getByText } = renderWithTheme({ componentStack: STACK_TRACE });
expect(getByText('Unknown Error')).toBeInTheDocument();
expect(getByText('Error at line 1: x.drink(coffee)')).toBeInTheDocument();
});
test('renders when nothing is given', () => {
const { getByText } = renderWithTheme({});
expect(getByText('Unknown Error')).toBeInTheDocument();
});