CCM-14753: approve letter

frontend/src/__tests__/app/message-plans/choose-email-template/preview-template/__snapshots__/page.test.tsx.snap

@@ -32,7 +32,6 @@ exports[`PreviewEmailTemplateFromMessagePlan page renders Email template preview
               Template
             </span>
             <h1
-              class="preview__heading"
               data-testid="preview-message__heading"
             >
               email template name

frontend/src/__tests__/app/message-plans/choose-large-print-letter-template/preview-template/__snapshots__/page.test.tsx.snap

@@ -32,7 +32,6 @@ exports[`PreviewLargePrintLetterTemplateFromMessagePlan page renders large print
               Template
             </span>
             <h1
-              class="preview__heading"
               data-testid="preview-message__heading"
             >
               large print letter template name

frontend/src/__tests__/app/message-plans/choose-nhs-app-template/preview-template/__snapshots__/page.test.tsx.snap

@@ -32,7 +32,6 @@ exports[`PreviewNhsAppTemplateFromMessagePlan page renders NHS App template prev
               Template
             </span>
             <h1
-              class="preview__heading"
               data-testid="preview-message__heading"
             >
               app template name

frontend/src/__tests__/app/message-plans/choose-other-language-letter-template/[routingConfigId]/preview-template/[templateId]/__snapshots__/page.test.tsx.snap

@@ -32,7 +32,6 @@ exports[`PreviewOtherLanguageLetterTemplateFromMessagePlan page renders foreign
               Template
             </span>
             <h1
-              class="preview__heading"
               data-testid="preview-message__heading"
             >
               French letter template

frontend/src/__tests__/app/message-plans/choose-standard-english-letter-template/preview-template/__snapshots__/page.test.tsx.snap

@@ -32,7 +32,6 @@ exports[`PreviewStandardEnglishLetterTemplateFromMessagePlan page renders letter
               Template
             </span>
             <h1
-              class="preview__heading"
               data-testid="preview-message__heading"
             >
               letter template name

frontend/src/__tests__/app/message-plans/choose-text-message-template/preview-template/__snapshots__/page.test.tsx.snap

@@ -32,7 +32,6 @@ exports[`PreviewTextMessageTemplateFromMessagePlan page renders SMS template pre
               Template
             </span>
             <h1
-              class="preview__heading"
               data-testid="preview-message__heading"
             >
               sms template name

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

@@ -71,7 +71,6 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
                 Template
               </span>
               <h1
-                class="preview__heading"
                 data-testid="preview-message__heading"
               >
                 authoring letter template name
@@ -222,6 +221,8 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
         <a
           class="nhsuk-body"
           href="https://notify.nhs.uk/using-nhs-notify/personalisation"
+          rel="noopener noreferrer"
+          target="_blank"
         >
           Learn more about personalising your letters (opens in a new tab).
         </a>
@@ -627,7 +628,6 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
                 Template
               </span>
               <h1
-                class="preview__heading"
                 data-testid="preview-message__heading"
               >
                 authoring letter template name
@@ -778,6 +778,8 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
         <a
           class="nhsuk-body"
           href="https://notify.nhs.uk/using-nhs-notify/personalisation"
+          rel="noopener noreferrer"
+          target="_blank"
         >
           Learn more about personalising your letters (opens in a new tab).
         </a>
@@ -1176,7 +1178,6 @@ exports[`valid PDF letter template matches snapshot 1`] = `
               Template
             </span>
             <h1
-              class="preview__heading"
               data-testid="preview-message__heading"
             >
               letter template name
@@ -1339,7 +1340,6 @@ exports[`valid authoring letter template matches snapshot 1`] = `
                 Template
               </span>
               <h1
-                class="preview__heading"
                 data-testid="preview-message__heading"
               >
                 authoring letter template name
@@ -1563,6 +1563,8 @@ exports[`valid authoring letter template matches snapshot 1`] = `
         <a
           class="nhsuk-body"
           href="https://notify.nhs.uk/using-nhs-notify/personalisation"
+          rel="noopener noreferrer"
+          target="_blank"
         >
           Learn more about personalising your letters (opens in a new tab).
         </a>

frontend/src/__tests__/app/preview-letter-template/server-action.test.ts

@@ -21,7 +21,7 @@ describe('submitAuthoringLetterAction', () => {
     await submitAuthoringLetterAction({}, formData);
 
     expect(redirectMock).toHaveBeenCalledWith(
-      '/submit-letter-template/template-123?lockNumber=1'
+      '/review-and-approve-letter-template/template-123?lockNumber=1'
     );
   });
 

frontend/src/__tests__/app/review-and-approve-letter-template/__snapshots__/page.test.tsx.snap

@@ -0,0 +1,238 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`valid authoring letter template matches snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="nhsuk-width-container"
+  >
+    <main
+      class="nhsuk-main-wrapper"
+      id="maincontent"
+      role="main"
+    >
+      <div
+        class="nhsuk-u-reading-width"
+      >
+        <span
+          class="nhsuk-caption-l"
+        >
+          Step 2 of 2
+        </span>
+        <h1
+          data-testid="preview-message__heading"
+        >
+          Review and approve 'authoring letter template name'
+        </h1>
+      </div>
+      <div
+        class="nhsuk-width-container nhsuk-u-margin-bottom-6 nhsuk-body-m"
+      >
+        <dl
+          class="nhsuk-summary-list nhsuk-u-margin-bottom-4 preview authoringLetterDetails"
+        >
+          <div
+            class="nhsuk-summary-list__row"
+          >
+            <dt
+              class="nhsuk-summary-list__key"
+            >
+              Template ID
+            </dt>
+            <dd
+              class="nhsuk-summary-list__value monospace-font"
+              data-testid="preview-template-id"
+            >
+              authoring-letter-template-id
+            </dd>
+            <dd
+              class="nhsuk-summary-list__actions"
+            />
+          </div>
+          <div
+            class="nhsuk-summary-list__row"
+          >
+            <dt
+              class="nhsuk-summary-list__key"
+            >
+              Template type
+            </dt>
+            <dd
+              class="nhsuk-summary-list__value"
+            >
+              Standard letter
+            </dd>
+            <dd
+              class="nhsuk-summary-list__actions"
+            />
+          </div>
+          <div
+            class="nhsuk-summary-list__row missing-value"
+            id="campaign-id"
+          >
+            <dt
+              class="nhsuk-summary-list__key"
+            >
+              Campaign
+            </dt>
+            <dd
+              class="nhsuk-summary-list__value"
+            />
+            <dd
+              aria-hidden="true"
+              class="nhsuk-summary-list__actions"
+            />
+          </div>
+          <div
+            class="nhsuk-summary-list__row"
+          >
+            <dt
+              class="nhsuk-summary-list__key"
+            >
+              Total pages
+            </dt>
+            <dd
+              class="nhsuk-summary-list__value"
+            >
+              2
+            </dd>
+            <dd
+              class="nhsuk-summary-list__actions"
+            />
+          </div>
+          <div
+            class="nhsuk-summary-list__row"
+          >
+            <dt
+              class="nhsuk-summary-list__key"
+            >
+              Sheets
+            </dt>
+            <dd
+              class="nhsuk-summary-list__value"
+            >
+              1
+            </dd>
+            <dd
+              aria-hidden="true"
+              class="nhsuk-summary-list__actions"
+            />
+          </div>
+          <div
+            class="nhsuk-summary-list__row"
+            id="printing-and-postage"
+          >
+            <dt
+              class="nhsuk-summary-list__key"
+            >
+              Printing and postage
+            </dt>
+            <dd
+              class="nhsuk-summary-list__value"
+            >
+              Standard C5
+            </dd>
+            <dd
+              aria-hidden="true"
+              class="nhsuk-summary-list__actions"
+            />
+          </div>
+          <div
+            class="nhsuk-summary-list__row"
+          >
+            <dt
+              class="nhsuk-summary-list__key"
+            >
+              Status
+            </dt>
+            <dd
+              class="nhsuk-summary-list__value"
+            >
+              <strong
+                class="nhsuk-tag nhsuk-tag--yellow"
+                data-status="not-yet-submitted"
+                data-testid="status-tag"
+              >
+                Approval needed
+              </strong>
+            </dd>
+            <dd
+              aria-hidden="true"
+              class="nhsuk-summary-list__actions"
+            />
+          </div>
+        </dl>
+      </div>
+      <h2
+        class="nhsuk-heading-m"
+      >
+        Short example preview
+      </h2>
+      <iframe
+        aria-label="PDF preview of letter template with short example personalisation data"
+        class="iframe nhsuk-u-margin-bottom-6"
+        src="/templates/files/client-123/renders/authoring-letter-template-id/short-form.pdf"
+        title="Letter preview - short examples"
+      />
+      <h2
+        class="nhsuk-heading-m"
+      >
+        Long example preview
+      </h2>
+      <iframe
+        aria-label="PDF preview of letter template with long example personalisation data"
+        class="iframe nhsuk-u-margin-bottom-6"
+        src="/templates/files/client-123/renders/authoring-letter-template-id/long-form.pdf"
+        title="Letter preview - long examples"
+      />
+      <form
+        action="javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')"
+      >
+        <input
+          name="form-id"
+          readonly=""
+          type="hidden"
+          value="review-and-approve-letter"
+        />
+        <input
+          name="csrf_token"
+          readonly=""
+          type="hidden"
+          value="no_token"
+        />
+        <input
+          name="templateId"
+          type="hidden"
+          value="authoring-letter-template-id"
+        />
+        <input
+          name="lockNumber"
+          type="hidden"
+          value="1"
+        />
+        <div
+          class="nhsuk-form-group"
+        >
+          <button
+            aria-disabled="false"
+            class="nhsuk-button"
+            type="submit"
+          >
+            Approve letter template
+          </button>
+          <a
+            aria-disabled="false"
+            class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-left-3"
+            data-testid="back-link-bottom"
+            draggable="false"
+            href="/templates/get-ready-to-approve-letter-template/authoring-letter-template-id"
+            id="go-back-button"
+            role="button"
+          >
+            Go back
+          </a>
+        </div>
+      </form>
+    </main>
+  </div>
+</DocumentFragment>
+`;