Show normalised email on check-your-mail page

Author: Lan2u

src/authentication/check-your-mail.ts

@@ -1,13 +1,15 @@
 import {pipe} from 'fp-ts/lib/function';
 import {isolatedPageTemplate} from '../templates/page-template';
 import {html, safe, sanitizeString} from '../types/html';
+import {EmailAddress} from '../types';
+import {normaliseEmailAddress} from '../read-models/shared-state/normalise-email-address';
 
-export const checkYourMailPage = (submittedEmailAddress: string) =>
+export const checkYourMailPage = (submittedEmailAddress: EmailAddress) =>
   pipe(
     html`
       <h1>Check your mail</h1>
       <p>
-        If <b>${sanitizeString(submittedEmailAddress)}</b> is linked to a
+        If <b>${sanitizeString(normaliseEmailAddress(submittedEmailAddress))}</b> is linked to a
         Makespace number you should receive an email with that number.
       </p>
       <p>

tests/authentication/check-your-mail.test.ts

@@ -0,0 +1,16 @@
+import {faker} from '@faker-js/faker';
+import {checkYourMailPage} from '../../src/authentication/check-your-mail';
+import {EmailAddress} from '../../src/types';
+
+describe('checkYourMailPage', () => {
+  it('shows the normalised email address rather than the submitted one', () => {
+    const email = `${faker.string.alphanumeric(10)}@${faker.internet.domainName().toUpperCase()}` as EmailAddress;
+    const [localPart, domain] = email.split('@');
+    const normalisedEmail = `${localPart}@${domain.toLowerCase()}`;
+
+    const page = checkYourMailPage(email);
+
+    expect(page).toContain(normalisedEmail);
+    expect(page).not.toContain(email);
+  });
+});