Extended framework to support visibility validation functional tests

Jenkinsfile_CNP

@@ -43,6 +43,9 @@ withPipeline(type, product, component) {
     if (githubApi.getLabelsbyPattern(env.BRANCH_NAME, "enable_content_validation").size() > 0) {
       env.ENABLE_CONTENT_VALIDATION = 'true'
     }
+    if (githubApi.getLabelsbyPattern(env.BRANCH_NAME, "enable_visibility_validation").size() > 0) {
+      env.ENABLE_VISIBILITY_VALIDATION = 'true'
+    }
     if (githubApi.getLabelsbyPattern(env.BRANCH_NAME, "enable_error_messages_validation").size() > 0) {
       env.ENABLE_ERROR_MESSAGES_VALIDATION = 'true'
     }

playwright.config.ts

@@ -15,11 +15,13 @@ export const waitForPageRedirectionTimeout = SHORT_TIMEOUT;
 const enable_all_page_functional_tests = process.env.ENABLE_ALL_PAGE_FUNCTIONAL_TESTS || 'false';
 if (enable_all_page_functional_tests.toLowerCase() === 'true') {
   process.env.ENABLE_CONTENT_VALIDATION = 'true';
+  process.env.ENABLE_VISIBILITY_VALIDATION = 'true';
   process.env.ENABLE_ERROR_MESSAGES_VALIDATION = 'true';
   process.env.ENABLE_NAVIGATION_TESTS = 'true';
 }
 
 export const enable_content_validation = process.env.ENABLE_CONTENT_VALIDATION || 'false';
+export const enable_visibility_validation = process.env.ENABLE_VISIBILITY_VALIDATION || 'false';
 export const enable_error_message_validation = process.env.ENABLE_ERROR_MESSAGES_VALIDATION || 'false';
 export const enable_navigation_tests = process.env.ENABLE_NAVIGATION_TESTS || 'false';
 export const enable_axe_audit = process.env.ENABLE_AXE_AUDIT || 'true';

src/test/ui/config/urlToFileMapping.config.ts

@@ -5,7 +5,7 @@ export default {
   'page-not-found': 'pageNotFound',
   'defendant-name-capture': 'defendantNameCapture',
   'defendant-name-confirmation': 'defendantNameConfirmation',
-  'date-of-birth': 'dateOfBirth',
+  'defendant-date-of-birth': 'defendantDateOfBirth',
   'contact-preferences-telephone': 'contactPreferencesTelephone',
   'contact-preferences-text-message': 'contactPreferencesTextMessage',
   'dispute-claim-interstitial': 'disputeClaimInterstitial',

src/test/ui/data/page-data/dateOfBirth.page.data.ts → src/test/ui/data/page-data/defendantDateOfBirth.page.data.ts

@@ -12,10 +12,10 @@ function getRandomDateOfBirth() {
 
 const randomDOB = getRandomDateOfBirth();
 
-export const dateOfBirth = {
+export const defendantDateOfBirth = {
   mainHeader: `What’s your date of birth? (Optional)`,
   respondToClaimParagraph: `Respond to a property possession claim`,
-  forExampleParagraph: `For example, 27 9 2022`,
+  forExampleParagraph: `For example, 31 3 1980`,
   dayTextLabel: `Day`,
   monthTextLabel: `Month`,
   yearTextLabel: `Year`,
@@ -26,5 +26,5 @@ export const dateOfBirth = {
   saveAndContinueButton: `Save and continue`,
   saveForLaterButton: `Save for later`,
   feedbackLink: `feedback (opens in new tab)`,
-  pageSlug: `date-of-birth`,
+  pageSlug: `defendant-date-of-birth`,
 };

src/test/ui/data/page-data/exceptionalHardship.page.data.ts

@@ -11,7 +11,7 @@ export const exceptionalHardship = {
   lostJobOrBeenMadeRedundantList: `lost your job or been made redundant`,
   experiencedBereavementOrLongTermIllnessList: `experienced a bereavement or long-term illness`,
   beenDeclaredBankruptList: `been declared bankrupt`,
-  wouldYouExperienceExceptionalHardshipParagraph: `Would you experience exceptional hardship if you had to leave your home?`,
+  wouldYouExperienceExceptionalHardshipParagraph: `Would you experience exceptional hardship if you were asked to leave your home?`,
   detailsTextInput: `mention Exceptional hardship here`,
   saveAndContinueButton: `Save and continue`,
   saveForLaterButton: `Save for later`,

src/test/ui/data/page-data/index.ts

@@ -3,7 +3,7 @@ export * from './startNow.page.data';
 export * from './disputeClaimInterstitial.page.data';
 export * from './freeLegalAdvice.page.data';
 export * from './defendantNameCapture.page.data';
-export * from './dateOfBirth.page.data';
+export * from './defendantDateOfBirth.page.data';
 export * from './correspondenceAddress.page.data';
 export * from './tenancyTypeDetails.page.data';
 export * from './landlordRegistered.page.data';

src/test/ui/data/page-data/nonRentArrearsDispute.page.data.ts

@@ -3,13 +3,15 @@ import { generateRandomString } from '../../utils/common/string.utils';
 export const nonRentArrearsDispute = {
   mainHeader: `Disputing other parts of the claim`,
   partOfClaimParagraph: `You should`,
-  toSeeIfParagraph: `to see if there’s any other parts of the claim that are incorrect or you disagree with.`,
+  // Need to fix this as part of HDPI-5786
+  //toSeeIfParagraph: `to see if there’s any other parts of the claim that are incorrect or you disagree with.`,
   viewTheClaimLink: `view the claim (opens in new tab)`,
   titleGovServiceHiddenNewTab: `GOV.UK - The best place to find government services and information`,
   thisIncludesParagraph: `This includes:`,
   groundsForPossessionList: `${process.env.CLAIMANT_NAME}’s grounds for possession (their reasons for making the claim)`,
-  anyDocumentsList: `any documents they’ve uploaded to support their claim`,
-  anyOtherList: `any other information they’ve given as part of their claim`,
+  // Need to fix this as part of HDPI-5786
+  //anyDocumentsList: `any documents they’ve uploaded to support their claim`,
+  //anyOtherList: `any other information they’ve given as part of their claim`,
   doYouWantToDisputeQuestion: `Do you want to dispute any other parts of the claim?`,
   explainPartOfClaimHiddenTextLabel: `Explain which parts of the claim you do not agree with`,
   explainClaimTextInput: `Example - Do not agree with claim 1`,

src/test/ui/data/page-data/noticeDateWhenNotProvided.page.data.ts

@@ -1,10 +1,11 @@
-import { submitCaseApiData } from '../api-data';
+// import { submitCaseApiData } from '../api-data';
 
 export const noticeDateWhenNotProvided = {
   mainHeader: `Notice date`,
   respondToAPropertyPossessionParagraph: `Respond to a property possession claim`,
   backLink: `Back`,
-  didNotProvideNoticeLabel: `${submitCaseApiData.submitCasePayloadNoDefendants.overriddenClaimantName} did not provide the date they served you notice.`,
+  //Need to fix this as part of HDPI-5786
+  //didNotProvideNoticeLabel: `${submitCaseApiData.submitCasePayloadNoDefendants.overriddenClaimantName} did not provide the date they served you notice.`,
   getWhenDidYouReceiveNoticeQuestion: (claimantsName: string) =>
     `When did you receive notice from ${claimantsName} (optional)?`,
   exampleHintText: `For example, 27 9 2022. If you’re not sure of the exact date, you can find it on the notice`,

src/test/ui/data/page-data/tenancyDateDetails.page.data.ts

@@ -1,12 +1,13 @@
 import { submitCaseApiData } from '../api-data';
+import { submitCaseApiDataWales } from '../api-data/submitCaseWales.api.data';
 
 export const tenancyDateDetails = {
   mainHeader: `Tenancy, occupation contract or licence start date`,
   respondToAPropertyPossessionParagraph: `Respond to a property possession claim`,
   getDetailsGivenByParagraph: (claimantName: string): string => {
     return `Details given by ${claimantName}:`;
   },
-  yourTenancyOccupationContractOrLicenceDateList: `Your tenancy, occupation contract or licence began on ${convertDateFormatTenancyDate(submitCaseApiData.submitCasePayload.tenancy_TenancyLicenceDate)}`,
+  yourTenancyOccupationContractOrLicenceDateList: `Your tenancy, occupation contract or licence began on ${process.env.WALES_POSTCODE === 'YES' ? convertDateFormatTenancyDate(submitCaseApiDataWales.submitCasePayload.licenceStartDate) : convertDateFormatTenancyDate(submitCaseApiData.submitCasePayload.tenancy_TenancyLicenceDate)}`,
   isTheTenancyLicenceOrOccupationContractQuestion: `Is the tenancy, licence or occupation contract start date correct?`,
   backLink: `Back`,
   yesRadioOption: `Yes`,

src/test/ui/e2eTest/respondToAClaim.spec.ts

@@ -9,7 +9,7 @@ import {
   contactPreferencesTextMessage,
   correspondenceAddress,
   counterClaim,
-  dateOfBirth,
+  defendantDateOfBirth,
   defendantNameCapture,
   defendantNameConfirmation,
   doAnyOtherAdultsLiveInYourHome,
@@ -174,9 +174,9 @@ test.describe('Respond to a claim - e2e Journey @nightly', async () => {
       lName: defendantNameCapture.lastNameTextInput,
     });
     await performAction('enterDateOfBirthDetails', {
-      dobDay: dateOfBirth.dayInputText,
-      dobMonth: dateOfBirth.monthInputText,
-      dobYear: dateOfBirth.yearInputText,
+      dobDay: defendantDateOfBirth.dayInputText,
+      dobMonth: defendantDateOfBirth.monthInputText,
+      dobYear: defendantDateOfBirth.yearInputText,
     });
     await performAction('selectCorrespondenceAddressUnKnown', {
       addressLine1: correspondenceAddress.walesAddressLine1TextInput,
@@ -264,9 +264,9 @@ test.describe('Respond to a claim - e2e Journey @nightly', async () => {
       lName: defendantNameCapture.lastNameTextInput,
     });
     await performAction('enterDateOfBirthDetails', {
-      dobDay: dateOfBirth.dayInputText,
-      dobMonth: dateOfBirth.monthInputText,
-      dobYear: dateOfBirth.yearInputText,
+      dobDay: defendantDateOfBirth.dayInputText,
+      dobMonth: defendantDateOfBirth.monthInputText,
+      dobYear: defendantDateOfBirth.yearInputText,
     });
     await performAction('selectCorrespondenceAddressUnKnown', {
       addressLine1: correspondenceAddress.walesAddressLine1TextInput,
@@ -428,9 +428,9 @@ test.describe('Respond to a claim - e2e Journey @nightly', async () => {
       lName: defendantNameCapture.lastNameTextInput,
     });
     await performAction('enterDateOfBirthDetails', {
-      dobDay: dateOfBirth.dayInputText,
-      dobMonth: dateOfBirth.monthInputText,
-      dobYear: dateOfBirth.yearInputText,
+      dobDay: defendantDateOfBirth.dayInputText,
+      dobMonth: defendantDateOfBirth.monthInputText,
+      dobYear: defendantDateOfBirth.yearInputText,
     });
     await performAction('selectCorrespondenceAddressUnKnown', {
       addressLine1: correspondenceAddress.walesAddressLine1TextInput,
@@ -511,9 +511,9 @@ test.describe('Respond to a claim - e2e Journey @nightly', async () => {
       lName: defendantNameCapture.lastNameTextInput,
     });
     await performAction('enterDateOfBirthDetails', {
-      dobDay: dateOfBirth.dayInputText,
-      dobMonth: dateOfBirth.monthInputText,
-      dobYear: dateOfBirth.yearInputText,
+      dobDay: defendantDateOfBirth.dayInputText,
+      dobMonth: defendantDateOfBirth.monthInputText,
+      dobYear: defendantDateOfBirth.yearInputText,
     });
     await performAction('selectCorrespondenceAddressUnKnown', {
       addressLine1: correspondenceAddress.walesAddressLine1TextInput,
@@ -590,9 +590,9 @@ test.describe('Respond to a claim - e2e Journey @nightly', async () => {
       lName: defendantNameConfirmation.lastNameInputText,
     });
     await performAction('enterDateOfBirthDetails', {
-      dobDay: dateOfBirth.dayInputText,
-      dobMonth: dateOfBirth.monthInputText,
-      dobYear: dateOfBirth.yearInputText,
+      dobDay: defendantDateOfBirth.dayInputText,
+      dobMonth: defendantDateOfBirth.monthInputText,
+      dobYear: defendantDateOfBirth.yearInputText,
     });
     await performAction('selectCorrespondenceAddressKnown', {
       radioOption: correspondenceAddress.yesRadioOption,
@@ -666,9 +666,9 @@ test.describe('Respond to a claim - e2e Journey @nightly', async () => {
       option: defendantNameConfirmation.yesRadioOption,
     });
     await performAction('enterDateOfBirthDetails', {
-      dobDay: dateOfBirth.dayInputText,
-      dobMonth: dateOfBirth.monthInputText,
-      dobYear: dateOfBirth.yearInputText,
+      dobDay: defendantDateOfBirth.dayInputText,
+      dobMonth: defendantDateOfBirth.monthInputText,
+      dobYear: defendantDateOfBirth.yearInputText,
     });
     await performAction('selectCorrespondenceAddressKnown', {
       radioOption: correspondenceAddress.yesRadioOption,
@@ -748,9 +748,9 @@ test.describe('Respond to a claim - e2e Journey @nightly', async () => {
       option: defendantNameConfirmation.yesRadioOption,
     });
     await performAction('enterDateOfBirthDetails', {
-      dobDay: dateOfBirth.dayInputText,
-      dobMonth: dateOfBirth.monthInputText,
-      dobYear: dateOfBirth.yearInputText,
+      dobDay: defendantDateOfBirth.dayInputText,
+      dobMonth: defendantDateOfBirth.monthInputText,
+      dobYear: defendantDateOfBirth.yearInputText,
     });
     await performAction('selectCorrespondenceAddressKnown', {
       radioOption: correspondenceAddress.yesRadioOption,
@@ -834,9 +834,9 @@ test.describe('Respond to a claim - e2e Journey @nightly', async () => {
       option: defendantNameConfirmation.yesRadioOption,
     });
     await performAction('enterDateOfBirthDetails', {
-      dobDay: dateOfBirth.dayInputText,
-      dobMonth: dateOfBirth.monthInputText,
-      dobYear: dateOfBirth.yearInputText,
+      dobDay: defendantDateOfBirth.dayInputText,
+      dobMonth: defendantDateOfBirth.monthInputText,
+      dobYear: defendantDateOfBirth.yearInputText,
     });
     await performAction('selectCorrespondenceAddressKnown', {
       radioOption: correspondenceAddress.yesRadioOption,

src/test/ui/e2eTest/respondToClaimWales.spec.ts

@@ -9,7 +9,7 @@ import {
   contactPreferencesTextMessage,
   correspondenceAddress,
   counterClaim,
-  dateOfBirth,
+  defendantDateOfBirth,
   defendantNameCapture,
   doAnyOtherAdultsLiveInYourHome,
   doYouHaveAnyDependantChildren,
@@ -32,11 +32,13 @@ import {
 import { finaliseAllValidations, initializeExecutor, performAction, performValidation } from '../utils/controller';
 
 const home_url = config.get('e2e.testUrl') as string;
+let claimantName: string;
 
 test.beforeEach(async ({ page }) => {
   initializeExecutor(page);
   process.env.WALES_POSTCODE = 'YES';
   process.env.CLAIMANT_NAME = submitCaseApiDataWales.submitCasePayload.claimantName;
+  claimantName = process.env.CLAIMANT_NAME;
   await performAction('createCaseAPI', { data: createCaseApiWalesData.createCasePayload });
   await performAction('submitCaseAPI', { data: submitCaseApiDataWales.submitCasePayload });
   await performAction('fetchPINsAPI');
@@ -60,9 +62,9 @@ test.describe('Respond to a claim - e2e Journey @nightly', async () => {
       lName: defendantNameCapture.lastNameTextInput,
     });
     await performAction('enterDateOfBirthDetails', {
-      dobDay: dateOfBirth.dayInputText,
-      dobMonth: dateOfBirth.monthInputText,
-      dobYear: dateOfBirth.yearInputText,
+      dobDay: defendantDateOfBirth.dayInputText,
+      dobMonth: defendantDateOfBirth.monthInputText,
+      dobYear: defendantDateOfBirth.yearInputText,
     });
     await performAction('selectCorrespondenceAddressUnKnown', {
       addressLine1: correspondenceAddress.walesAddressLine1TextInput,
@@ -108,7 +110,7 @@ test.describe('Respond to a claim - e2e Journey @nightly', async () => {
     await performAction('clickButton', counterClaim.saveAndContinueButton);
     await performAction('readPaymentInterstitial');
     await performAction('repaymentsMade', {
-      question: repaymentsMade.mainHeader,
+      question: repaymentsMade.getmainHeader(claimantName),
       repaymentOption: repaymentsMade.noRadioOption,
     });
     await performAction('repaymentsAgreed', {

src/test/ui/functional/correspondenceAddress.pft.ts

@@ -1,4 +1,4 @@
-import { correspondenceAddress, dashboard, dateOfBirth } from '../data/page-data';
+import { correspondenceAddress, dashboard, defendantDateOfBirth } from '../data/page-data';
 import { performAction, performValidation, performValidations } from '../utils/controller';
 
 export async function correspondenceAddressErrorValidation(): Promise<void> {
@@ -82,7 +82,7 @@ export async function correspondenceAddressErrorValidation(): Promise<void> {
 }
 
 export async function correspondenceAddressNavigationTests(): Promise<void> {
-  await performValidation('pageNavigation', correspondenceAddress.backLink, dateOfBirth.mainHeader);
+  await performValidation('pageNavigation', correspondenceAddress.backLink, defendantDateOfBirth.mainHeader);
   await performAction('clickRadioButton', correspondenceAddress.yesRadioOption);
   await performValidation('pageNavigation', correspondenceAddress.saveForLaterButton, dashboard.mainHeader);
 }

src/test/ui/functional/correspondenceAddress.spec.ts

@@ -5,7 +5,7 @@ import { createCaseApiData, submitCaseApiData } from '../data/api-data';
 import {
   correspondenceAddress,
   dashboard,
-  dateOfBirth,
+  defendantDateOfBirth,
   defendantNameConfirmation,
   freeLegalAdvice,
   startNow,
@@ -49,9 +49,9 @@ test.describe('Correspondence Address - functional test @nightly', async () => {
       option: defendantNameConfirmation.yesRadioOption,
     });
     await performAction('enterDateOfBirthDetails', {
-      dobDay: dateOfBirth.dayInputText,
-      dobMonth: dateOfBirth.monthInputText,
-      dobYear: dateOfBirth.yearInputText,
+      dobDay: defendantDateOfBirth.dayInputText,
+      dobMonth: defendantDateOfBirth.monthInputText,
+      dobYear: defendantDateOfBirth.yearInputText,
     });
     await performAction('clickButton', correspondenceAddress.saveAndContinueButton);
     await performAction('inputErrorValidation', {

src/test/ui/functional/defendantDateOfBirth.pft.ts

@@ -0,0 +1,12 @@
+import { dashboard, defendantDateOfBirth, feedback } from '../data/page-data';
+import { performValidation } from '../utils/controller';
+
+export async function defendantDateOfBirthNavigationTests(): Promise<void> {
+  await performValidation('pageNavigation', defendantDateOfBirth.feedbackLink, {
+    element: feedback.tellUsWhatYouThinkParagraph,
+    pageSlug: defendantDateOfBirth.pageSlug,
+  });
+  //This has to be fixed as it depends on the test case journey HDPI-5786
+  // await performValidation('pageNavigation', defendantDateOfBirth.backLink, defendantNameCapture.mainHeader);
+  await performValidation('pageNavigation', defendantDateOfBirth.saveForLaterButton, dashboard.mainHeader);
+}