paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 50 Packages Projects Releases Wiki Activity

Refactor to use screen obj

Browse Source
This commit is contained in:
Adam Harvey
2021-01-29 10:16:41 -05:00
parent ff58e9765c
commit c27107c15e
1 changed files with 16 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/components/WarningPanel/WarningPanel.test.tsx
+16 -24
View File
@@ -15,7 +15,7 @@
*/
import React from 'react';
import { fireEvent } from '@testing-library/react';
import { fireEvent, screen } from '@testing-library/react';
import { renderInTestApp } from '@backstage/test-utils';
import { Typography } from '@material-ui/core';
@@ -27,49 +27,41 @@ const propsMessage = { message: 'Some more info' };
describe('<WarningPanel />', () => {
it('renders without exploding', async () => {
const { getByText } = await renderInTestApp(
<WarningPanel {...propsTitleMessage} />,
);
expect(getByText('Warning: Mock title')).toBeInTheDocument();
await renderInTestApp(<WarningPanel {...propsTitleMessage} />);
expect(screen.getByText('Warning: Mock title')).toBeInTheDocument();
});
it('renders title', async () => {
const { getByText } = await renderInTestApp(
<WarningPanel {...propsTitleMessage} />,
);
const expandIcon = await getByText('Warning: Mock title');
await renderInTestApp(<WarningPanel {...propsTitleMessage} />);
const expandIcon = await screen.getByText('Warning: Mock title');
fireEvent.click(expandIcon);
expect(getByText('Warning: Mock title')).toBeInTheDocument();
expect(getByText('Some more info')).toBeInTheDocument();
expect(screen.getByText('Warning: Mock title')).toBeInTheDocument();
expect(screen.getByText('Some more info')).toBeInTheDocument();
});
it('renders title and children', async () => {
const { getByText } = await renderInTestApp(
await renderInTestApp(
<WarningPanel {...propsTitle}>
<Typography>Java stacktrace</Typography>
</WarningPanel>,
);
expect(getByText('Java stacktrace')).toBeInTheDocument();
expect(screen.getByText('Java stacktrace')).toBeInTheDocument();
});
it('renders message', async () => {
const { getByText } = await renderInTestApp(
<WarningPanel {...propsMessage} />,
);
expect(getByText('Warning')).toBeInTheDocument();
expect(getByText('Some more info')).toBeInTheDocument();
await renderInTestApp(<WarningPanel {...propsMessage} />);
expect(screen.getByText('Warning')).toBeInTheDocument();
expect(screen.getByText('Some more info')).toBeInTheDocument();
});
it('renders title, message, and children', async () => {
const { getByText } = await renderInTestApp(
await renderInTestApp(
<WarningPanel {...propsTitleMessage}>
<Typography>Java stacktrace</Typography>
</WarningPanel>,
);
expect(getByText('Warning: Mock title')).toBeInTheDocument();
expect(getByText('Some more info')).toBeInTheDocument();
expect(getByText('Java stacktrace')).toBeInTheDocument();
// expect(getByText(/Some more info/)).toBeTruthy();
// expect(getByText(/Java stacktrace/)).toBeTruthy();
expect(screen.getByText('Warning: Mock title')).toBeInTheDocument();
expect(screen.getByText('Some more info')).toBeInTheDocument();
expect(screen.getByText('Java stacktrace')).toBeInTheDocument();
});
});