test(browser): extend automation coverage

This commit is contained in:
Peter Steinberger
2026-01-12 18:42:25 +00:00
parent 5baba5f84e
commit 523f91758d
3 changed files with 118 additions and 10 deletions

View File

@@ -3,7 +3,16 @@ import { describe, expect, it, vi } from "vitest";
import { ensurePageState, refLocator } from "./pw-session.js";
function fakePage(): Page {
function fakePage(): {
page: Page;
handlers: Map<string, Array<(...args: unknown[]) => void>>;
mocks: {
on: ReturnType<typeof vi.fn>;
getByRole: ReturnType<typeof vi.fn>;
frameLocator: ReturnType<typeof vi.fn>;
locator: ReturnType<typeof vi.fn>;
};
} {
const handlers = new Map<string, Array<(...args: unknown[]) => void>>();
const on = vi.fn((event: string, cb: (...args: unknown[]) => void) => {
const list = handlers.get(event) ?? [];
@@ -17,37 +26,82 @@ function fakePage(): Page {
}));
const locator = vi.fn(() => ({ nth: vi.fn(() => ({ ok: true })) }));
return {
const page = {
on,
getByRole,
frameLocator,
locator,
} as unknown as Page;
return { page, handlers, mocks: { on, getByRole, frameLocator, locator } };
}
describe("pw-session refLocator", () => {
it("uses frameLocator for role refs when snapshot was scoped to a frame", () => {
const page = fakePage();
const { page, mocks } = fakePage();
const state = ensurePageState(page);
state.roleRefs = { e1: { role: "button", name: "OK" } };
state.roleRefsFrameSelector = "iframe#main";
refLocator(page, "e1");
expect(
page.frameLocator as unknown as ReturnType<typeof vi.fn>,
).toHaveBeenCalledWith("iframe#main");
expect(mocks.frameLocator).toHaveBeenCalledWith("iframe#main");
});
it("uses page getByRole for role refs by default", () => {
const page = fakePage();
const { page, mocks } = fakePage();
const state = ensurePageState(page);
state.roleRefs = { e1: { role: "button", name: "OK" } };
refLocator(page, "e1");
expect(
page.getByRole as unknown as ReturnType<typeof vi.fn>,
).toHaveBeenCalled();
expect(mocks.getByRole).toHaveBeenCalled();
});
});
describe("pw-session ensurePageState", () => {
it("tracks page errors and network requests (best-effort)", () => {
const { page, handlers } = fakePage();
const state = ensurePageState(page);
const req = {
method: () => "GET",
url: () => "https://example.com/api",
resourceType: () => "xhr",
failure: () => ({ errorText: "net::ERR_FAILED" }),
} as unknown as import("playwright-core").Request;
const resp = {
request: () => req,
status: () => 500,
ok: () => false,
} as unknown as import("playwright-core").Response;
handlers.get("request")?.[0]?.(req);
handlers.get("response")?.[0]?.(resp);
handlers.get("requestfailed")?.[0]?.(req);
handlers.get("pageerror")?.[0]?.(new Error("boom"));
expect(state.errors.at(-1)?.message).toBe("boom");
expect(state.requests.at(-1)).toMatchObject({
method: "GET",
url: "https://example.com/api",
resourceType: "xhr",
status: 500,
ok: false,
failureText: "net::ERR_FAILED",
});
});
it("drops state on page close", () => {
const { page, handlers } = fakePage();
const state1 = ensurePageState(page);
handlers.get("close")?.[0]?.();
const state2 = ensurePageState(page);
expect(state2).not.toBe(state1);
expect(state2.console).toEqual([]);
expect(state2.errors).toEqual([]);
expect(state2.requests).toEqual([]);
});
});