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 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';
|
import FallbackComponent from '../../../src/chart/components/FallbackComponent';
|
||||||
|
|
||||||
describe('FallbackComponent', () => {
|
const renderWithTheme = (props: FallbackProps) =>
|
||||||
const ERROR = new Error('CaffeineOverLoadException');
|
render(
|
||||||
const STACK_TRACE = 'Error at line 1: x.drink(coffee)';
|
<ThemeProvider theme={supersetTheme}>
|
||||||
|
<FallbackComponent {...props} />
|
||||||
it('renders error and stack trace', () => {
|
</ThemeProvider>,
|
||||||
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)');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('renders error only', () => {
|
const ERROR = new Error('CaffeineOverLoadException');
|
||||||
const wrapper = shallow(<FallbackComponent error={ERROR} />);
|
const STACK_TRACE = 'Error at line 1: x.drink(coffee)';
|
||||||
const messages = wrapper.find('code');
|
|
||||||
expect(messages).toHaveLength(1);
|
|
||||||
expect(messages.at(0).text()).toEqual('Error: CaffeineOverLoadException');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('renders stacktrace only', () => {
|
test('renders error and stack trace', () => {
|
||||||
const wrapper = shallow(<FallbackComponent componentStack={STACK_TRACE} />);
|
const { getByText } = renderWithTheme({
|
||||||
const messages = wrapper.find('code');
|
componentStack: STACK_TRACE,
|
||||||
expect(messages).toHaveLength(2);
|
error: ERROR,
|
||||||
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');
|
|
||||||
});
|
});
|
||||||
|
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