CCM-11496: playwright tests wip

Author: harrim91

frontend/src/app/message-plans/move-to-production/[routingConfigId]/__snapshots__/page.test.tsx.snap

@@ -41,6 +41,7 @@ exports[`matches snapshot 1`] = `
                 class="nhsuk-table__cell"
               >
                 <a
+                  data-testid="preview-link"
                   href="/message-plans/preview-message-plan/routing-config-id"
                 >
                   Preview
@@ -148,6 +149,7 @@ exports[`matches snapshot 1`] = `
             <a
               aria-disabled="false"
               class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-left-3"
+              data-testid="cancel-link"
               draggable="false"
               href="/templates/message-plans"
               role="button"

frontend/src/app/message-plans/move-to-production/[routingConfigId]/page.tsx

@@ -42,7 +42,10 @@ export default async function MoveMessagePlanToProductionPage({
                 <th className='nhsuk-table__cell'>Name</th>
                 <td className='nhsuk-table__cell'>{routingConfig.name}</td>
                 <td className='nhsuk-table__cell'>
-                  <Link href={pageContent.previewLink.href(routingConfigId)}>
+                  <Link
+                    href={pageContent.previewLink.href(routingConfigId)}
+                    data-testid='preview-link'
+                  >
                     {pageContent.previewLink.text}
                   </Link>
                 </td>
@@ -76,6 +79,7 @@ export default async function MoveMessagePlanToProductionPage({
                 secondary
                 href={pageContent.cancel.href}
                 className='nhsuk-u-margin-left-3'
+                data-testid='cancel-link'
               >
                 {pageContent.cancel.text}
               </NHSNotifyButton>

tests/test-team/pages/routing/move-to-production-page.ts

@@ -0,0 +1,20 @@
+import type { Locator, Page } from '@playwright/test';
+import { TemplateMgmtBasePageDynamic } from 'pages/template-mgmt-base-page-dynamic';
+
+export class RoutingMoveToProductionPage extends TemplateMgmtBasePageDynamic {
+  static readonly pageUrlSegment = 'message-plans/move-to-production';
+
+  public readonly previewLink: Locator;
+
+  public readonly submitButton: Locator;
+
+  public readonly cancelLink: Locator;
+
+  constructor(page: Page) {
+    super(page);
+
+    this.previewLink = page.getByTestId('preview-link');
+    this.submitButton = page.getByTestId('submit-button');
+    this.cancelLink = page.getByTestId('cancel-link');
+  }
+}

tests/test-team/template-mgmt-component-tests/template-protected-routes.component.spec.ts

@@ -39,6 +39,7 @@ import { RoutingMessagePlanCampaignIdRequiredPage } from '../pages/routing/campa
 import { RoutingMessagePlansPage } from '../pages/routing/message-plans-page';
 import { RoutingChooseTemplatesPage } from 'pages/routing/choose-templates-page';
 import { RoutingInvalidMessagePlanPage } from 'pages/routing/invalid-message-plan-page';
+import { RoutingMoveToProductionPage } from 'pages/routing/move-to-production-page';
 
 // Reset storage state for this file to avoid being authenticated
 test.use({ storageState: { cookies: [], origins: [] } });
@@ -50,6 +51,7 @@ const protectedPages = [
   RoutingInvalidMessagePlanPage,
   RoutingMessagePlanCampaignIdRequiredPage,
   RoutingMessagePlansPage,
+  RoutingMoveToProductionPage,
   TemplateMgmtChoosePage,
   TemplateMgmtCopyPage,
   TemplateMgmtCreateEmailPage,

tests/test-team/template-mgmt-routing-component-tests/move-to-production-page.routing-component.spec.ts

@@ -0,0 +1,117 @@
+import { test, expect } from '@playwright/test';
+import {
+  createAuthHelper,
+  TestUser,
+  testUsers,
+} from 'helpers/auth/cognito-auth-helper';
+import { RoutingConfigStorageHelper } from 'helpers/db/routing-config-storage-helper';
+import { RoutingConfigFactory } from 'helpers/factories/routing-config-factory';
+import {
+  assertFooterLinks,
+  assertHeaderLogoLink,
+  assertSignOutLink,
+  assertSkipToMainContent,
+} from 'helpers/template-mgmt-common.steps';
+import { RoutingMoveToProductionPage } from 'pages/routing/move-to-production-page';
+
+const storageHelper = new RoutingConfigStorageHelper();
+
+let user: TestUser;
+
+test.beforeAll(async () => {
+  const authHelper = createAuthHelper();
+  user = await authHelper.getTestUser(testUsers.User1.userId);
+});
+
+test.afterAll(async () => {
+  await storageHelper.deleteSeeded();
+});
+
+test.describe('Create Message Plan Page', () => {
+  test('common page tests', async ({ page, baseURL }) => {
+    const routingConfig =
+      RoutingConfigFactory.create(user).withTemplates('NHSAPP');
+
+    await storageHelper.seed([routingConfig.dbEntry]);
+
+    const props = {
+      page: new RoutingMoveToProductionPage(page),
+      id: routingConfig.dbEntry.id,
+      baseURL,
+    };
+
+    await assertSkipToMainContent(props);
+    await assertHeaderLogoLink(props);
+    await assertFooterLinks(props);
+    await assertSignOutLink(props);
+  });
+
+  test('moves the message plan to production and redirects to list page', async ({
+    baseURL,
+    page,
+  }) => {
+    const routingConfig =
+      RoutingConfigFactory.create(user).withTemplates('NHSAPP');
+
+    storageHelper.seed([routingConfig.dbEntry]);
+
+    const moveToProductionPage = new RoutingMoveToProductionPage(page);
+
+    await moveToProductionPage.loadPage(routingConfig.dbEntry.id);
+
+    await expect(page).toHaveURL(
+      `${baseURL}/templates/message-plans/move-to-production/${routingConfig.dbEntry.id}`
+    );
+
+    await moveToProductionPage.submitButton.click();
+
+    await expect(page).toHaveURL(`${baseURL}/templates/message-plans`);
+    // TODO: CCM-11496 - assert status
+  });
+
+  test('links to preview page for the message plan', async ({
+    baseURL,
+    page,
+  }) => {
+    const routingConfig =
+      RoutingConfigFactory.create(user).withTemplates('NHSAPP');
+
+    storageHelper.seed([routingConfig.dbEntry]);
+
+    const moveToProductionPage = new RoutingMoveToProductionPage(page);
+
+    await moveToProductionPage.loadPage(routingConfig.dbEntry.id);
+
+    await expect(page).toHaveURL(
+      `${baseURL}/templates/message-plans/move-to-production/${routingConfig.dbEntry.id}`
+    );
+
+    await moveToProductionPage.previewLink.click();
+
+    await expect(page).toHaveURL(
+      `${baseURL}/templates/message-plans/preview-message-plan/${routingConfig.dbEntry.id}`
+    );
+  });
+
+  test('cancel button links to the message plan list page', async ({
+    baseURL,
+    page,
+  }) => {
+    const routingConfig =
+      RoutingConfigFactory.create(user).withTemplates('NHSAPP');
+
+    storageHelper.seed([routingConfig.dbEntry]);
+
+    const moveToProductionPage = new RoutingMoveToProductionPage(page);
+
+    await moveToProductionPage.loadPage(routingConfig.dbEntry.id);
+
+    await expect(page).toHaveURL(
+      `${baseURL}/templates/message-plans/move-to-production/${routingConfig.dbEntry.id}`
+    );
+
+    await moveToProductionPage.cancelLink.click();
+
+    await expect(page).toHaveURL(`${baseURL}/templates/message-plans`);
+  });
+});