37 lines
1.5 KiB
JavaScript
37 lines
1.5 KiB
JavaScript
import { test, expect } from "@playwright/test";
|
|
import AxeBuilder from "@axe-core/playwright";
|
|
|
|
test.describe("Services List block on /services/mapping/", () => {
|
|
test("renders the heading and image for each card", async ({ page }) => {
|
|
await page.goto("/services/mapping/");
|
|
|
|
const blocks = page.locator(".services-list");
|
|
await expect(blocks).toHaveCount(2);
|
|
|
|
await expect(blocks.nth(0).locator(".services-list__card")).toHaveCount(2);
|
|
await expect(blocks.nth(1).locator(".services-list__card")).toHaveCount(4);
|
|
|
|
await expect(blocks.nth(0)).toHaveClass(/lg:grid-cols-2/);
|
|
await expect(blocks.nth(1)).toHaveClass(/lg:grid-cols-4/);
|
|
|
|
const firstCard = blocks.nth(0).locator(".services-list__card").first();
|
|
await expect(firstCard.locator(".services-list__media img")).toBeVisible();
|
|
await expect(firstCard.locator(".services-list__heading")).toBeVisible();
|
|
});
|
|
|
|
test("bisecting line is present and aria-hidden", async ({ page }) => {
|
|
await page.goto("/services/mapping/");
|
|
const line = page.locator(".services-list__line").first();
|
|
await expect(line).toBeAttached();
|
|
await expect(line).toHaveAttribute("aria-hidden", "true");
|
|
});
|
|
|
|
test("no axe violations on the services-list block", async ({ page }) => {
|
|
await page.goto("/services/mapping/");
|
|
const results = await new AxeBuilder({ page })
|
|
.include(".services-list")
|
|
.analyze();
|
|
expect(results.violations).toEqual([]);
|
|
});
|
|
});
|