[web] Update fetch-mock to version 12 (#24837)
* 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
This commit is contained in:
+3
-3
@@ -6,10 +6,10 @@ import RegisterForm from '../../../../frontend/js/components/register-form'
|
||||
|
||||
describe('RegisterForm', function () {
|
||||
beforeEach(function () {
|
||||
fetchMock.reset()
|
||||
fetchMock.removeRoutes().clearHistory()
|
||||
})
|
||||
afterEach(function () {
|
||||
fetchMock.reset()
|
||||
fetchMock.removeRoutes().clearHistory()
|
||||
})
|
||||
it('should render the register form', async function () {
|
||||
const setRegistrationSuccessStub = sinon.stub()
|
||||
@@ -57,6 +57,6 @@ describe('RegisterForm', function () {
|
||||
const registerButton = screen.getByRole('button', { name: /register/i })
|
||||
fireEvent.change(registerInput, { target: { value: email } })
|
||||
fireEvent.click(registerButton)
|
||||
expect(registerMock.called()).to.be.true
|
||||
expect(registerMock.callHistory.called()).to.be.true
|
||||
})
|
||||
})
|
||||
|
||||
+7
-7
@@ -5,10 +5,10 @@ import UserActivateRegister from '../../../../frontend/js/components/user-activa
|
||||
|
||||
describe('UserActivateRegister', function () {
|
||||
beforeEach(function () {
|
||||
fetchMock.reset()
|
||||
fetchMock.removeRoutes().clearHistory()
|
||||
})
|
||||
afterEach(function () {
|
||||
fetchMock.reset()
|
||||
fetchMock.removeRoutes().clearHistory()
|
||||
})
|
||||
it('should display the error message', async function () {
|
||||
const email = 'abc@gmail.com'
|
||||
@@ -23,7 +23,7 @@ describe('UserActivateRegister', function () {
|
||||
fireEvent.change(registerInput, { target: { value: email } })
|
||||
fireEvent.click(registerButton)
|
||||
|
||||
expect(registerMock.called()).to.be.true
|
||||
expect(registerMock.callHistory.called()).to.be.true
|
||||
await screen.findByText('Sorry, an error occured', { exact: false })
|
||||
})
|
||||
|
||||
@@ -44,7 +44,7 @@ describe('UserActivateRegister', function () {
|
||||
fireEvent.change(registerInput, { target: { value: email } })
|
||||
fireEvent.click(registerButton)
|
||||
|
||||
expect(registerMock.called()).to.be.true
|
||||
expect(registerMock.callHistory.called()).to.be.true
|
||||
await screen.findByText(
|
||||
"We've sent out welcome emails to the registered users."
|
||||
)
|
||||
@@ -78,7 +78,7 @@ describe('UserActivateRegister', function () {
|
||||
fireEvent.change(registerInput, { target: { value: email } })
|
||||
fireEvent.click(registerButton)
|
||||
|
||||
expect(registerMock.called()).to.be.true
|
||||
expect(registerMock.callHistory.called()).to.be.true
|
||||
await screen.findByText('abc@gmail.com')
|
||||
await screen.findByText('def@gmail.com')
|
||||
})
|
||||
@@ -103,7 +103,7 @@ describe('UserActivateRegister', function () {
|
||||
fireEvent.change(registerInput, { target: { value: email } })
|
||||
fireEvent.click(registerButton)
|
||||
|
||||
expect(registerMock.called()).to.be.true
|
||||
expect(registerMock.callHistory.called()).to.be.true
|
||||
await screen.findByText('abc@')
|
||||
await screen.findByText('def@')
|
||||
})
|
||||
@@ -133,7 +133,7 @@ describe('UserActivateRegister', function () {
|
||||
fireEvent.change(registerInput, { target: { value: email } })
|
||||
fireEvent.click(registerButton)
|
||||
|
||||
expect(registerMock.called()).to.be.true
|
||||
expect(registerMock.callHistory.called()).to.be.true
|
||||
await screen.findByText('abc@gmail.com')
|
||||
await screen.findByText('def@')
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user