Skip to content

Commit

Permalink
Improve tests for Frontend
Browse files Browse the repository at this point in the history 
This updates the tests to use methods more idomatic to Playwright and
also adds extra tests to cover all routes handled by this application.
  • Loading branch information
@theseanything
theseanything committed Aug 5, 2024
1 parent 5eb4c23 commit 3a302f6
Showing 1 changed file with 127 additions and 42 deletions.
169 changes: 127 additions & 42 deletions tests/frontend.spec.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,77 +2,162 @@ import { expect } from "@playwright/test";
import { test } from "../lib/cachebust-test";

test.describe("Frontend", { tags: ["@app-frontend"] }, () => {
test("Check homepage loads", { tags: ["@worksonmirror"] }, async ({ page }) => {
test("homepage", { tags: ["@worksonmirror"] }, async ({ page }) => {
await page.goto("/");
await expect(page).toHaveTitle(/Welcome to GOV.UK/);
await expect(
page.getByRole("heading", { name: "GOV.UK - The best place to find government services and information" })
).toBeVisible();
});

test("Check help page loads", { tags: ["@worksonmirror"] }, async ({ page }) => {
test("help page", { tags: ["@worksonmirror"] }, async ({ page }) => {
await page.goto("/help");
await expect(page.locator("body")).toContainText("Help using GOV.UK");
await expect(page.getByRole("heading", { name: "Help using GOV.UK" })).toBeVisible();
});

test("Check a/b page loads", async ({ page }) => {
test("a/b page", async ({ page }) => {
await page.goto("/help/ab-testing");
await expect(page.locator("body")).toContainText("This is a test page");
await expect(page.getByRole("heading", { name: "This is a test page" })).toBeVisible();
});

test("Check the frontend can talk to Licensing", async ({ page }) => {
await page.goto("/find-licences/busking-licence");
await expect(page.locator("body")).toContainText("Busking licence");
await page.getByLabel("Enter a postcode").fill("E20 2ST");
await page.getByRole("button", { name: "Find" }).click();
await expect(page.locator("body")).toContainText("Busking licence");
test("cookies", async ({ page, context }) => {
await page.goto("/help/cookies");
await expect(page.getByRole("heading", { name: "Cookies on GOV.UK" })).toBeVisible();
let cookies = await context.cookies();
expect(cookies.find((c) => c.name == "cookies_policy").value).toBe(
'{"essential":true,"settings":false,"usage":false,"campaigns":false}'
);
await page.getByText("Use cookies that measure my website use", { exact: true }).click();
await page.getByRole("button", { name: "Save changes" }).click();
await page.reload();
cookies = await context.cookies();
expect(cookies.find((c) => c.name == "cookies_policy").value).toBe(
'{"essential":true,"settings":false,"usage":true,"campaigns":false}'
);
await page.getByText("Use cookies that help with communications and marketing", { exact: true }).click();
await page.getByRole("button", { name: "Save changes" }).click();
await page.reload();
cookies = await context.cookies();
expect(cookies.find((c) => c.name == "cookies_policy").value).toBe(
'{"essential":true,"settings":false,"usage":true,"campaigns":true}'
);
await page.getByText("Use cookies that remember my settings on the site", { exact: true }).click();
await page.getByRole("button", { name: "Save changes" }).click();
await page.reload();
cookies = await context.cookies();
expect(cookies.find((c) => c.name == "cookies_policy").value).toBe(
'{"essential":true,"settings":true,"usage":true,"campaigns":true}'
);
});

test(
"Check the frontend can talk to Asset Manager with media path",
{ tags: ["@worksonmirror"] },
async ({ page }) => {
await page.goto("/media/5a7b9f8ced915d4147621960/passport-impact-indicat.csv/preview");
await expect(page.locator("body")).toContainText("Passport impact indicators - CSV version");
}
);
test("roadmap", async ({ page }) => {
await page.goto("/roadmap");
await expect(page.getByRole("heading", { name: "GOV.UK roadmap" })).toBeVisible();
});

test("Check find your local council", async ({ page }) => {
test("contact electoral registration office", async ({ page }) => {
await page.goto("/contact-electoral-registration-office");
await expect(page.getByRole("heading", { name: "Contact your Electoral Registration Office" })).toBeVisible();
await page.getByLabel("Enter a postcode").fill("WV14 8TU");
await page.getByRole("button", { name: "Find" }).click();
await page.getByLabel("Select an address").selectOption("3 BRIERLEY LANE, BILSTON");
await page.getByRole("button", { name: "Continue" }).click();
await expect(page.getByText("Dudley Metropolitan Borough Council", { exact: true })).toBeVisible();
await expect(page.getByText("Electoral Services Dudley")).toBeVisible();
});

test("find your local council", async ({ page }) => {
await page.goto("/find-local-council");
await expect(page.locator("body")).toContainText("Find your local council");
await expect(page.getByRole("heading", { name: "Find your local council" })).toBeVisible();
await page.getByLabel("Enter a postcode").fill("WV14 8TU");
await page.getByRole("button", { name: "Find" }).click();
await page.getByLabel("Select an address").selectOption("3, BRIERLEY LANE, BILSTON, WV14 8TU");
await page.getByRole("button", { name: "Continue" }).click();
await expect(page.locator("body")).toContainText("Dudley Metropolitan Borough Council");
await expect(page.getByText("Dudley Metropolitan Borough Council", { exact: true })).toBeVisible();
await expect(page.getByRole("button", { name: "Go to Dudley Metropolitan" })).toBeVisible();
});

test("Check the frontend can talk to Locations API and Local Links Manager API", async ({ page }) => {
await page.goto("/pay-council-tax");
await expect(page.locator("body")).toContainText("Pay your Council Tax");
await page.getByLabel("Enter a postcode").fill("WC2B 6NH");
test("foreign travel advice index", { tags: ["@worksonmirror"] }, async ({ page }) => {
await page.goto("/foreign-travel-advice");
await expect(page.getByRole("heading", { name: "Foreign travel advice" })).toBeVisible();
await expect(page.getByRole("link", { name: "Afghanistan" })).toBeVisible();
await expect(page.getByRole("link", { name: "Zimbabwe" })).toBeVisible();
await page.getByRole("textbox", { label: /Search for a country/ }).pressSequentially("USA");
await expect(page.getByRole("link", { name: "USA" })).toBeVisible();
await expect(page.getByRole("link", { name: "Afghanistan" })).toBeHidden();
await expect(page.getByRole("link", { name: "Zimbabwe" })).toBeHidden();
});

test("signin", { tags: ["@worksonmirror"] }, async ({ page }) => {
await page.goto("/sign-in");
await expect(page.getByRole("heading", { name: "Sign in to a service" })).toBeVisible();
});

test("find a licence", async ({ page }) => {
await page.goto("/find-licences/busking-licence");
await expect(page.getByRole("heading", { name: "Busking licence" })).toBeVisible();
await page.getByLabel("Enter a postcode").fill("E20 2ST");
await page.getByRole("button", { name: "Find" }).click();
await expect(page.locator("body")).toContainText("Camden");
await page.getByText("WEST HAM UNITED FOOTBALL CLUB").check();
await page.getByRole("button", { name: "Continue" }).click();
await expect(page.getByText("You cannot apply for this licence online.")).toBeVisible();
});

test("Check the frontend can talk to Elections API", async ({ page }) => {
await page.goto("/contact-electoral-registration-office");
await expect(page.locator("body")).toContainText("Electoral Registration Office");
await page.goto("/contact-electoral-registration-office?postcode=sw1a+1aa");
await expect(page.locator("body")).toContainText("Get help with electoral registration");
await page.goto("/contact-electoral-registration-office?postcode=WV148TU");
await expect(page.locator("body")).toContainText("Choose your address");
test("simple smart answer", async ({ page }) => {
await page.goto("/contact-the-dvla");
await expect(page.getByRole("heading", { name: "Contact DVLA" })).toBeVisible();
await page.getByRole("button", { name: "Find contact details" }).click();
await page.getByText("Something else").check();
await page.getByRole("button", { name: "Next step" }).click();
await page.getByText("Complaints").check();
await page.getByRole("button", { name: "Next step" }).click();
await expect(page.getByRole("heading", { name: "Complaints", exact: true })).toBeVisible();
});

test("transaction start page", async ({ page }) => {
await page.goto("/register-to-vote");
await expect(page.getByRole("heading", { name: "Register to vote", exact: true })).toBeVisible();
await expect(page.getByRole("button", { name: "Start now" })).toBeVisible();
});

test("local transaction page", async ({ page }) => {
await page.goto("/pay-council-tax");
await expect(page.getByRole("heading", { name: "Pay your Council Tax" })).toBeVisible();
await page.getByLabel("Enter a postcode").fill("WC2B 6NH");
await page.getByRole("button", { name: "Find" }).click();
await expect(page.getByText("London Borough of Camden", { exact: true })).toBeVisible();
});

test("Check the frontend can talk to Places Manager", async ({ page }) => {
test("place page", async ({ page }) => {
await page.goto("/ukonline-centre-internet-access-computer-training");
await expect(page.locator("body")).toContainText("Online Centres Network");
await expect(page.getByRole("heading", { name: "Online Centres Network" })).toBeVisible();
await page.getByLabel("Enter a postcode").fill("WC2B 6NH");
await page.getByRole("button", { name: "Find" }).click();
await expect(page.locator("body")).toContainText("Holborn Library");
await expect(page.getByRole("heading", { name: "Holborn Library" })).toBeVisible();
});

test("Check the travel advice index page loads", { tags: ["@worksonmirror"] }, async ({ page }) => {
await page.goto("/foreign-travel-advice");
await expect(page.locator("body")).toContainText("Foreign travel advice");
await expect(page.locator("body")).toContainText("Afghanistan");
await expect(page.locator("body")).toContainText("Luxembourg");
test("csv previews for assets", { tags: ["@worksonmirror"] }, async ({ page }) => {
await page.goto("/media/5a7b9f8ced915d4147621960/passport-impact-indicat.csv/preview");
await expect(page.getByRole("heading", { name: "Passport impact indicators - CSV version" })).toBeVisible();
});

test("bank holidays", { tags: ["@worksonmirror"] }, async ({ page }) => {
await page.goto("/bank-holidays");
await expect(page.getByRole("heading", { name: "UK bank holidays" })).toBeVisible();
await expect(page.getByRole("heading", { name: "The next bank holiday in England and Wales" })).toBeVisible();
await page.getByRole("tab", { name: "Scotland" }).click();
await expect(page.getByRole("heading", { name: "The next bank holiday in Scotland" })).toBeVisible();
await page.getByRole("tab", { name: "Northern Ireland" }).click();
await expect(page.getByRole("heading", { name: "The next bank holiday in Northern Ireland" })).toBeVisible();
});

test("welsh translated bank holidays", { tags: ["@worksonmirror"] }, async ({ page }) => {
await page.goto("/gwyliau-banc");
await expect(page.getByRole("heading", { name: "Gwyliau banc y DU" })).toBeVisible();
await expect(page.getByRole("heading", { name: "Yr ŵyl banc nesaf yng Nghymru a Lloegr yw" })).toBeVisible();
await page.getByRole("tab", { name: "yr Alban" }).click();
await expect(page.getByRole("heading", { name: "Yr ŵyl banc nesaf yn yr Alban yw" })).toBeVisible();
await page.getByRole("tab", { name: "Gogledd Iwerddon" }).click();
await expect(page.getByRole("heading", { name: "Yr ŵyl banc nesaf yng Ngogledd Iwerddon yw" })).toBeVisible();
});
});

0 comments on commit 3a302f6

Please sign in to comment.