first commit

services/web/frontend/stories/project-list/helpers/emails.ts

@@ -0,0 +1,128 @@
+import { merge, cloneDeep } from 'lodash'
+import { type FetchMock } from 'fetch-mock'
+import { UserEmailData } from '../../../../types/user-email'
+import {
+  Institution,
+  Notification,
+} from '../../../../types/project/dashboard/notification'
+import { DeepPartial, DeepReadonly } from '../../../../types/utils'
+import { Project } from '../../../../types/project/dashboard/api'
+import getMeta from '@/utils/meta'
+
+const MOCK_DELAY = 1000
+
+const fakeInstitutionData = {
+  email: 'email@example.com',
+  institutionEmail: 'institution@example.com',
+  institutionId: 123,
+  institutionName: 'Abc Institution',
+  requestedEmail: 'requested@example.com',
+} as DeepReadonly<Institution>
+
+export const fakeReconfirmationUsersData = {
+  affiliation: {
+    institution: {
+      ssoEnabled: false,
+      ssoBeta: false,
+      name: 'Abc Institution',
+    },
+  },
+  samlProviderId: 'Saml Provider',
+  email: 'reconfirmation-email@overleaf.com',
+  default: false,
+} as DeepReadonly<UserEmailData>
+
+export function defaultSetupMocks(fetchMock: FetchMock) {
+  // at least one project is required to show some notifications
+  const projects = [{}] as Project[]
+  fetchMock.post(/\/api\/project/, {
+    status: 200,
+    body: {
+      projects,
+      totalSize: projects.length,
+    },
+  })
+}
+
+export function setDefaultMeta() {
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    emailConfirmationDisabled: false,
+    samlInitPath: '/fakeSaml',
+    appName: 'Overleaf',
+  })
+  window.metaAttributesCache.set('ol-notificationsInstitution', [])
+  window.metaAttributesCache.set('ol-userEmails', [])
+}
+
+export function errorsMocks(fetchMock: FetchMock) {
+  defaultSetupMocks(fetchMock)
+  fetchMock.post(/\/user\/emails\/*/, 500, { delay: MOCK_DELAY })
+  fetchMock.post(
+    /\/project\/[A-Za-z0-9]+\/invite\/token\/[A-Za-z0-9]+\/accept/,
+    500,
+    { delay: MOCK_DELAY }
+  )
+  fetchMock.post(/\/user\/emails\/send-reconfirmation/, 500, {
+    delay: MOCK_DELAY,
+  })
+}
+
+export function setInstitutionMeta(institutionData: Partial<Institution>) {
+  setDefaultMeta()
+  window.metaAttributesCache.set('ol-notificationsInstitution', [
+    merge(cloneDeep(fakeInstitutionData), institutionData),
+  ])
+}
+
+export function institutionSetupMocks(fetchMock: FetchMock) {
+  defaultSetupMocks(fetchMock)
+  fetchMock.delete(/\/notifications\/*/, 200, { delay: MOCK_DELAY })
+}
+
+export function setCommonMeta(notificationData: DeepPartial<Notification>) {
+  setDefaultMeta()
+  window.metaAttributesCache.set('ol-notifications', [notificationData])
+}
+
+export function commonSetupMocks(fetchMock: FetchMock) {
+  defaultSetupMocks(fetchMock)
+  fetchMock.post(
+    /\/project\/[A-Za-z0-9]+\/invite\/token\/[A-Za-z0-9]+\/accept/,
+    200,
+    { delay: MOCK_DELAY }
+  )
+}
+
+export function setReconfirmationMeta() {
+  setDefaultMeta()
+  window.metaAttributesCache.set('ol-userEmails', [fakeReconfirmationUsersData])
+}
+
+export function reconfirmationSetupMocks(fetchMock: FetchMock) {
+  defaultSetupMocks(fetchMock)
+  fetchMock.post(/\/user\/emails\/resend_confirmation/, 200, {
+    delay: MOCK_DELAY,
+  })
+}
+
+export function setReconfirmAffiliationMeta() {
+  setDefaultMeta()
+  window.metaAttributesCache.set(
+    'ol-reconfirmedViaSAML',
+    fakeReconfirmationUsersData.samlProviderId
+  )
+}
+
+export function reconfirmAffiliationSetupMocks(fetchMock: FetchMock) {
+  defaultSetupMocks(fetchMock)
+  fetchMock.post(/\/api\/project/, {
+    status: 200,
+    body: {
+      projects: [{}],
+      totalSize: 0,
+    },
+  })
+  fetchMock.post(/\/user\/emails\/send-reconfirmation/, 200, {
+    delay: MOCK_DELAY,
+  })
+}