add in error checks and other stuff

Author: NHAL22

tests/POM.spec.ts

@@ -57,6 +57,8 @@ test(`Page object model for Calculate Holiday Entitlement for a full leave year
     const workOutHolidayPage: WorkOutHolidayPage = new WorkOutHolidayPage();
     await workOutHolidayPage.checkPageLoads(page);
     await workOutHolidayPage.continueOn(page);
+    const answersPage: AnswersPage = new AnswersPage();
+    await answersPage.checkPageLoadsFirstScenario(page);
 });
 
 test(`Calculate Holiday Entitlement for someone starting and leaving part way through a leave year with shifts and other options`, async ({ page }): Promise<void> => {
@@ -91,8 +93,36 @@ test(`Calculate Holiday Entitlement for someone starting and leaving part way th
     const daysInTheShiftPatternPage: daysInTheShiftPatternPage = new DaysInTheShiftPatternPage();
     await daysInTheShiftPatternPage.checkPageLoads(page);
     await daysInTheShiftPatternPage.continueOn(page);
+    const answersPage: AnswersPage = new AnswersPage();
+    await answersPage.checkPageLoadsSecondScenario(page);
+});
+
+test(`Page object model unhappy path for scenario 2`, async ({ page }): Promise<void> => {
+    const landingPage: LandingPage = new LandingPage();
+    await landingPage.checkPageLoads(page);
+    await landingPage.continueOn(page);
+    const irregularHoursPage: IrregularHoursPage = new IrregularHoursPage();
+    await irregularHoursPage.checkPageLoads(page);
+    await irregularHoursPage.selectYes(page);
+    await irregularHoursPage.continueOn(page);
+    const leaveYearStartPage = new LeaveYearStartPage();
+    await leaveYearStartPage.checkPageLoads(page);
+    await leaveYearStartPage.continueOn(page);
+    const entitlementBasedOnPage: HolidayEntitlementPage = new HolidayEntitlementPage();
+    await entitlementBasedOnPage.checkPageLoads(page);
+    await entitlementBasedOnPage.continueOnWithShifts(page);
+    const calculateHolidayPage: calculateHolidayPage = new CalculateHolidayPage();
+    await calculateHolidayPage.checkPageLoads(page);
+    await calculateHolidayPage.continueOnWithLastOption(page);
+    const employmentStartDatePage: employmentStartDatePage = new EmploymentStartDatePage();
+    await employmentStartDatePage.checkPageLoads(page);
+    await employmentStartDatePage.continueOn(page);
+    const employmentEndDatePage: employmentEndDatePage = new EmploymentEndDate();
+    await employmentEndDatePage.checkPageLoads(page);
+    await employmentEndDatePage.triggerErrorMessages(page);
 });
 
+
 test(`Page object model unhappy path`, async ({ page }): Promise<void> => {
     const landingPage: LandingPage = new LandingPage();
     await landingPage.checkPageLoads(page);

tests/content/answersFirstScenario_content.ts

@@ -0,0 +1,6 @@
+const answersFirstScenario_content = {
+    pageTitle: "Information based on your answers",
+    divText: "The statutory holiday entitlement is 5.6 weeks holiday.",
+} as const;
+
+export default answersFirstScenario_content

tests/content/answersSecondScenario_content.ts

@@ -0,0 +1,6 @@
+const answersSecondScenario_content = {
+    pageTitle: "Information based on your answers",
+    divText: "The statutory holiday entitlement is 27.47 shifts for the year. Each shift being 10.0 hours.",
+} as const;
+
+export default answersSecondScenario_content

tests/content/employmentEndDate_content.ts

@@ -1,5 +1,7 @@
 const employmentEndDate_content = {
-    pageTitle: "What was the employment end date?"
+    pageTitle: "What was the employment end date?",
+    errorBanner: "There is a problem",
+    errorMessage: "Your end date can not be before your start date of 01 January 2024.",
 } as const;
 
 export default employmentEndDate_content;

tests/pages/answersPage.ts

@@ -1,15 +1,21 @@
 import { Page } from 'playwright';
 import {expect} from "@playwright/test";
 import answers_content from "../content/answers_content";
+import answersFirstScenario_content from "../content/answersFirstScenario_content";
 import axeTest from "../accessibilityTestHelper";
+import answersSecondScenario_content from "../content/answersSecondScenario_content";
 
 class AnswersPage {
     private readonly title: string;
     private readonly text: string;
+    private readonly textFirstScenario: string;
+    private readonly testSecondScenario: string;
 
     constructor() {
         this.title = `.govuk-heading-xl`
         this.text = `.summary`
+        this.textFirstScenario = `.gem-c-govspeak`
+        this.testSecondScenario = `.summary`
     }
 
     async checkPageLoads(page: Page): Promise<void> {
@@ -20,5 +26,23 @@ class AnswersPage {
         ]);
         await axeTest(page);
     }
+
+    async checkPageLoadsFirstScenario(page: Page): Promise<void> {
+        // Check elements of the page
+        await Promise.all([
+            expect(page.locator(this.title)).toContainText(answersFirstScenario_content.pageTitle),
+            expect(page.locator(this.textFirstScenario)).toContainText(answersFirstScenario_content.divText),
+        ]);
+        await axeTest(page);
+    }
+
+    async checkPageLoadsSecondScenario(page: Page): Promise<void> {
+        // Check elements of the page
+        await Promise.all([
+            expect(page.locator(this.title)).toContainText(answersSecondScenario_content.pageTitle),
+            expect(page.locator(this.testSecondScenario)).toContainText(answersSecondScenario_content.divText),
+        ]);
+        await axeTest(page);
+    }
 }
 export default AnswersPage;

tests/pages/employmentEndDatePage.ts

@@ -2,19 +2,25 @@ import { Page } from "playwright";
 import { expect } from "@playwright/test";
 import employmentEndDate_content from "../content/employmentEndDate_content";
 import axeTest from "../accessibilityTestHelper";
+import irregularHours_content from "../content/irregularHours_content";
 
 class EmploymentEndDate {
     private readonly title: string;
     private readonly dayDate: string;
     private readonly monthDate: string;
     private readonly yearDate: string;
+    private readonly errorBanner: string;
+    private readonly errorMessage: string;
 
 
     constructor() {
         this.title = `.govuk-fieldset__heading`;
         this.dayDate = `#response-0`; // The date input field
         this.monthDate = `#response-1`;
         this.yearDate = `#response-2`;
+        this.errorBanner = `.govuk-error-summary__title`;
+        this.errorMessage = `.govuk-error-summary__body`;
+
     }
 
     async checkPageLoads(page: Page): Promise<void> {
@@ -30,6 +36,17 @@ class EmploymentEndDate {
         await page.locator(this.yearDate).fill("2024");
         await page.getByRole("button", { name: "Continue" }).click();
     }
+
+    async triggerErrorMessages(page: Page): Promise<void> {
+        await page.locator(this.dayDate).fill("01");
+        await page.locator(this.monthDate).fill("01");
+        await page.locator(this.yearDate).fill("2024");
+        await page.getByRole("button", { name: "Continue" }).click();
+        await Promise.all([
+            expect(page.locator(this.errorBanner)).toHaveText(employmentEndDate_content.errorBanner),
+            expect(page.locator(this.errorMessage)).toContainText(employmentEndDate_content.errorMessage),
+        ]);
+    }
 }
 
 export default EmploymentEndDate;