overleaf/services/web/test/frontend/features/settings/components/emails/emails-row.test.tsx
Alf Eaton f375362894 Always use mockable location methods (#11929)
* Always use mockable location methods
* Add eslint rules for window.location calls/assignment
* Add useLocation hook
* Update tests

GitOrigin-RevId: eafb846db89f884a7a9a8570cce7745be605152c
2023-03-17 09:05:21 +00:00

121 lines
4 KiB
TypeScript

import { render, screen } from '@testing-library/react'
import { expect } from 'chai'
import fetchMock from 'fetch-mock'
import { cloneDeep } from 'lodash'
import EmailsRow from '../../../../../../frontend/js/features/settings/components/emails/row'
import {
professionalUserData,
unconfirmedUserData,
} from '../../fixtures/test-user-email-data'
import { UserEmailData } from '../../../../../../types/user-email'
import { UserEmailsProvider } from '../../../../../../frontend/js/features/settings/context/user-email-context'
import { Affiliation } from '../../../../../../types/affiliation'
function renderEmailsRow(data: UserEmailData) {
return render(
<UserEmailsProvider>
<EmailsRow userEmailData={data} />
</UserEmailsProvider>
)
}
function getByTextContent(text: string) {
return screen.getAllByText(
(content, node) =>
content === text || node?.children[0]?.textContent === text
)
}
describe('<EmailsRow/>', function () {
beforeEach(function () {
window.metaAttributesCache = window.metaAttributesCache || new Map()
window.metaAttributesCache.set('ol-ExposedSettings', {
samlInitPath: '/saml',
hasSamlBeta: true,
})
fetchMock.get('/user/emails?ensureAffiliation=true', [])
})
afterEach(function () {
fetchMock.reset()
})
describe('with unaffiliated email data', function () {
it('renders email info', function () {
renderEmailsRow(unconfirmedUserData)
screen.getByText('baz@overleaf.com')
})
it('renders actions', function () {
renderEmailsRow(unconfirmedUserData)
screen.getByRole('button', { name: 'Make Primary' })
})
})
describe('with affiliated email data', function () {
it('renders email info', function () {
renderEmailsRow(professionalUserData)
screen.getByText('foo@overleaf.com')
screen.getByText('Primary')
})
it('renders actions', function () {
renderEmailsRow(professionalUserData)
screen.getByRole('button', { name: 'Remove' })
})
it('renders institution info', function () {
renderEmailsRow(professionalUserData)
screen.getByText('Overleaf')
screen.getByText('Reader, Art History')
})
})
describe('with email data affiliated to an institution with SSO available', function () {
let affiliatedEmail: UserEmailData & { affiliation: Affiliation }
beforeEach(function () {
window.metaAttributesCache.get('ol-ExposedSettings').hasSamlFeature = true
// make sure the institution has SSO available
affiliatedEmail = cloneDeep(professionalUserData)
affiliatedEmail.affiliation.institution.confirmed = true
affiliatedEmail.affiliation.institution.isUniversity = true
affiliatedEmail.affiliation.institution.ssoEnabled = true
})
describe('when the email is not yet linked to the institution', function () {
beforeEach(async function () {
fetchMock.reset()
fetchMock.get(/\/user\/emails/, [affiliatedEmail, unconfirmedUserData])
await fetchMock.flush(true)
})
it('prompts the user to link to their institutional account', function () {
renderEmailsRow(affiliatedEmail)
getByTextContent(
'You can now link your Overleaf account to your Overleaf institutional account.'
)
screen.getByRole('button', { name: 'Link Accounts' })
})
})
describe('when the email is already linked to the institution', function () {
beforeEach(async function () {
affiliatedEmail.samlProviderId = '1'
fetchMock.reset()
fetchMock.get(/\/user\/emails/, [affiliatedEmail, unconfirmedUserData])
await fetchMock.flush(true)
})
it('prompts the user to login using their institutional account', function () {
renderEmailsRow(affiliatedEmail)
getByTextContent(
'You can log in to Overleaf through your Overleaf institutional login.'
)
expect(screen.queryByRole('button', { name: 'Link Accounts' })).to.be
.null
})
})
})
})