mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2025-08-02 08:00:10 +02:00
b901bb6c75
* Update fetch-mock to version 12 * Replace `fetchMock.done` by `fetchMock.callHistory.done` * Replace `…Mock.called` by `…Mock.callHistory.called` * Replace `fetchMock.reset` by `fetchMock.hardReset` * Replace `fetchMock.restore` by `fetchMock.hardReset` * Replace `fetchMock.resetHistory` by `fetchMock.clearHistory` * Replace `fetchMock.calls` by `fetchMock.callHistory.calls` * Replace `fetchMock.flush` by `fetchMock.callHistory.flush` * Update tests for fetch-mock version 12 See https://www.wheresrhys.co.uk/fetch-mock/docs/Usage/upgrade-guide * Update stories for fetch-mock version 12 * Remove `overwriteRoutes` option * Add `fetchMock.spyGlobal()` to storybook * Remove deprecated `sendAsJson` param * Replace `fetchMock.hardReset()` by `fetchMock.removeRoutes().clearHistory()` * Fixup fetch-mock in storybook: Call `mockGlobal` inside the hook, call `removeRoutes` and `unmockGlobal` on cleanup Behaviour can be tested by navigating between https://storybook.dev-overleaf.com/main/?path=/story/editor-ai-error-assistant-compile-log-entries--first-log-entry https://storybook.dev-overleaf.com/main/?path=/story/editor-ai-error-assistant-compile-log-entries--rate-limited https://storybook.dev-overleaf.com/main/?path=/story/project-list-notifications--project-invite https://storybook.dev-overleaf.com/main/?path=/story/project-list-notifications--project-invite-network-error And clicking the buttons GitOrigin-RevId: 35611b4430259e4c21c3d819ad18b2e6dab66242
48 lines
1.6 KiB
TypeScript
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.removeRoutes().clearHistory()
|
|
})
|
|
|
|
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')
|
|
})
|
|
})
|
|
})
|