CCM-8404 Update landing page text (#273)

Author: Ian-Hodges

frontend/src/__tests__/app/create-and-submit-templates/__snapshots__/page.test.tsx.snap

@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`matches the snapshot 1`] = `
+<div>
+  <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"
+      >
+        Create and submit a template to NHS Notify
+      </h1>
+      <p>
+        Use this tool to create and submit templates you want to send as messages using NHS Notify.
+      </p>
+      <p>
+        You can create templates for:
+      </p>
+      <ul
+        class="nhsuk-list nhsuk-list--bullet"
+      >
+        <li>
+          NHS App messages
+        </li>
+        <li>
+          emails
+        </li>
+        <li>
+          text messages (SMS)
+        </li>
+      </ul>
+      <p>
+        When you submit a template, it will be used by NHS Notify to set up the messages you want to send.
+      </p>
+      <h2
+        class="nhsuk-heading-l"
+        data-testid="page-sub-heading"
+      >
+        Before you start
+      </h2>
+      <p>
+        Only use this tool if your message content has been signed off by the relevant stakeholders in your team.
+      </p>
+      <p>
+        You can save a template as a draft and edit it later.
+      </p>
+      <p>
+        If you want to change a submitted template, you must create a new template to replace it.
+      </p>
+      <p>
+        You can access this tool by signing in with your Care Identity.
+      </p>
+      <a
+        aria-disabled="false"
+        class="nhsuk-button"
+        data-testid="link-button"
+        draggable="false"
+        href="/templates/manage-templates"
+        role="button"
+      >
+        Start now
+      </a>
+    </div>
+  </div>
+</div>
+`;

frontend/src/__tests__/app/create-and-submit-templates/page.test.tsx

@@ -1,23 +1,7 @@
-import { render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import HomePage from '@app/create-and-submit-templates/page';
-import content from '@content/content';
 
-const homePageContent = content.pages.homePage;
-
-describe('Header component', () => {
-  it('renders component correctly', () => {
-    render(<HomePage />);
-
-    expect(screen.getByTestId('page-content-wrapper')).toBeInTheDocument();
-    expect(screen.getByTestId('page-heading')).toBeInTheDocument();
-    expect(screen.getByTestId('page-sub-heading')).toBeInTheDocument();
-    expect(screen.getByTestId('link-button')).toBeInTheDocument();
-    expect(screen.getByTestId('link-button')).toHaveAttribute(
-      'href',
-      homePageContent.linkButton.url
-    );
-    expect(screen.getByTestId('link-button')).toHaveTextContent(
-      homePageContent.linkButton.text
-    );
-  });
+it('matches the snapshot', () => {
+  const { container } = render(<HomePage />);
+  expect(container).toMatchSnapshot();
 });

frontend/src/content/content.ts

@@ -172,11 +172,10 @@ const homePage = {
   pageSubHeading: 'Before you start',
   text4:
     'Only use this tool if your message content has been signed off by the relevant stakeholders in your team.',
-  text5: 'You cannot save a template as a draft and edit it later.',
+  text5: 'You can save a template as a draft and edit it later.',
   text6:
     'If you want to change a submitted template, you must create a new template to replace it.',
-  text7:
-    'You can access this tool by signing in with your NHSmail account or Care Identity.',
+  text7: 'You can access this tool by signing in with your Care Identity.',
   linkButton: {
     text: 'Start now',
     url: `${getBasePath()}/manage-templates`,