overleaf/services/web/test/frontend/features/settings/context/sso-context.test.tsx

89 lines
2.4 KiB
TypeScript
Raw Normal View History

import { expect } from 'chai'
import { renderHook } from '@testing-library/react-hooks'
import {
SSOProvider,
useSSOContext,
} from '../../../../../frontend/js/features/settings/context/sso-context'
import fetchMock from 'fetch-mock'
const mockOauthProviders = {
google: {
descriptionKey: 'login_with_service',
descriptionOptions: { service: 'Google' },
name: 'Google',
linkPath: '/auth/google',
},
orcid: {
descriptionKey: 'oauth_orcid_description',
descriptionOptions: {
link: '/blog/434',
appName: 'Overleaf',
},
name: 'ORCID',
linkPath: '/auth/orcid',
},
twitter: {
hideWhenNotLinked: true,
name: 'Twitter',
linkPath: '/auth/twitter',
},
}
describe('SSOContext', function () {
const renderSSOContext = () =>
renderHook(() => useSSOContext(), {
wrapper: ({ children }) => <SSOProvider>{children}</SSOProvider>,
})
beforeEach(function () {
window.metaAttributesCache = new Map()
window.metaAttributesCache.set('ol-thirdPartyIds', {
google: 'google-id',
})
window.metaAttributesCache.set('ol-oauthProviders', mockOauthProviders)
fetchMock.reset()
})
it('should initialise subscriptions with their linked status', function () {
const { result } = renderSSOContext()
expect(result.current.subscriptions).to.deep.equal({
google: {
providerId: 'google',
provider: mockOauthProviders.google,
linked: true,
},
orcid: {
providerId: 'orcid',
provider: mockOauthProviders.orcid,
linked: false,
},
})
})
describe('unlink', function () {
beforeEach(function () {
fetchMock.post('express:/user/oauth-unlink', 200)
})
it('should unlink an existing subscription', async function () {
const { result, waitForNextUpdate } = renderSSOContext()
result.current.unlink('google')
await waitForNextUpdate()
expect(result.current.subscriptions.google.linked).to.be.false
})
it('when the provider is not linked, should do nothing', function () {
const { result } = renderSSOContext()
result.current.unlink('orcid')
expect(fetchMock.called()).to.be.false
})
it('supports unmounting the component while the request is inflight', async function () {
const { result, unmount } = renderSSOContext()
result.current.unlink('google')
expect(fetchMock.called()).to.be.true
unmount()
})
})
})