import { fireEvent, screen, waitForElementToBeRemoved, render, } from '@testing-library/react' import LeaveSection from '../../../../../frontend/js/features/settings/components/leave-section' describe('', function () { it('opens modal', async function () { render() const button = screen.getByRole('button', { name: 'Delete your account', }) fireEvent.click(button) await screen.findByText('Delete Account') }) it('closes modal', async function () { render() fireEvent.click( screen.getByRole('button', { name: 'Delete your account', }) ) const cancelButton = screen.getByRole('button', { name: 'Close', }) fireEvent.click(cancelButton) await waitForElementToBeRemoved(() => screen.getByText('Delete Account')) }) })