mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-10 15:35:44 -05:00
cf2dfc6bf1
[SettingsPage] Integration Branch GitOrigin-RevId: 5a3c26b2a02d716c4ae3981e3f08b811ae307725
67 lines
1.8 KiB
TypeScript
67 lines
1.8 KiB
TypeScript
import sinon from 'sinon'
|
|
import { fireEvent, screen, render, waitFor } from '@testing-library/react'
|
|
import fetchMock from 'fetch-mock'
|
|
|
|
import LeaveModal from '../../../../../../frontend/js/features/settings/components/leave/modal'
|
|
|
|
describe('<LeaveModal />', function () {
|
|
beforeEach(function () {
|
|
window.metaAttributesCache = new Map()
|
|
window.metaAttributesCache.set('ol-usersEmail', 'foo@bar.com')
|
|
window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: true })
|
|
window.metaAttributesCache.set('ol-hasPassword', true)
|
|
})
|
|
|
|
afterEach(function () {
|
|
window.metaAttributesCache = new Map()
|
|
fetchMock.reset()
|
|
})
|
|
|
|
it('closes modal on cancel', async function () {
|
|
const handleClose = sinon.stub()
|
|
render(<LeaveModal isOpen handleClose={handleClose} />)
|
|
|
|
const cancelButton = screen.getByRole('button', {
|
|
name: 'Cancel',
|
|
})
|
|
fireEvent.click(cancelButton)
|
|
|
|
sinon.assert.calledOnce(handleClose)
|
|
})
|
|
|
|
it('does not close modal while in flight', async function () {
|
|
fetchMock.post('/user/delete', new Promise(() => {}))
|
|
const handleClose = sinon.stub()
|
|
render(<LeaveModal isOpen handleClose={handleClose} />)
|
|
|
|
fillValidForm()
|
|
|
|
const deleteButton = screen.getByRole('button', {
|
|
name: 'Delete',
|
|
})
|
|
fireEvent.click(deleteButton)
|
|
|
|
await waitFor(() => {
|
|
screen.getByRole('button', {
|
|
name: 'Deleting…',
|
|
})
|
|
})
|
|
|
|
const cancelButton = screen.getByRole('button', {
|
|
name: 'Cancel',
|
|
})
|
|
fireEvent.click(cancelButton)
|
|
|
|
sinon.assert.notCalled(handleClose)
|
|
})
|
|
})
|
|
|
|
function fillValidForm() {
|
|
fireEvent.change(screen.getByLabelText('Email'), {
|
|
target: { value: 'foo@bar.com' },
|
|
})
|
|
fireEvent.change(screen.getByLabelText('Password'), {
|
|
target: { value: 'foobar' },
|
|
})
|
|
fireEvent.click(screen.getByLabelText(/I understand/))
|
|
}
|