Fix warning in AppUpdateBanner

This commit is contained in:
Alejandro Celaya
2023-12-31 19:59:56 +01:00
parent fc9532690d
commit 2ad0daaed5
4 changed files with 54 additions and 45 deletions

View File

@@ -1,4 +1,4 @@
import { screen } from '@testing-library/react';
import { act, screen, waitFor } from '@testing-library/react';
import { AppUpdateBanner } from '../../src/common/AppUpdateBanner';
import { checkAccessibility } from '../__helpers__/accessibility';
import { renderWithEvents } from '../__helpers__/setUpTest';
@@ -6,12 +6,19 @@ import { renderWithEvents } from '../__helpers__/setUpTest';
describe('<AppUpdateBanner />', () => {
const toggle = vi.fn();
const forceUpdate = vi.fn();
const setUp = () => renderWithEvents(<AppUpdateBanner isOpen toggle={toggle} forceUpdate={forceUpdate} />);
const setUp = async () => {
const result = await act(
() => renderWithEvents(<AppUpdateBanner isOpen toggle={toggle} forceUpdate={forceUpdate} />),
);
await waitFor(() => screen.getByRole('alert'));
return result;
};
it('passes a11y checks', () => checkAccessibility(setUp()));
it('renders initial state', () => {
setUp();
it('renders initial state', async () => {
await setUp();
expect(screen.getByRole('heading')).toHaveTextContent('This app has just been updated!');
expect(screen.queryByText('Restarting...')).not.toBeInTheDocument();
@@ -19,7 +26,7 @@ describe('<AppUpdateBanner />', () => {
});
it('invokes toggle when alert is closed', async () => {
const { user } = setUp();
const { user } = await setUp();
expect(toggle).not.toHaveBeenCalled();
await user.click(screen.getByLabelText('Close'));
@@ -27,7 +34,7 @@ describe('<AppUpdateBanner />', () => {
});
it('triggers the update when clicking the button', async () => {
const { user } = setUp();
const { user } = await setUp();
expect(forceUpdate).not.toHaveBeenCalled();
await user.click(screen.getByText(/^Restart now/));