Automation of hdpi 5244 (#1925)

Co-authored-by: SameenaHMCTS <sameena.javeed@hmcts.net>

Author: Ankita-Kumbhare

src/e2eTest/data/page-data/cancelPayment.page.data.ts

@@ -1,4 +1,5 @@
 export const cancelPayment = {
   mainHeader: `Your payment has been cancelled`,
-  continueButton: `Continue`
+  continueButton: `Continue`,
+  returnServiceReqLink: `Return to service request`
 }

src/e2eTest/data/page-data/history.page.data.ts

@@ -0,0 +1,6 @@
+export const history = {
+  title: `Create a case - HM Courts & Tribunals Service - GOV.UK`,
+  endStateTableHeader: `End state`,
+  pendingCaseIssuedTableHeader: `Pending Case Issued`,
+  caseIssuedTableHeader: `Case Issued`
+}

src/e2eTest/data/page-data/serviceRequest.page.data.ts

@@ -12,5 +12,9 @@ export const serviceRequest = {
   pbaReferenceInputText: `UniqueCaseIdentifier-Automation`,
   continueButton: `Continue`,
   confirmPaymentButton: `Confirm payment`,
-  paymentSuccessMainHeader: `Payment successful`
+  paymentSuccessMainHeader: `Payment successful`,
+  notPaidStatus: `Not paid`,
+  paidStatus: `Paid`,
+  returnToServiceRequestLink: `Return to service request`,
+  viewServiceRequestsLink: `View service requests`
 }

src/e2eTest/tests/CommonComponent/feeAndPay.spec.ts

@@ -8,7 +8,8 @@ import { expect, test } from '@utils/test-fixtures';
 import { createCaseApiData, submitCaseApiData } from '@data/api-data';
 import { getCaseTypeId } from '@utils/common/caseType.utils';
 import { VERY_LONG_TIMEOUT } from 'playwright.config';
-import { cancelPayment, confirmYourPayment, enterPaymentDetails, serviceRequest } from '@data/page-data';
+import { cancelPayment, caseSummary, confirmYourPayment, enterPaymentDetails, serviceRequest } from '@data/page-data';
+import { history } from '@data/page-data/history.page.data';
 
 test.beforeEach(async ({ page }) => {
   initializeExecutor(page);
@@ -42,6 +43,14 @@ test.describe('[Common Component Fee And Pay] @nightly @CC @caseFlags' , async (
       confirmButton: serviceRequest.confirmPaymentButton,
     });
     await performValidation('mainHeader', serviceRequest.paymentSuccessMainHeader);
+    await performAction('verifyStatusInHistoryAndSummaryTab', {
+      serviceReqLink: serviceRequest.viewServiceRequestsLink,
+      serviceReqTab: caseSummary.servieRequestTab,
+      historyTab: caseSummary.HistoryTab,
+      status: serviceRequest.paidStatus,
+      endState: history.endStateTableHeader,
+      historyStatus: history.caseIssuedTableHeader
+    });
   });
 
   test('Fee And Pay - Pay by Card @nightly @feeAndPay', async () => {
@@ -68,6 +77,14 @@ test.describe('[Common Component Fee And Pay] @nightly @CC @caseFlags' , async (
     await performValidation('mainHeader', confirmYourPayment.mainHeader);
     await performAction('clickButton', confirmYourPayment.confirmButton);
     await performValidation('mainHeader', serviceRequest.paymentSuccessMainHeader);
+    await performAction('verifyStatusInHistoryAndSummaryTab', {
+      serviceReqLink: serviceRequest.returnToServiceRequestLink,
+      serviceReqTab: caseSummary.servieRequestTab,
+      historyTab: caseSummary.HistoryTab,
+      status: serviceRequest.paidStatus,
+      endState: history.endStateTableHeader,
+      historyStatus: history.caseIssuedTableHeader
+    });
   });
 
   test('Fee And Pay - Cancel Payment from You Card Details Page @nightly @feeAndPay', async () => {
@@ -80,6 +97,15 @@ test.describe('[Common Component Fee And Pay] @nightly @CC @caseFlags' , async (
     await performValidation('mainHeader', enterPaymentDetails.mainHeader);
     await performAction('clickButton', enterPaymentDetails.cancelPaymentButton);
     await performValidation('mainHeader', cancelPayment.mainHeader);
+    await performAction('clickButton', cancelPayment.continueButton);
+    await performAction('verifyStatusInHistoryAndSummaryTab', {
+      serviceReqLink: cancelPayment.returnServiceReqLink,
+      serviceReqTab: caseSummary.servieRequestTab,
+      historyTab: caseSummary.HistoryTab,
+      status: serviceRequest.notPaidStatus,
+      endState: history.endStateTableHeader,
+      historyStatus: history.pendingCaseIssuedTableHeader
+    });
   });
 
   test('Fee And Pay - Cancel Payment from Confirm Card Details Page @nightly @feeAndPay', async () => {
@@ -106,5 +132,14 @@ test.describe('[Common Component Fee And Pay] @nightly @CC @caseFlags' , async (
     await performValidation('mainHeader', confirmYourPayment.mainHeader);
     await performAction('clickButton', confirmYourPayment.cancelPaymentButton);
     await performValidation('mainHeader', cancelPayment.mainHeader);
+    await performAction('clickButton', cancelPayment.continueButton);
+    await performAction('verifyStatusInHistoryAndSummaryTab', {
+      serviceReqLink: cancelPayment.returnServiceReqLink,
+      serviceReqTab: caseSummary.servieRequestTab,
+      historyTab: caseSummary.HistoryTab,
+      status: serviceRequest.notPaidStatus,
+      endState: history.endStateTableHeader,
+      historyStatus: history.pendingCaseIssuedTableHeader
+    });
   });
 });

src/e2eTest/utils/actions/custom-actions/commonComponent/feeAndPay.action.ts

@@ -11,6 +11,7 @@ export class FeeAndPayAction implements IAction {
       ['selectPaymentByCard', () => this.selectPaymentByCard(fieldName as actionRecord, page)],
       ['enterPaymentDetails', () => this.enterPaymentDetails(fieldName as actionRecord)],
       ['clickPayNowLink', () => this.clickPayNowLink(fieldName as actionRecord, page)],
+      ['verifyStatusInHistoryAndSummaryTab', () => this.verifyStatusInHistoryAndSummaryTab(fieldName as actionRecord, page)],
     ]);
     const actionToPerform = actionsMap.get(action);
     if (!actionToPerform) throw new Error(`No action found for '${action}'`);
@@ -96,4 +97,34 @@ export class FeeAndPayAction implements IAction {
       `${payNowText} link was not visible after maximum retries`
     );
   }
-}
+
+  private async verifyStatusInHistoryAndSummaryTab(statusDetails: actionRecord, page: Page) {
+    //Verify status only in AAT env as its NOT working in preview 
+    const currentUrl = process.env.MANAGE_CASE_BASE_URL;
+    console.log(process.env.MANAGE_CASE_BASE_URL);
+    if (currentUrl && currentUrl.includes('api-pr')) {
+      console.log('Verification steps skipped as this is NOT working in PREVIEW env. POFCC-229');
+    } else {
+      console.log('Verifying payment status');
+      await performAction('clickButton', statusDetails.serviceReqLink);
+      await performAction('clickTab', statusDetails.historyTab);
+      //Implementing retry login because POFCC-238
+      const maxRetries = 10;
+      let isStatusUpdated = false;
+      for (let retryCount = 0; retryCount < maxRetries; retryCount++) {
+        await page.reload();
+        const endStateElement = page.locator(`th:has-text("${String(statusDetails.endState)}") ~ td span.text-16`);
+        const actualText = (await endStateElement.textContent())?.trim();
+
+        if (actualText === String(statusDetails.historyStatus)) {
+          isStatusUpdated = true;
+          break;
+        }
+        await page.waitForTimeout(3000);
+      }
+      await performAction('clickTab', statusDetails.serviceReqTab);
+      const summaryStatusElement = page.locator(`text=${String(statusDetails.status)}`);
+      await expect(summaryStatusElement).toBeVisible();
+    }
+  }
+}

src/e2eTest/utils/registry/action.registry.ts

@@ -121,6 +121,7 @@ export class ActionRegistry {
     ['selectPaymentTypePBA', new FeeAndPayAction()],
     ['selectPaymentByCard', new FeeAndPayAction()],
     ['enterPaymentDetails', new FeeAndPayAction()],
+    ['verifyStatusInHistoryAndSummaryTab', new FeeAndPayAction()],
     ['clickPayNowLink', new FeeAndPayAction()],
     ['whereShouldThisFlagBeAdded', new CaseFlagAction()],
     ['selectFlagType', new CaseFlagAction()],