CCM-8868 action buttons positioning (#358)

Author: m-salaudeen

frontend/src/__tests__/app/choose-a-template-type/page.test.tsx

@@ -1,6 +1,11 @@
 import { render } from '@testing-library/react';
-import ChooseATemplateTypePage from '@app/choose-a-template-type/page';
+import ChooseATemplateTypePage, {
+  generateMetadata,
+} from '@app/choose-a-template-type/page';
 import { TemplateFormState } from 'nhs-notify-web-template-management-utils';
+import content from '@content/content';
+
+const { pageTitle } = content.components.chooseTemplate;
 
 jest.mock('next/navigation', () => ({
   redirect: () => {
@@ -33,6 +38,7 @@ test('ChooseATemplateTypePage', async () => {
 
   const container = render(page);
 
+  expect(await generateMetadata()).toEqual({ title: pageTitle });
   expect(container.asFragment()).toMatchSnapshot();
 });
 

frontend/src/__tests__/app/create-email-template/page.test.tsx

@@ -1,7 +1,12 @@
 /**
  * @jest-environment node
  */
-import CreateEmailTemplatePage from '@app/create-email-template/page';
+import CreateEmailTemplatePage, {
+  generateMetadata,
+} from '@app/create-email-template/page';
+import content from '@content/content';
+
+const { pageTitle } = content.components.templateFormEmail;
 
 jest.mock('@forms/EmailTemplateForm/EmailTemplateForm');
 
@@ -11,6 +16,7 @@ describe('CreateEmailTemplatePage', () => {
   it('should render CreateEmailTemplatePage', async () => {
     const page = await CreateEmailTemplatePage();
 
+    expect(await generateMetadata()).toEqual({ title: pageTitle });
     expect(page).toMatchSnapshot();
   });
 });

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

@@ -1,7 +1,12 @@
 /**
  * @jest-environment node
  */
-import CreateNHSAppTemplatePage from '@app/create-nhs-app-template/page';
+import CreateNHSAppTemplatePage, {
+  generateMetadata,
+} from '@app/create-nhs-app-template/page';
+import content from '@content/content';
+
+const { pageTitle } = content.components.templateFormNhsApp;
 
 jest.mock('@forms/NhsAppTemplateForm/NhsAppTemplateForm');
 
@@ -11,6 +16,7 @@ describe('CreateNHSAppTemplatePage', () => {
   it('should render CreateNHSAppTemplatePage', async () => {
     const page = await CreateNHSAppTemplatePage();
 
+    expect(await generateMetadata()).toEqual({ title: pageTitle });
     expect(page).toMatchSnapshot();
   });
 });

frontend/src/__tests__/app/create-text-message-template/page.test.tsx

@@ -1,7 +1,12 @@
 /**
  * @jest-environment node
  */
-import CreateSMSTemplatePage from '@app/create-text-message-template/page';
+import CreateSMSTemplatePage, {
+  generateMetadata,
+} from '@app/create-text-message-template/page';
+import content from '@content/content';
+
+const { pageTitle } = content.components.templateFormSms;
 
 jest.mock('@forms/SmsTemplateForm/SmsTemplateForm');
 
@@ -11,6 +16,7 @@ describe('CreateSMSTemplatePage', () => {
   it('should render CreateSMSTemplatePage', async () => {
     const page = await CreateSMSTemplatePage();
 
+    expect(await generateMetadata()).toEqual({ title: pageTitle });
     expect(page).toMatchSnapshot();
   });
 });

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

@@ -1,11 +1,16 @@
 /**
  * @jest-environment node
  */
-import EditEmailTemplatePage from '@app/edit-email-template/[templateId]/page';
+import EditEmailTemplatePage, {
+  generateMetadata,
+} from '@app/edit-email-template/[templateId]/page';
 import { getTemplate } from '@utils/form-actions';
 import { redirect } from 'next/navigation';
 import { EmailTemplateForm } from '@forms/EmailTemplateForm/EmailTemplateForm';
 import { EmailTemplate } from 'nhs-notify-web-template-management-utils';
+import content from '@content/content';
+
+const { editPageTitle } = content.components.templateFormEmail;
 
 jest.mock('@utils/form-actions');
 jest.mock('next/navigation');
@@ -75,6 +80,7 @@ describe('EditEmailTemplatePage', () => {
       }),
     });
 
+    expect(await generateMetadata()).toEqual({ title: editPageTitle });
     expect(getTemplateMock).toHaveBeenCalledWith('template-id');
 
     expect(page).toEqual(<EmailTemplateForm initialState={emailTemplate} />);

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

@@ -5,9 +5,14 @@ import { redirect } from 'next/navigation';
 import { NHSAppTemplate } from 'nhs-notify-web-template-management-utils';
 import { getTemplate } from '@utils/form-actions';
 import { NhsAppTemplateForm } from '@forms/NhsAppTemplateForm/NhsAppTemplateForm';
-import EditNhsAppTemplatePage from '@app/edit-nhs-app-template/[templateId]/page';
+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 content from '@content/content';
+
+const { editPageTitle } = content.components.templateFormNhsApp;
 
 jest.mock('@forms/NhsAppTemplateForm/NhsAppTemplateForm');
 jest.mock('@utils/form-actions');
@@ -44,6 +49,7 @@ describe('EditNhsAppTemplatePage', () => {
       }),
     });
 
+    expect(await generateMetadata()).toEqual({ title: editPageTitle });
     expect(page).toEqual(<NhsAppTemplateForm initialState={nhsAppTemplate} />);
   });
 

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

@@ -1,12 +1,17 @@
 /**
  * @jest-environment node
  */
-import EditSmsTemplatePage from '@app/edit-text-message-template/[templateId]/page';
+import EditSmsTemplatePage, {
+  generateMetadata,
+} from '@app/edit-text-message-template/[templateId]/page';
 import { getTemplate } from '@utils/form-actions';
 import { redirect } from 'next/navigation';
 import { SmsTemplateForm } from '@forms/SmsTemplateForm/SmsTemplateForm';
 import { TemplateDto } from 'nhs-notify-backend-client';
 import { SMSTemplate } from 'nhs-notify-web-template-management-utils';
+import content from '@content/content';
+
+const { editPageTitle } = content.components.templateFormSms;
 
 jest.mock('@utils/form-actions');
 jest.mock('next/navigation');
@@ -74,6 +79,7 @@ describe('EditSmsTemplatePage', () => {
       }),
     });
 
+    expect(await generateMetadata()).toEqual({ title: editPageTitle });
     expect(getTemplateMock).toHaveBeenCalledWith('template-id');
 
     expect(page).toEqual(<SmsTemplateForm initialState={smsTemplate} />);

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

@@ -1,11 +1,16 @@
 /**
  * @jest-environment node
  */
-import EmailTemplateSubmittedPage from '@app/email-template-submitted/[templateId]/page';
+import EmailTemplateSubmittedPage, {
+  generateMetadata,
+} from '@app/email-template-submitted/[templateId]/page';
 import { TemplateSubmitted } from '@molecules/TemplateSubmitted/TemplateSubmitted';
 import { getTemplate } from '@utils/form-actions';
 import { redirect } from 'next/navigation';
 import { TemplateDto } from 'nhs-notify-backend-client';
+import content from '@content/content';
+
+const { pageTitle } = content.components.templateSubmitted;
 
 jest.mock('@molecules/TemplateSubmitted/TemplateSubmitted');
 jest.mock('@utils/form-actions');
@@ -56,6 +61,7 @@ describe('EmailTemplateSubmittedPage', () => {
       }),
     });
 
+    expect(await generateMetadata()).toEqual({ title: pageTitle.EMAIL });
     expect(getTemplateMock).toHaveBeenCalledWith('invalid-template');
 
     expect(redirectMock).toHaveBeenCalledWith('/invalid-template', 'replace');

frontend/src/__tests__/app/manage-templates/page.test.tsx

@@ -1,6 +1,8 @@
 import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/react';
-import ManageTemplatesPage from '@app/manage-templates/page';
+import ManageTemplatesPage, {
+  generateMetadata,
+} from '@app/manage-templates/page';
 import content from '@content/content';
 import { getTemplates } from '@utils/form-actions';
 import { TemplateDto } from 'nhs-notify-backend-client';
@@ -28,6 +30,9 @@ describe('ManageTemplatesPage', () => {
   test('renders the page without templates', async () => {
     render(await ManageTemplatesPage());
 
+    expect(await generateMetadata()).toEqual({
+      title: manageTemplatesContent.pageTitle,
+    });
     expect(screen.getByTestId('page-content-wrapper')).toBeInTheDocument();
     expect(screen.getByTestId('page-heading')).toBeInTheDocument();
     expect(screen.getByRole('button')).toBeInTheDocument();

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

@@ -1,11 +1,16 @@
 /**
  * @jest-environment node
  */
-import NhsAppTemplateSubmittedPage from '@app/nhs-app-template-submitted/[templateId]/page';
+import NhsAppTemplateSubmittedPage, {
+  generateMetadata,
+} from '@app/nhs-app-template-submitted/[templateId]/page';
 import { TemplateSubmitted } from '@molecules/TemplateSubmitted/TemplateSubmitted';
 import { getTemplate } from '@utils/form-actions';
 import { redirect } from 'next/navigation';
 import { TemplateDto } from 'nhs-notify-backend-client';
+import content from '@content/content';
+
+const { pageTitle } = content.components.templateSubmitted;
 
 jest.mock('@molecules/TemplateSubmitted/TemplateSubmitted');
 jest.mock('@utils/form-actions');
@@ -38,6 +43,9 @@ describe('NhsAppTemplateSubmittedPage', () => {
       }),
     });
 
+    expect(await generateMetadata()).toEqual({
+      title: pageTitle.NHS_APP,
+    });
     expect(getTemplateMock).toHaveBeenCalledWith('template-id');
 
     expect(page).toEqual(