Merge pull request #130 from NHSDigital/feature/CCM-4893_email-automated-tested

CCM-4893: Email journey component tests

Author: bhansell1

.eslintrc.json

@@ -70,7 +70,10 @@
     "no-useless-constructor": "off",
     "sonarjs/no-small-switch": "off",
     "react/jsx-no-bind": "off",
-    "unicorn/no-null": "off"
+    "unicorn/no-null": "off",
+    "prefer-regex-literals": "off",
+    "class-methods-use-this": "off",
+    "no-underscore-dangle": "off"
   },
   "overrides": [
     {

src/__tests__/app/create-nhs-app-template/__snapshots__/page.test.tsx.snap

@@ -79,6 +79,7 @@ exports[`CreateNhsAppTemplatePage 1`] = `
           </div>
           <details
             class="nhsuk-details"
+            data-testid="how-to-name-your-template"
           >
             <summary
               class="nhsuk-details__summary"

src/__tests__/app/email-template-submitted/__snapshots__/page.test.tsx.snap

@@ -23,19 +23,24 @@ exports[`EmailTemplateSubmitted 1`] = `
       >
         Template name
       </h2>
-      <p>
+      <p
+        id="template-name"
+      >
         template-name
       </p>
       <h2
         class="nhsuk-heading-xs nhsuk-u-margin-bottom-1"
       >
         Template ID
       </h2>
-      <p>
+      <p
+        id="template-id"
+      >
         template-id
       </p>
       <a
         href="/create-template"
+        id="create-another-template"
       >
         Create another template
       </a>

src/__tests__/app/nhs-app-template-submitted/__snapshots__/page.test.tsx.snap

@@ -23,19 +23,24 @@ exports[`NhsAppTemplateSubmittedPage 1`] = `
       >
         Template name
       </h2>
-      <p>
+      <p
+        id="template-name"
+      >
         template-name
       </p>
       <h2
         class="nhsuk-heading-xs nhsuk-u-margin-bottom-1"
       >
         Template ID
       </h2>
-      <p>
+      <p
+        id="template-id"
+      >
         template-id
       </p>
       <a
         href="/create-template"
+        id="create-another-template"
       >
         Create another template
       </a>

src/__tests__/app/preview-email-template/page.test.tsx

@@ -69,6 +69,12 @@ describe('PreviewEmailTemplatePage', () => {
       emailTemplateSubjectLine: 'valid-subject-line',
       emailTemplateMessage: undefined,
     },
+    {
+      templateType: TemplateType.EMAIL,
+      emailTemplateName: 'valid-name',
+      emailTemplateSubjectLine: 'valid-subject-line',
+      emailTemplateMessage: null as unknown as string,
+    },
   ])(
     'should redirect to invalid-session when session template is $templateType and name is $emailTemplateName and subjectLine is $$emailTemplateSubjectLine and message is $emailTemplateMessage',
     async (value) => {

src/__tests__/app/preview-nhs-app-template/__snapshots__/page.test.tsx.snap

@@ -44,6 +44,7 @@ exports[`PreviewNhsAppTemplatePage 1`] = `
       </h1>
       <details
         class="nhsuk-details"
+        data-testid="preview-message-details"
       >
         <summary
           class="nhsuk-details__summary"
@@ -82,6 +83,7 @@ exports[`PreviewNhsAppTemplatePage 1`] = `
               <div
                 class="preview__col_heading"
                 data-testid="preview__heading-0"
+                id="preview-heading-message"
               >
                 Message
               </div>
@@ -92,6 +94,7 @@ exports[`PreviewNhsAppTemplatePage 1`] = `
               <div
                 class="preview__col_content"
                 data-testid="preview__content-0"
+                id="preview-content-message"
               >
                 <p>
                   template-message

src/__tests__/app/text-message-template-submitted/__snapshots__/page.test.tsx.snap

@@ -23,19 +23,24 @@ exports[`SmsTemplateSubmitted 1`] = `
       >
         Template name
       </h2>
-      <p>
+      <p
+        id="template-name"
+      >
         template-name
       </p>
       <h2
         class="nhsuk-heading-xs nhsuk-u-margin-bottom-1"
       >
         Template ID
       </h2>
-      <p>
+      <p
+        id="template-id"
+      >
         template-id
       </p>
       <a
         href="/create-template"
+        id="create-another-template"
       >
         Create another template
       </a>

src/__tests__/components/forms/CreateEmailTemplate/__snapshots__/CreateEmailTemplate.test.tsx.snap

@@ -87,6 +87,7 @@ exports[`renders page 1`] = `
             </div>
             <details
               class="nhsuk-details"
+              data-testid="how-to-name-your-template"
             >
               <summary
                 class="nhsuk-details__summary"
@@ -661,6 +662,7 @@ exports[`renders page one error 1`] = `
             </div>
             <details
               class="nhsuk-details"
+              data-testid="how-to-name-your-template"
             >
               <summary
                 class="nhsuk-details__summary"
@@ -1251,6 +1253,7 @@ exports[`renders page with multiple errors 1`] = `
             </div>
             <details
               class="nhsuk-details"
+              data-testid="how-to-name-your-template"
             >
               <summary
                 class="nhsuk-details__summary"
@@ -1826,6 +1829,7 @@ exports[`renders page with preloaded field values 1`] = `
             </div>
             <details
               class="nhsuk-details"
+              data-testid="how-to-name-your-template"
             >
               <summary
                 class="nhsuk-details__summary"

src/__tests__/components/forms/CreateNhsAppTemplate/__snapshots__/CreateNhsAppTemplate.test.tsx.snap

@@ -79,6 +79,7 @@ exports[`renders page 1`] = `
           </div>
           <details
             class="nhsuk-details"
+            data-testid="how-to-name-your-template"
           >
             <summary
               class="nhsuk-details__summary"
@@ -529,6 +530,7 @@ exports[`renders page one error 1`] = `
           </div>
           <details
             class="nhsuk-details"
+            data-testid="how-to-name-your-template"
           >
             <summary
               class="nhsuk-details__summary"
@@ -993,6 +995,7 @@ exports[`renders page with multiple errors 1`] = `
           </div>
           <details
             class="nhsuk-details"
+            data-testid="how-to-name-your-template"
           >
             <summary
               class="nhsuk-details__summary"
@@ -1435,6 +1438,7 @@ exports[`renders page with preloaded field values 1`] = `
           </div>
           <details
             class="nhsuk-details"
+            data-testid="how-to-name-your-template"
           >
             <summary
               class="nhsuk-details__summary"

src/__tests__/components/forms/CreateSmsTemplate/__snapshots__/CreateSmsTemplate.test.tsx.snap

@@ -78,6 +78,7 @@ exports[`CreateSmsTemplate component renders page 1`] = `
           </div>
           <details
             class="nhsuk-details"
+            data-testid="how-to-name-your-template"
           >
             <summary
               class="nhsuk-details__summary"
@@ -418,6 +419,7 @@ exports[`CreateSmsTemplate component renders page one error 1`] = `
           </div>
           <details
             class="nhsuk-details"
+            data-testid="how-to-name-your-template"
           >
             <summary
               class="nhsuk-details__summary"
@@ -772,6 +774,7 @@ exports[`CreateSmsTemplate component renders page with multiple errors 1`] = `
           </div>
           <details
             class="nhsuk-details"
+            data-testid="how-to-name-your-template"
           >
             <summary
               class="nhsuk-details__summary"
@@ -1104,6 +1107,7 @@ exports[`CreateSmsTemplate component renders page with preloaded field values 1`
           </div>
           <details
             class="nhsuk-details"
+            data-testid="how-to-name-your-template"
           >
             <summary
               class="nhsuk-details__summary"