test: added tests for sort functionality on not raised exceptions page (#1428)

Author: Rabo2024

application/CohortManager/src/Web/app/components/sortExceptionsForm.tsx

@@ -38,6 +38,7 @@ export default function SortExceptionsForm({
             className="nhsuk-button app-button--small"
             data-module="nhsuk-button"
             type="submit"
+            data-testid="apply-button"
           >
             Apply
           </button>

application/CohortManager/src/Web/tests/features/notRaisedExceptionOverview.feature

@@ -33,3 +33,18 @@ Feature: testing Breast screening - Not raisedexception overview page
   Scenario: verify navigation to cookies screen
     And the user clicks on cookies link
     Then they should navigate to 'Cookies on Cohort Manager - Cohort Manager - NHS'
+
+  @epic_4a @req_6975 @test_9966
+  Scenario: verify sorting by with Date exception created (newest first)
+    When the user sorts the exception summary table by 'Date exception created (newest first)'
+    Then the exception summary table should be sorted by Date exception created in descending order
+
+  @epic_4a @req_6975 @test_9974
+  Scenario: verify sorting by with Date exception created (oldest first)
+    When the user sorts the exception summary table by 'Date exception created (oldest first)'
+    Then the exception summary table should be sorted by Date exception created in ascending order
+
+  @epic_4a @req_6975 @test_9968
+  Scenario: verify sorting by with unsupported sort option
+    When the user sorts with unsupported options by 'exception created (oldest first)'
+    Then the error message should thrown

application/CohortManager/src/Web/tests/features/pages/exceptionOverviewPage.ts

@@ -1,13 +1,13 @@
 import { expect, Locator, Page } from "@playwright/test";
 import BasePage from "./basePage";
-
-
 export class ExceptionOverviewPage extends BasePage {
   readonly page!: Page;
   readonly exceptionTable: Locator;
   readonly exceptiontableHeaders: Locator;
   readonly homepageLink: Locator;
   readonly exceptionIDLink: Locator;
+  readonly sortByDateExceptionCreated: Locator;
+  readonly applyButton: Locator;
 
   constructor(page: Page) {
     super(page)
@@ -17,6 +17,8 @@ export class ExceptionOverviewPage extends BasePage {
     this.homepageLink = page.getByRole('link', { name: 'Home', exact: true });
     this.exceptionIDLink = page.locator('[data-testid="exceptions-table"] tbody tr:first-child td:nth-child(1) a');
     //this.exceptionIDLink = page.locator('[data-testid="exceptions-table"] tbody tr:nth-child(2) td:nth-child(1) a');
+    this.sortByDateExceptionCreated = page.locator('[data-testid="sort-not-raised-exceptions"]');
+    this.applyButton = page.locator('[data-testid="apply-button"]');
   }
   async getTableHeaders(): Promise<string[]> {
     return this.page.$$eval('[data-testid="exceptions-table"] th', headers =>
@@ -39,11 +41,20 @@ export class ExceptionOverviewPage extends BasePage {
       // Optionally, check for clickable/sortable role
       const role = await headers.nth(i).getAttribute('role');
       expect(role).not.toBe('button');
-
     }
   }
   async clickOnexceptionID() {
     await this.clickElement(this.exceptionIDLink)
   }
+  async sortByDateExceptionCreatedDescending(optionText: string) {
+    // Adjust selector to match your sortable column header
+    await this.sortByDateExceptionCreated.selectOption({ label: optionText });
+    await this.applyButton.click();
+  }
+  async getDateExceptionCreatedColumn(): Promise<Date[]> {
+    // Adjust selector to match the correct column index for "Date exception created"
+    const dateCells = await this.page.locator('[data-testid="exceptions-table"] tbody tr td:nth-child(3)').allTextContents();
+    return dateCells.map(text => new Date(text.trim()));
+  }
 
 }

application/CohortManager/src/Web/tests/features/steps/exceptionoverviewSteps.ts

@@ -44,3 +44,43 @@ Given('the user navigate to not raised exception overview page', async ({ page }
   await page.waitForTimeout(3000);
 
 });
+When('the user sorts the exception summary table by {string}', async ({ page }, sortOption: string) => {
+  const exceptionOverviewPage = new ExceptionOverviewPage(page);
+  await exceptionOverviewPage.sortByDateExceptionCreatedDescending(sortOption);
+  await page.waitForTimeout(3000);
+});
+Then('the exception summary table should be sorted by Date exception created in descending order', async ({ page }) => {
+  const exceptionOverviewPage = new ExceptionOverviewPage(page);
+  const dates = await exceptionOverviewPage.getDateExceptionCreatedColumn();
+  const sorted = [...dates].sort((a, b) => b.getTime() - a.getTime());
+  expect(dates).toEqual(sorted);
+});
+Then('the exception summary table should be sorted by Date exception created in ascending order', async ({ page }) => {
+  const exceptionOverviewPage = new ExceptionOverviewPage(page);
+  const dates = await exceptionOverviewPage.getDateExceptionCreatedColumn();
+  const sorted = [...dates].sort((a, b) => a.getTime() - b.getTime());
+  expect(dates).toEqual(sorted);
+});
+// Use a WeakMap to store sort errors per context
+const sortErrorMap = new WeakMap();
+When('the user sorts with unsupported options by {string}', async ({ page }, sortOption: string) => {
+  const exceptionOverviewPage = new ExceptionOverviewPage(page);
+  try {
+    await Promise.race([
+      exceptionOverviewPage.sortByDateExceptionCreatedDescending(sortOption),
+      new Promise((_, reject) => setTimeout(() => reject(new Error('Custom timeout')), 3000))
+    ]);
+    sortErrorMap.set(page.context(), null);
+  } catch (error) {
+    sortErrorMap.set(page.context(), error);
+  }
+});
+Then('the error message should thrown', async ({ page }) => {
+  // Retrieve the error from the WeakMap for this context
+  const error = sortErrorMap.get(page.context());
+  expect(error).toBeDefined();
+  expect(
+    error.message.includes('did not find some options') ||
+    error.message.includes('Custom timeout')
+  ).toBe(true);
+});