chore(superset-ui-core and NoResultsComponent): Migrate to RTL, add RTL modules to the ui-core (#28187)

This commit is contained in:
Ross Mabbett 2024-04-30 09:10:35 -04:00 committed by GitHub
parent 2e5f3ed851
commit 601896b1fc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 21 additions and 10 deletions

View File

@ -73,6 +73,10 @@
"@emotion/cache": "^11.4.0",
"@emotion/react": "^11.4.1",
"@emotion/styled": "^11.3.0",
"@testing-library/dom": "^7.29.4",
"@testing-library/jest-dom": "^5.11.6",
"@testing-library/react": "^11.2.0",
"@testing-library/user-event": "^12.7.0",
"@types/react": "*",
"@types/react-loadable": "*",
"@types/tinycolor2": "*",

View File

@ -18,18 +18,25 @@
*/
import React from 'react';
import { shallow } from 'enzyme';
import { configure } from '@superset-ui/core';
import { render, screen } from '@testing-library/react';
import '@testing-library/jest-dom';
import { ThemeProvider, supersetTheme } from '../../../src/style';
import NoResultsComponent from '../../../src/chart/components/NoResultsComponent';
configure();
const renderNoResultsComponent = () =>
render(
<ThemeProvider theme={supersetTheme}>
<NoResultsComponent height="400" width="300" />
</ThemeProvider>,
);
describe('NoResultsComponent', () => {
it('renders the no results error', () => {
const wrapper = shallow(<NoResultsComponent height="400" width="300" />);
test('renders the no results error', () => {
renderNoResultsComponent();
expect(wrapper.text()).toEqual(
'No ResultsNo results were returned for this query. If you expected results to be returned, ensure any filters are configured properly and the datasource contains data for the selected time range.',
);
});
expect(screen.getByText(/No Results/)).toBeInTheDocument();
expect(
screen.getByText(
'No results were returned for this query. If you expected results to be returned, ensure any filters are configured properly and the datasource contains data for the selected time range.',
),
).toBeInTheDocument();
});