mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-10 17:14:48 -05:00
1fe424631f
[SettingsPage] Emails UI Tweaks GitOrigin-RevId: 352d52badb234ed27ae48c39c4367c633ac83424
116 lines
3.9 KiB
TypeScript
116 lines
3.9 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,
|
|
})
|
|
})
|
|
|
|
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
|
|
})
|
|
})
|
|
})
|
|
})
|