mirror of
https://github.com/maputnik/editor.git
synced 2026-07-09 15:37:28 +00:00
HarelM
c3dd253737
Replace Cypress with Playwright for the end-to-end suite and drop
@shellygo/cypress-test-utils in favour of a hand-written MaputnikDriver
page object that keeps the fluent then(...).shouldX() assertion style
(now async). The InputAutocomplete component test moves to Vitest browser
mode using the Playwright provider.
- e2e/maputnik-driver.ts: driver + MaputnikAssertable over Playwright
- e2e/{fixtures,coverage,global-setup,global-teardown}.ts: test fixture,
istanbul coverage collection, and nyc report generation
- playwright.config.ts / vitest.config.ts
- Code coverage preserved: dev server is istanbul-instrumented, per-test
window.__coverage__ is merged via nyc into coverage/coverage-final.json
- CI: Cypress jobs replaced with Playwright; docker e2e runs against the
container via E2E_NO_WEBSERVER
- Remove Cypress deps, config and support files; update docs and .nycrc
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
70 lines
2.4 KiB
TypeScript
70 lines
2.4 KiB
TypeScript
import { test, setupMaputnik } from "./fixtures";
|
|
|
|
test.describe("keyboard", () => {
|
|
setupMaputnik();
|
|
|
|
test.describe("shortcuts", () => {
|
|
test.beforeEach(async ({ driver }) => {
|
|
await driver.given.setupMockBackedResponses();
|
|
await driver.when.setStyle("");
|
|
});
|
|
|
|
test("ESC should unfocus", async ({ driver }) => {
|
|
const { get, when, then } = driver;
|
|
const targetSelector = "maputnik-select";
|
|
await when.focus(targetSelector);
|
|
await then(get.elementByTestId(targetSelector)).shouldBeFocused();
|
|
await when.typeKeys("{esc}");
|
|
await then(get.elementByTestId(targetSelector)).shouldNotBeFocused();
|
|
});
|
|
|
|
test("'?' should show shortcuts modal", async ({ driver }) => {
|
|
const { get, when, then } = driver;
|
|
await when.typeKeys("?");
|
|
await then(get.elementByTestId("modal:shortcuts")).shouldBeVisible();
|
|
});
|
|
|
|
test("'o' should show open modal", async ({ driver }) => {
|
|
const { get, when, then } = driver;
|
|
await when.typeKeys("o");
|
|
await then(get.elementByTestId("modal:open")).shouldBeVisible();
|
|
});
|
|
|
|
test("'e' should show export modal", async ({ driver }) => {
|
|
const { get, when, then } = driver;
|
|
await when.typeKeys("e");
|
|
await then(get.elementByTestId("modal:export")).shouldBeVisible();
|
|
});
|
|
|
|
test("'d' should show sources modal", async ({ driver }) => {
|
|
const { get, when, then } = driver;
|
|
await when.typeKeys("d");
|
|
await then(get.elementByTestId("modal:sources")).shouldBeVisible();
|
|
});
|
|
|
|
test("'s' should show settings modal", async ({ driver }) => {
|
|
const { get, when, then } = driver;
|
|
await when.typeKeys("s");
|
|
await then(get.elementByTestId("modal:settings")).shouldBeVisible();
|
|
});
|
|
|
|
test("'i' should change map to inspect mode", async ({ driver }) => {
|
|
const { get, when, then } = driver;
|
|
await when.typeKeys("i");
|
|
await then(get.inputValue("maputnik-select")).shouldEqual("inspect");
|
|
});
|
|
|
|
test("'m' should focus map", async ({ driver }) => {
|
|
const { get, when, then } = driver;
|
|
await when.typeKeys("m");
|
|
await then(get.canvas()).shouldBeFocused();
|
|
});
|
|
|
|
test("'!' should show debug modal", async ({ driver }) => {
|
|
const { get, when, then } = driver;
|
|
await when.typeKeys("!");
|
|
await then(get.elementByTestId("modal:debug")).shouldBeVisible();
|
|
});
|
|
});
|
|
});
|