mirror of
https://github.com/maputnik/editor.git
synced 2026-07-08 15:07:30 +00:00
HarelM
ac9186e7f8
Make the driver page-lazy (it resolves the running test's page on demand via
an auto fixture) so it can be created a single time at describe scope and
reused across the block's tests, matching the pre-migration ergonomics:
const { given, get, when, then } = new MaputnikDriver();
instead of pulling `driver` out of a fixture and destructuring it in every
test. Coverage collection and dialog handling move into the auto fixture.
Also inject a bare invalid token ("zzz") in the json-editor parse-error test:
CodeMirror auto-closes brackets/quotes, so " {" no longer reliably breaks the
JSON.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
49 lines
1.6 KiB
TypeScript
49 lines
1.6 KiB
TypeScript
import { test } from "./fixtures";
|
|
import { MaputnikDriver } from "./maputnik-driver";
|
|
|
|
test.describe("accessibility", () => {
|
|
const { given, get, when, then } = new MaputnikDriver();
|
|
|
|
test.beforeEach(async () => {
|
|
await given.setupMockBackedResponses();
|
|
await when.setStyle("both");
|
|
});
|
|
|
|
test.describe("skip links", () => {
|
|
test.beforeEach(async () => {
|
|
await when.setStyle("layer");
|
|
});
|
|
|
|
test("skip link to layer list", async () => {
|
|
const selector = "root:skip:layer-list";
|
|
await then(get.elementByTestId(selector)).shouldExist();
|
|
await when.tab();
|
|
await then(get.elementByTestId(selector)).shouldBeFocused();
|
|
await when.click(selector);
|
|
await then(get.skipTargetLayerList()).shouldBeFocused();
|
|
});
|
|
|
|
test("skip link to layer editor", async () => {
|
|
const selector = "root:skip:layer-editor";
|
|
await then(get.elementByTestId(selector)).shouldExist();
|
|
await then(get.elementByTestId("skip-target-layer-editor")).shouldExist();
|
|
await when.tab();
|
|
await when.tab();
|
|
await then(get.elementByTestId(selector)).shouldBeFocused();
|
|
await when.click(selector);
|
|
await then(get.skipTargetLayerEditor()).shouldBeFocused();
|
|
});
|
|
|
|
test("skip link to map view", async () => {
|
|
const selector = "root:skip:map-view";
|
|
await then(get.elementByTestId(selector)).shouldExist();
|
|
await when.tab();
|
|
await when.tab();
|
|
await when.tab();
|
|
await then(get.elementByTestId(selector)).shouldBeFocused();
|
|
await when.click(selector);
|
|
await then(get.canvas()).shouldBeFocused();
|
|
});
|
|
});
|
|
});
|