Add extra tests

Author: chris-elliott-nhsd

src/components/forms/CreateSmsTemplate/CreateSmsTemplate.tsx

@@ -77,7 +77,7 @@ export const CreateSmsTemplate: FC<PageComponentProps> = ({ initialState }) => {
             errorProps={{ id: 'smsTemplateMessage-error-message' }}
           />
           <div style={useJsEnabledStyle()} id='smsMessageCharacterCount'>
-            <p className='nhsuk-u-margin-bottom-0'>
+            <p className='nhsuk-u-margin-bottom-0' id='character-count'>
               {smsTemplateMessage.length} characters
             </p>
             <p>

src/components/molecules/TemplateSubmitted/TemplateSubmitted.tsx

@@ -52,7 +52,10 @@ export const TemplateSubmitted = ({
         <p>{notLiveText}</p>
         <h3>{liveHeading}</h3>
         <p>
-          <Link href='https://nhsdigitallive.service-now.com/nhs_digital?id=sc_cat_item&sys_id=6208dbce1be759102eee65b9bd4bcbf5'>
+          <Link
+            id='servicenow-link'
+            href='https://nhsdigitallive.service-now.com/nhs_digital?id=sc_cat_item&sys_id=6208dbce1be759102eee65b9bd4bcbf5'
+          >
             {liveLinkText}
           </Link>{' '}
           {liveText}

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

@@ -13,6 +13,10 @@ export class TemplateMgmtCreateSmsPage extends TemplateMgmtBasePage {
 
   public readonly namingYourTemplate: Locator;
 
+  public readonly pricingLink: Locator;
+
+  public readonly characterCountText: Locator;
+
   public readonly messageFormatting: TemplateMgmtMessageFormatting;
 
   constructor(page: Page) {
@@ -26,6 +30,8 @@ export class TemplateMgmtCreateSmsPage extends TemplateMgmtBasePage {
     this.namingYourTemplate = page.locator(
       '[data-testid="how-to-name-your-template"]'
     );
+    this.pricingLink = page.locator('[data-testid="sms-pricing-link"]');
+    this.characterCountText = page.locator('[id="character-count"]');
     this.messageFormatting = new TemplateMgmtMessageFormatting(page);
   }
 

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

@@ -10,6 +10,8 @@ export class TemplateMgmtPreviewSmsPage extends TemplateMgmtBasePage {
 
   public readonly messageText: Locator;
 
+  public readonly whoYourSmsWillBeSentFrom: Locator;
+
   constructor(page: Page) {
     super(page);
     this.editRadioOption = page.locator(
@@ -20,6 +22,9 @@ export class TemplateMgmtPreviewSmsPage extends TemplateMgmtBasePage {
     );
     this.errorSummary = page.locator('[class="nhsuk-error-summary"]');
     this.messageText = page.locator('[id="preview-content-message"]');
+    this.whoYourSmsWillBeSentFrom = page.locator(
+      '[data-testid="preview-message-details"]'
+    );
   }
 
   async loadPage(sessionId: string) {

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

@@ -8,6 +8,8 @@ export class TemplateMgmtTemplateSubmittedPage extends TemplateMgmtBasePage {
 
   public readonly createAnotherTemplateLink: Locator;
 
+  public readonly serviceNowLink: Locator;
+
   constructor(
     page: Page,
     private readonly channelIdentifier: string
@@ -18,6 +20,7 @@ export class TemplateMgmtTemplateSubmittedPage extends TemplateMgmtBasePage {
     this.createAnotherTemplateLink = page.locator(
       '[id="create-another-template"]'
     );
+    this.serviceNowLink = page.locator('[id="servicenow-link"]');
   }
 
   async clickCreateAnotherTemplateLink() {

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

@@ -56,6 +56,11 @@ test.describe('Create SMS message template Page', () => {
     expect(await createSmsTemplatePage.pageHeader.textContent()).toBe(
       'Create text message template'
     );
+
+    await expect(createSmsTemplatePage.pricingLink).toHaveAttribute(
+      'href',
+      '/pricing/text-messages'
+    );
   });
 
   test.describe('Page functionality', () => {
@@ -91,6 +96,26 @@ test.describe('Create SMS message template Page', () => {
       );
     });
 
+    test('character count', async ({ page }) => {
+      const createSmsTemplatePage = new TemplateMgmtCreateSmsPage(page);
+
+      await createSmsTemplatePage.loadPage(sessions.submit.id);
+
+      await createSmsTemplatePage.nameInput.fill('template-name');
+
+      await createSmsTemplatePage.messageTextArea.fill('a'.repeat(100));
+
+      await expect(createSmsTemplatePage.characterCountText).toHaveText(
+        '100 characters'
+      );
+
+      await createSmsTemplatePage.messageTextArea.fill('a'.repeat(1000));
+
+      await expect(createSmsTemplatePage.characterCountText).toHaveText(
+        '918 characters'
+      );
+    });
+
     test('when user clicks "Go back" and returns, then form fields retain previous data', async ({
       baseURL,
       page,

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

@@ -44,6 +44,10 @@ test.describe('Preview SMS message template Page', () => {
       `${baseURL}/templates/preview-text-message-template/${sessions.valid.id}`
     );
 
+    await expect(previewSmsTemplatePage.editRadioOption).not.toBeChecked();
+
+    await expect(previewSmsTemplatePage.submitRadioOption).not.toBeChecked();
+
     await expect(previewSmsTemplatePage.pageHeader).toContainText(
       'Text message template'
     );
@@ -75,6 +79,22 @@ test.describe('Preview SMS message template Page', () => {
       });
     });
 
+    test('when user clicks "Who your text message will be sent from" tool tips, then tool tips are displayed', async ({
+      page,
+    }) => {
+      const previewSmsTemplatePage = new TemplateMgmtPreviewSmsPage(page);
+
+      await previewSmsTemplatePage.loadPage(sessions.valid.id);
+
+      await previewSmsTemplatePage.whoYourSmsWillBeSentFrom.click({
+        position: { x: 0, y: 0 },
+      });
+
+      await expect(
+        previewSmsTemplatePage.whoYourSmsWillBeSentFrom
+      ).toHaveAttribute('open');
+    });
+
     test('when user submits form with "Edit" data, then the "Create text message template" page is displayed', async ({
       baseURL,
       page,

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

@@ -72,6 +72,11 @@ test.describe('Submit Email message template Page', () => {
       await expect(templateSubmittedPage.templateIdText).toHaveText(
         templates[channelIdentifier].id
       );
+
+      await expect(templateSubmittedPage.serviceNowLink).toHaveAttribute(
+        'href',
+        'https://nhsdigitallive.service-now.com/nhs_digital?id=sc_cat_item&sys_id=6208dbce1be759102eee65b9bd4bcbf5'
+      );
     });
 
     test.describe('Page functionality', () => {