overleaf/services/web/test/frontend/features/subscription/components/group-invite/join-group.test.tsx
Jessica Lawshe c6b88085d5 Merge pull request #18188 from overleaf/jel-react-group-invite
[web] Migrate team invite to React

GitOrigin-RevId: 32e968c3b512020aef9a396808c73a7b4859e6d1
2024-05-09 08:05:03 +00:00

48 lines
1.6 KiB
TypeScript

import { fireEvent, render, screen, waitFor } from '@testing-library/react'
import { expect } from 'chai'
import JoinGroup from '../../../../../../frontend/js/features/subscription/components/group-invite/join-group'
import fetchMock from 'fetch-mock'
import sinon from 'sinon'
describe('join group', function () {
const inviteToken = 'token123'
beforeEach(function () {
window.metaAttributesCache.set('ol-inviteToken', inviteToken)
})
afterEach(function () {
fetchMock.reset()
})
it('shows option to join subscription', async function () {
render(<JoinGroup setView={() => {}} />)
await screen.findByText(
'Please click the button below to join the group subscription and enjoy the benefits of an upgraded Overleaf account'
)
screen.getByRole('link', { name: 'Not now' })
screen.getByRole('button', { name: 'Accept invitation' })
})
it('handles success when accepting invite', async function () {
fetchMock.put(`/subscription/invites/${inviteToken}`, 200)
const setView = sinon.stub()
render(<JoinGroup setView={setView} />)
const button = await screen.getByRole('button', {
name: 'Accept invitation',
})
fireEvent.click(button)
await waitFor(() => {
expect(setView).to.have.been.calledOnce
})
})
it('handles errors when accepting invite', async function () {
render(<JoinGroup setView={() => {}} />)
const button = await screen.getByRole('button', {
name: 'Accept invitation',
})
fireEvent.click(button)
await waitFor(() => {
screen.getByText('Sorry, something went wrong')
})
})
})