mirror of https://github.com/apache/superset.git
refactor(superset-ui-core): Migrate FallbackComponent.test to RTL (#28359)
This commit is contained in:
parent
c618767c6b
commit
f04b4e87fb
|
@ -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();
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue