CCM-11474: message plan name screen (#722)

Author: harrim91

frontend/src/__tests__/app/edit-nhs-app-template/page.test.tsx

@@ -9,7 +9,11 @@ import EditNhsAppTemplatePage, {
   generateMetadata,
 } from '@app/edit-nhs-app-template/[templateId]/page';
 import { TemplateDto } from 'nhs-notify-backend-client';
-import { EMAIL_TEMPLATE, LETTER_TEMPLATE, SMS_TEMPLATE } from '../../helpers';
+import {
+  EMAIL_TEMPLATE,
+  LETTER_TEMPLATE,
+  SMS_TEMPLATE,
+} from '@testhelpers/helpers';
 import content from '@content/content';
 
 const { editPageTitle } = content.components.templateFormNhsApp;

frontend/src/__tests__/app/letter-template-submitted/page.test.tsx

@@ -6,7 +6,7 @@ import LetterTemplateSubmittedPage, {
 } from '@app/letter-template-submitted/[templateId]/page';
 import content from '@content/content';
 import { TemplateSubmitted } from '@molecules/TemplateSubmitted/TemplateSubmitted';
-import { LETTER_TEMPLATE } from '@testhelpers';
+import { LETTER_TEMPLATE } from '@testhelpers/helpers';
 import { getTemplate } from '@utils/form-actions';
 import { redirect } from 'next/navigation';
 

frontend/src/__tests__/app/message-plans/campaign-id-required/__snapshots__/page.test.tsx.snap

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`matches snapshot 1`] = `
+<DocumentFragment>
+  <main
+    class="nhsuk-main-wrapper"
+    id="maincontent"
+    role="main"
+  >
+    <div
+      class="nhsuk-grid-row"
+      data-testid="page-content-wrapper"
+    >
+      <div
+        class="nhsuk-grid-column-two-thirds"
+      >
+        <h1
+          class="nhsuk-heading-xl"
+          data-testid="page-heading"
+        >
+          You cannot create message plans yet
+        </h1>
+        <p>
+          To get access, contact your onboarding manager and give them this error message:
+        </p>
+        <div
+          class="nhsuk-inset-text"
+        >
+          <p>
+            Account needs a campaign ID
+          </p>
+        </div>
+        <p>
+          <a
+            data-testid="back-link"
+            href="/message-plans"
+          >
+            Go back
+          </a>
+        </p>
+      </div>
+    </div>
+  </main>
+</DocumentFragment>
+`;

frontend/src/__tests__/app/message-plans/campaign-id-required/page.test.tsx

@@ -0,0 +1,8 @@
+import { render } from '@testing-library/react';
+import MessagePlanCampaignIdRequiredPage from '@app/message-plans/campaign-id-required/page';
+
+test('matches snapshot', () => {
+  const container = render(MessagePlanCampaignIdRequiredPage());
+
+  expect(container.asFragment()).toMatchSnapshot();
+});