CCM-8868: Update page titles

m-salaudeen · m-salaudeen · commit f5e79068f185 · 2025-03-21T16:29:57.000Z
diff --git a/frontend/src/__tests__/app/edit-email-template/page.test.tsx b/frontend/src/__tests__/app/edit-email-template/page.test.tsx
@@ -1,7 +1,9 @@
 /**
  * @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';
@@ -60,6 +62,7 @@ describe('EditEmailTemplatePage', () => {
   });
 
   it('should render CreateEmailTemplatePage component when template is found', async () => {
+    generateMetadata();
     getTemplateMock.mockResolvedValueOnce(template);
 
     const emailTemplate: EmailTemplate = {
diff --git a/frontend/src/__tests__/app/edit-nhs-app-template/page.test.tsx b/frontend/src/__tests__/app/edit-nhs-app-template/page.test.tsx
@@ -19,10 +19,10 @@ const getTemplateMock = jest.mocked(getTemplate);
 const redirectMock = jest.mocked(redirect);
 
 describe('EditNhsAppTemplatePage', () => {
-  generateMetadata();
   beforeEach(jest.resetAllMocks);
 
   test('page loads', async () => {
+    generateMetadata();
     const template = {
       id: 'template-id',
       templateType: 'NHS_APP',
diff --git a/frontend/src/__tests__/app/edit-text-message-template/page.test.tsx b/frontend/src/__tests__/app/edit-text-message-template/page.test.tsx
@@ -1,7 +1,9 @@
 /**
  * @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';
@@ -60,6 +62,7 @@ describe('EditSmsTemplatePage', () => {
   });
 
   it('should render CreateSmsTemplate component when templateId is found', async () => {
+    generateMetadata();
     getTemplateMock.mockResolvedValueOnce(templateDTO);
 
     const smsTemplate: SMSTemplate = {
diff --git a/frontend/src/__tests__/app/manage-templates/page.test.tsx b/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';
@@ -26,6 +28,7 @@ describe('ManageTemplatesPage', () => {
     jest.resetAllMocks();
   });
   test('renders the page without templates', async () => {
+    generateMetadata();
     render(await ManageTemplatesPage());
 
     expect(screen.getByTestId('page-content-wrapper')).toBeInTheDocument();
diff --git a/frontend/src/__tests__/app/view-submitted-email-template/page.test.tsx b/frontend/src/__tests__/app/view-submitted-email-template/page.test.tsx
@@ -1,7 +1,9 @@
 /**
  * @jest-environment node
  */
-import ViewSubmittedEmailTemplatePage from '@app/view-submitted-email-template/[templateId]/page';
+import ViewSubmittedEmailTemplatePage, {
+  generateMetadata,
+} from '@app/view-submitted-email-template/[templateId]/page';
 import { ViewEmailTemplate } from '@molecules/ViewEmailTemplate/ViewEmailTemplate';
 import { EmailTemplate } from 'nhs-notify-web-template-management-utils';
 import { getTemplate } from '@utils/form-actions';
@@ -19,6 +21,7 @@ describe('ViewSubmittedEmailTemplatePage', () => {
   beforeEach(jest.resetAllMocks);
 
   it('should load page', async () => {
+    generateMetadata();
     const templateDTO = {
       id: 'template-id',
       templateType: 'EMAIL',
diff --git a/frontend/src/__tests__/app/view-submitted-nhs-app-template/page.test.tsx b/frontend/src/__tests__/app/view-submitted-nhs-app-template/page.test.tsx
@@ -1,7 +1,9 @@
 /**
  * @jest-environment node
  */
-import ViewSubmittedNHSAppTemplatePage from '@app/view-submitted-nhs-app-template/[templateId]/page';
+import ViewSubmittedNHSAppTemplatePage, {
+  generateMetadata,
+} from '@app/view-submitted-nhs-app-template/[templateId]/page';
 import { ViewNHSAppTemplate } from '@molecules/ViewNHSAppTemplate/ViewNHSAppTemplate';
 import { NHSAppTemplate } from 'nhs-notify-web-template-management-utils';
 import { getTemplate } from '@utils/form-actions';
@@ -19,6 +21,7 @@ describe('ViewSubmittedNHSAppTemplatePage', () => {
   beforeEach(jest.resetAllMocks);
 
   it('should load page', async () => {
+    generateMetadata();
     const templateDTO = {
       id: 'template-id',
       templateType: 'NHS_APP',
diff --git a/frontend/src/__tests__/app/view-submitted-text-message-template/page.test.tsx b/frontend/src/__tests__/app/view-submitted-text-message-template/page.test.tsx
@@ -1,7 +1,9 @@
 /**
  * @jest-environment node
  */
-import ViewSubmittedSMSTemplatePage from '@app/view-submitted-text-message-template/[templateId]/page';
+import ViewSubmittedSMSTemplatePage, {
+  generateMetadata,
+} from '@app/view-submitted-text-message-template/[templateId]/page';
 import { ViewSMSTemplate } from '@molecules/ViewSMSTemplate/ViewSMSTemplate';
 import { SMSTemplate } from 'nhs-notify-web-template-management-utils';
 import { getTemplate } from '@utils/form-actions';
@@ -19,6 +21,7 @@ describe('ViewSubmittedSMSTemplatePage', () => {
   beforeEach(jest.resetAllMocks);
 
   it('should load page', async () => {
+    generateMetadata();
     const templateDTO = {
       id: 'template-id',
       templateType: 'SMS',
diff --git a/frontend/src/app/edit-email-template/[templateId]/page.tsx b/frontend/src/app/edit-email-template/[templateId]/page.tsx
@@ -5,6 +5,16 @@ import {
 } from 'nhs-notify-web-template-management-utils';
 import { getTemplate } from '@utils/form-actions';
 import { redirect, RedirectType } from 'next/navigation';
+import { Metadata } from 'next';
+import content from '@content/content';
+
+const { editPageTitle } = content.components.templateFormEmail;
+
+export async function generateMetadata(): Promise<Metadata> {
+  return {
+    title: editPageTitle,
+  };
+}
 
 const CreateEmailTemplatePage = async (props: PageProps) => {
   const { templateId } = await props.params;
diff --git a/frontend/src/app/edit-nhs-app-template/[templateId]/page.tsx b/frontend/src/app/edit-nhs-app-template/[templateId]/page.tsx
@@ -10,11 +10,11 @@ import { getTemplate } from '@utils/form-actions';
 import { redirect, RedirectType } from 'next/navigation';
 import content from '@content/content';
 
-const { pageTitle } = content.components.templateFormNhsApp;
+const { editPageTitle } = content.components.templateFormNhsApp;
 
 export async function generateMetadata(): Promise<Metadata> {
   return {
-    title: pageTitle,
+    title: editPageTitle,
   };
 }
 
diff --git a/frontend/src/app/edit-text-message-template/[templateId]/page.tsx b/frontend/src/app/edit-text-message-template/[templateId]/page.tsx
@@ -7,6 +7,16 @@ import {
 } from 'nhs-notify-web-template-management-utils';
 import { getTemplate } from '@utils/form-actions';
 import { redirect, RedirectType } from 'next/navigation';
+import { Metadata } from 'next';
+import content from '@content/content';
+
+const { editPageTitle } = content.components.templateFormSms;
+
+export async function generateMetadata(): Promise<Metadata> {
+  return {
+    title: editPageTitle,
+  };
+}
 
 const CreateSmsTemplatePage = async (props: PageProps) => {
   const { templateId } = await props.params;
diff --git a/frontend/src/app/manage-templates/page.tsx b/frontend/src/app/manage-templates/page.tsx
@@ -3,6 +3,7 @@ import { NHSNotifyMain } from '@atoms/NHSNotifyMain/NHSNotifyMain';
 import content from '@content/content';
 import { ManageTemplates } from '@molecules/ManageTemplates/ManageTemplates';
 import { getTemplates } from '@utils/form-actions';
+import { Metadata } from 'next';
 
 // Note: force this page to be dynamically rendered
 // This is because Next defaults this page as a static rendered page
@@ -13,6 +14,12 @@ export const dynamic = 'force-dynamic';
 
 const manageTemplatesContent = content.pages.manageTemplates;
 
+export async function generateMetadata(): Promise<Metadata> {
+  return {
+    title: manageTemplatesContent.pageTitle,
+  };
+}
+
 export default async function ManageTemplatesPage() {
   const availableTemplateList = await getTemplates();
 
diff --git a/frontend/src/app/view-submitted-email-template/[templateId]/page.tsx b/frontend/src/app/view-submitted-email-template/[templateId]/page.tsx
@@ -7,6 +7,16 @@ import {
 import { getTemplate } from '@utils/form-actions';
 import { redirect, RedirectType } from 'next/navigation';
 import { ViewEmailTemplate } from '@molecules/ViewEmailTemplate/ViewEmailTemplate';
+import { Metadata } from 'next';
+import content from '@content/content';
+
+const { pageTitle } = content.components.previewEmailTemplate;
+
+export async function generateMetadata(): Promise<Metadata> {
+  return {
+    title: pageTitle,
+  };
+}
 
 const ViewSubmittedEmailTemplatePage = async (props: PageProps) => {
   const { templateId } = await props.params;
diff --git a/frontend/src/app/view-submitted-nhs-app-template/[templateId]/page.tsx b/frontend/src/app/view-submitted-nhs-app-template/[templateId]/page.tsx
@@ -7,6 +7,16 @@ import {
 import { getTemplate } from '@utils/form-actions';
 import { redirect, RedirectType } from 'next/navigation';
 import { ViewNHSAppTemplate } from '@molecules/ViewNHSAppTemplate/ViewNHSAppTemplate';
+import { Metadata } from 'next';
+import content from '@content/content';
+
+const { pageTitle } = content.components.previewNHSAppTemplate;
+
+export async function generateMetadata(): Promise<Metadata> {
+  return {
+    title: pageTitle,
+  };
+}
 
 const ViewSubmittedNHSAppTemplatePage = async (props: PageProps) => {
   const { templateId } = await props.params;
diff --git a/frontend/src/app/view-submitted-text-message-template/[templateId]/page.tsx b/frontend/src/app/view-submitted-text-message-template/[templateId]/page.tsx
@@ -7,6 +7,16 @@ import {
 import { getTemplate } from '@utils/form-actions';
 import { redirect, RedirectType } from 'next/navigation';
 import { ViewSMSTemplate } from '@molecules/ViewSMSTemplate/ViewSMSTemplate';
+import { Metadata } from 'next';
+import content from '@content/content';
+
+const { pageTitle } = content.components.previewSMSTemplate;
+
+export async function generateMetadata(): Promise<Metadata> {
+  return {
+    title: pageTitle,
+  };
+}
 
 const ViewSubmittedSMSTemplatePage = async (props: PageProps) => {
   const { templateId } = await props.params;
diff --git a/frontend/src/content/content.ts b/frontend/src/content/content.ts
@@ -199,6 +199,7 @@ const homePage = {
 };
 
 const manageTemplates = {
+  pageTitle: generatePageTitle('Message templates'),
   pageHeading: 'Message templates',
   emptyTemplates: 'You do not have any templates yet.',
   listOfTemplates: 'List of templates',
@@ -440,6 +441,7 @@ const channelGuidance = {
 
 const templateFormNhsApp = {
   pageTitle: generatePageTitle('Create NHS App message template'),
+  editPageTitle: generatePageTitle('Edit NHS App message template'),
   pageHeadingSuffix: 'NHS App message template',
   errorHeading: 'There is a problem',
   templateNameLabelText: 'Template name',
@@ -452,6 +454,7 @@ const templateFormNhsApp = {
 
 const templateFormEmail = {
   pageTitle: generatePageTitle('Create email template'),
+  editPageTitle: generatePageTitle('Edit email template'),
   pageHeadingSuffix: 'email template',
   errorHeading: 'There is a problem',
   templateNameLabelText: 'Template name',
@@ -464,6 +467,7 @@ const templateFormEmail = {
 
 const templateFormSms = {
   pageTitle: generatePageTitle('Create text message template'),
+  editPageTitle: generatePageTitle('Edit text message template'),
   pageHeadingSuffix: 'text message template',
   errorHeading: 'There is a problem',
   templateNameLabelText: 'Template name',
