Add SMS component tests

Author: chris-elliott-nhsd

src/app/preview-text-message-template/[sessionId]/page.tsx

@@ -7,8 +7,8 @@ import { ReviewSMSTemplate } from '@forms/ReviewSMSTemplate';
 
 const isValid = (session?: Session) =>
   session?.templateType === TemplateType.SMS &&
-  session?.smsTemplateMessage !== undefined &&
-  session?.smsTemplateName !== undefined;
+  Boolean(session?.smsTemplateName) &&
+  Boolean(session?.smsTemplateMessage);
 
 const PreviewSMSTemplatePage = async ({ params: { sessionId } }: PageProps) => {
   const session = await getSession(sessionId);

src/app/submit-text-message-template/[sessionId]/page.tsx

@@ -7,8 +7,8 @@ import { getSession } from '@utils/form-actions';
 
 const isValid = (session?: Session) =>
   session?.templateType === TemplateType.SMS &&
-  session?.smsTemplateMessage !== undefined &&
-  session?.smsTemplateName !== undefined;
+  Boolean(session?.smsTemplateName) &&
+  Boolean(session?.smsTemplateMessage);
 
 const SubmitSmsTemplatePage = async ({ params: { sessionId } }: PageProps) => {
   const session = await getSession(sessionId);

tests/test-team/helpers/session-factory.ts

@@ -8,6 +8,13 @@ export const SessionFactory = {
     });
   },
 
+  createSmsSession: (id: string): Session => {
+    return SessionFactory.create({
+      id,
+      templateType: TemplateType.SMS,
+    });
+  },
+
   create: ({
     id,
     templateType,

tests/test-team/helpers/template-factory.ts

@@ -1,18 +1,11 @@
-import { Template, TemplateType } from './types';
+import { Template } from './types';
 
 type BaseTemplateFields = Omit<
   Template,
   'version' | '__typename' | 'createdAt' | 'updatedAt'
 >;
 
 export const TemplateFactory = {
-  createEmailTemplate: (props: Omit<BaseTemplateFields, 'type'>): Template => {
-    return TemplateFactory.create({
-      ...props,
-      type: TemplateType.EMAIL,
-    });
-  },
-
   create: (props: BaseTemplateFields): Template => {
     return {
       ...props,

tests/test-team/pages/sms/template-mgmt-create-sms-page.ts

@@ -0,0 +1,37 @@
+import { Locator, Page } from '@playwright/test';
+import { TemplateMgmtBasePage } from '../template-mgmt-base-page';
+import { TemplateMgmtMessageFormatting } from '../template-mgmt-message-formatting';
+
+export class TemplateMgmtCreateSmsPage extends TemplateMgmtBasePage {
+  public readonly nameInput: Locator;
+
+  public readonly messageTextArea: Locator;
+
+  public readonly errorSummary: Locator;
+
+  public readonly personalisationFields: Locator;
+
+  public readonly namingYourTemplate: Locator;
+
+  public readonly messageFormatting: TemplateMgmtMessageFormatting;
+
+  constructor(page: Page) {
+    super(page);
+    this.nameInput = page.locator('[id="smsTemplateName"]');
+    this.messageTextArea = page.locator('[id="smsTemplateMessage"]');
+    this.errorSummary = page.locator('[class="nhsuk-error-summary"]');
+    this.personalisationFields = page.locator(
+      '[data-testid="personalisation-details"]'
+    );
+    this.namingYourTemplate = page.locator(
+      '[data-testid="how-to-name-your-template"]'
+    );
+    this.messageFormatting = new TemplateMgmtMessageFormatting(page);
+  }
+
+  async loadPage(sessionId: string) {
+    await this.navigateTo(
+      `/templates/create-text-message-template/${sessionId}`
+    );
+  }
+}

tests/test-team/pages/sms/template-mgmt-preview-sms-page.ts

@@ -0,0 +1,30 @@
+import { Locator, Page } from '@playwright/test';
+import { TemplateMgmtBasePage } from '../template-mgmt-base-page';
+
+export class TemplateMgmtPreviewSmsPage extends TemplateMgmtBasePage {
+  public readonly editRadioOption: Locator;
+
+  public readonly submitRadioOption: Locator;
+
+  public readonly errorSummary: Locator;
+
+  public readonly messageText: Locator;
+
+  constructor(page: Page) {
+    super(page);
+    this.editRadioOption = page.locator(
+      '[id="reviewSMSTemplateAction-sms-edit"]'
+    );
+    this.submitRadioOption = page.locator(
+      '[id="reviewSMSTemplateAction-sms-submit"]'
+    );
+    this.errorSummary = page.locator('[class="nhsuk-error-summary"]');
+    this.messageText = page.locator('[id="preview-content-message"]');
+  }
+
+  async loadPage(sessionId: string) {
+    await this.navigateTo(
+      `/templates/preview-text-message-template/${sessionId}`
+    );
+  }
+}

…email/template-mgmt-submit-email-page.ts …-team/pages/template-mgmt-submit-page.tstests/test-team/pages/email/template-mgmt-submit-email-page.ts renamed to tests/test-team/pages/template-mgmt-submit-page.ts tests/test-team/pages/email/template-mgmt-submit-email-page.ts renamed to tests/test-team/pages/template-mgmt-submit-page.ts

@@ -1,18 +1,23 @@
 import { Locator, Page } from '@playwright/test';
-import { TemplateMgmtBasePage } from '../template-mgmt-base-page';
+import { TemplateMgmtBasePage } from './template-mgmt-base-page';
 
-export class TemplateMgmtSubmitEmailPage extends TemplateMgmtBasePage {
+export class TemplateMgmtSubmitPage extends TemplateMgmtBasePage {
   public readonly submitButton: Locator;
 
-  constructor(page: Page) {
+  constructor(
+    page: Page,
+    private readonly channelIdentifier: string
+  ) {
     super(page);
     this.submitButton = page
       .locator('[id="submit-template-button"]')
       .and(page.getByRole('button'));
   }
 
   async loadPage(sessionId: string) {
-    await this.navigateTo(`/templates/submit-email-template/${sessionId}`);
+    await this.navigateTo(
+      `/templates/submit-${this.channelIdentifier}-template/${sessionId}`
+    );
   }
 
   async clickSubmitTemplateButton() {

tests/test-team/pages/template-mgmt-template-submitted-page.ts

@@ -8,7 +8,10 @@ export class TemplateMgmtTemplateSubmittedPage extends TemplateMgmtBasePage {
 
   public readonly createAnotherTemplateLink: Locator;
 
-  constructor(page: Page) {
+  constructor(
+    page: Page,
+    private readonly channelIdentifier: string
+  ) {
     super(page);
     this.templateIdText = page.locator('[id="template-id"]');
     this.templateNameText = page.locator('[id="template-name"]');
@@ -22,6 +25,8 @@ export class TemplateMgmtTemplateSubmittedPage extends TemplateMgmtBasePage {
   }
 
   async loadPage(templateId: string) {
-    await this.navigateTo(`/templates/email-template-submitted/${templateId}`);
+    await this.navigateTo(
+      `/templates/${this.channelIdentifier}-template-submitted/${templateId}`
+    );
   }
 }

tests/test-team/template-mgmt-component-tests/email/template-mgmt-create-email-page.component.ts

@@ -14,7 +14,7 @@ const sessions = {
   empty: SessionFactory.createEmailSession('empty-email-session'),
   submit: SessionFactory.createEmailSession('submit-email-session'),
   submitAndReturn: SessionFactory.createEmailSession(
-    'submit-and-return-session'
+    'submit-and-return-create-email-session'
   ),
   goBackAndReturn: SessionFactory.createEmailSession('go-back-email-session'),
   noEmailTemplateType: SessionFactory.create({