75 lines
2.7 KiB
TypeScript
75 lines
2.7 KiB
TypeScript
import { describe, expect, it } from "vitest";
|
|
|
|
import {
|
|
buildRoleSnapshotFromAriaSnapshot,
|
|
getRoleSnapshotStats,
|
|
parseRoleRef,
|
|
} from "./pw-role-snapshot.js";
|
|
|
|
describe("pw-role-snapshot", () => {
|
|
it("adds refs for interactive elements", () => {
|
|
const aria = [
|
|
'- heading "Example" [level=1]',
|
|
"- paragraph: hello",
|
|
'- button "Submit"',
|
|
" - generic",
|
|
'- link "Learn more"',
|
|
].join("\n");
|
|
|
|
const res = buildRoleSnapshotFromAriaSnapshot(aria, { interactive: true });
|
|
expect(res.snapshot).toContain("[ref=e1]");
|
|
expect(res.snapshot).toContain("[ref=e2]");
|
|
expect(res.snapshot).toContain('- button "Submit" [ref=e1]');
|
|
expect(res.snapshot).toContain('- link "Learn more" [ref=e2]');
|
|
expect(Object.keys(res.refs)).toEqual(["e1", "e2"]);
|
|
expect(res.refs.e1).toMatchObject({ role: "button", name: "Submit" });
|
|
expect(res.refs.e2).toMatchObject({ role: "link", name: "Learn more" });
|
|
});
|
|
|
|
it("uses nth only when duplicates exist", () => {
|
|
const aria = ['- button "OK"', '- button "OK"', '- button "Cancel"'].join(
|
|
"\n",
|
|
);
|
|
const res = buildRoleSnapshotFromAriaSnapshot(aria);
|
|
expect(res.snapshot).toContain("[ref=e1]");
|
|
expect(res.snapshot).toContain("[ref=e2] [nth=1]");
|
|
expect(res.refs.e1?.nth).toBe(0);
|
|
expect(res.refs.e2?.nth).toBe(1);
|
|
expect(res.refs.e3?.nth).toBeUndefined();
|
|
});
|
|
it("respects maxDepth", () => {
|
|
const aria = ['- region "Main"', " - group", ' - button "Deep"'].join(
|
|
"\n",
|
|
);
|
|
const res = buildRoleSnapshotFromAriaSnapshot(aria, { maxDepth: 1 });
|
|
expect(res.snapshot).toContain('- region "Main"');
|
|
expect(res.snapshot).toContain(" - group");
|
|
expect(res.snapshot).not.toContain("button");
|
|
});
|
|
|
|
it("computes stats", () => {
|
|
const aria = ['- button "OK"', '- button "Cancel"'].join("\n");
|
|
const res = buildRoleSnapshotFromAriaSnapshot(aria);
|
|
const stats = getRoleSnapshotStats(res.snapshot, res.refs);
|
|
expect(stats.refs).toBe(2);
|
|
expect(stats.interactive).toBe(2);
|
|
expect(stats.lines).toBeGreaterThan(0);
|
|
expect(stats.chars).toBeGreaterThan(0);
|
|
});
|
|
|
|
it("returns a helpful message when no interactive elements exist", () => {
|
|
const aria = ['- heading "Hello"', "- paragraph: world"].join("\n");
|
|
const res = buildRoleSnapshotFromAriaSnapshot(aria, { interactive: true });
|
|
expect(res.snapshot).toBe("(no interactive elements)");
|
|
expect(Object.keys(res.refs)).toEqual([]);
|
|
});
|
|
|
|
it("parses role refs", () => {
|
|
expect(parseRoleRef("e12")).toBe("e12");
|
|
expect(parseRoleRef("@e12")).toBe("e12");
|
|
expect(parseRoleRef("ref=e12")).toBe("e12");
|
|
expect(parseRoleRef("12")).toBeNull();
|
|
expect(parseRoleRef("")).toBeNull();
|
|
});
|
|
});
|