Merge pull request #7697 from overleaf/msm-sso-flow-alerts

[Settings] SSO Flow Alerts GitOrigin-RevId: fc89c86a6681b27e86bb6bf12f8bee51eb25aa8d
2026-11-15 14:43:46 +01:00 · 2022-04-26 08:04:05 +00:00
parent 146a207fd1
commit bb59627db3
5 changed files with 270 additions and 0 deletions
@@ -0,0 +1,100 @@
+import { render, screen, fireEvent } from '@testing-library/react'
+import { expect } from 'chai'
+import { SSOAlert } from '../../../../../../frontend/js/features/settings/components/emails/sso-alert'
+
+describe('<SSOAlert/>', function () {
+  beforeEach(function () {
+    window.metaAttributesCache = new Map()
+  })
+
+  describe('when thereis no institutional linking information', function () {
+    it('should be empty', function () {
+      render(<SSOAlert />)
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+  })
+
+  describe('when there is institutional linking information', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-institutionLinked', {
+        universityName: 'Overleaf University',
+      })
+    })
+
+    it('should render an information alert with the university name', function () {
+      render(<SSOAlert />)
+      screen.getByRole('alert')
+      screen.getByText('account was successfully linked', { exact: false })
+      screen.getByText('Overleaf University', { exact: false })
+    })
+
+    it('when entitled, it should render access granted to "professional" features', function () {
+      window.metaAttributesCache.get('ol-institutionLinked').hasEntitlement =
+        true
+      render(<SSOAlert />)
+      screen.getByText('this grants you access', { exact: false })
+      screen.getByText('Professional')
+    })
+
+    it('when the email is not canonical it should also render a warning alert', function () {
+      window.metaAttributesCache.set(
+        'ol-institutionEmailNonCanonical',
+        'user@example.com'
+      )
+      render(<SSOAlert />)
+      const alerts = screen.getAllByRole('alert')
+      expect(alerts.length).to.equal(2)
+    })
+
+    it('the alerts should be closeable', function () {
+      window.metaAttributesCache.set(
+        'ol-institutionEmailNonCanonical',
+        'user@example.com'
+      )
+      render(<SSOAlert />)
+      const closeButtons = screen.getAllByRole('button', {
+        name: 'Close alert',
+      })
+      fireEvent.click(closeButtons[0])
+      fireEvent.click(closeButtons[1])
+      expect(screen.queryByRole('button', { name: 'Close alert' })).to.be.null
+    })
+  })
+
+  describe('when there is a SAML Error', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-samlError', {
+        message: 'there was an error',
+      })
+    })
+
+    it('should render an error alert', function () {
+      render(<SSOAlert />)
+      screen.getByRole('alert')
+      screen.getByText('there was an error')
+    })
+
+    it('should render translated error if available', function () {
+      window.metaAttributesCache.get('ol-samlError').translatedMessage =
+        'translated error'
+      render(<SSOAlert />)
+      screen.getByText('translated error')
+      expect(screen.queryByText('there was an error')).to.be.null
+    })
+
+    it('should render a "try again" label when requested by the error payload', function () {
+      window.metaAttributesCache.get('ol-samlError').tryAgain = true
+      render(<SSOAlert />)
+      screen.getByText('Please try again')
+    })
+
+    it('the alert should be closeable', function () {
+      render(<SSOAlert />)
+      const closeButton = screen.getByRole('button', {
+        name: 'Close alert',
+      })
+      fireEvent.click(closeButton)
+      expect(screen.queryByRole('button', { name: 'Close alert' })).to.be.null
+    })
+  })
+})