mirror of
https://github.com/maputnik/editor.git
synced 2026-07-12 17:07:28 +00:00
Harel M
2e0b7cdb8c
## Launch Checklist This PR replaces cypress with playwright. <img width="1907" height="933" alt="image" src="https://github.com/user-attachments/assets/b52075b3-eb3b-45dc-93dc-8c5e9cfd35dd" /> I hope this will make the end-to-end debugging and fixing easier due to the async await support of playwright which is missing in cypress. This is a pure refactoring change. - [x] Briefly describe the changes in this PR. - [x] Add an entry to `CHANGELOG.md` under the `## main` section. --------- Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com> Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
68 lines
2.5 KiB
TypeScript
68 lines
2.5 KiB
TypeScript
import { beforeEach, describe, test } from "./utils/fixtures";
|
|
import { MaputnikDriver } from "./maputnik-driver";
|
|
|
|
describe("map", () => {
|
|
const { given, get, when, then } = new MaputnikDriver();
|
|
|
|
beforeEach(async () => {
|
|
await given.setupMockBackedResponses();
|
|
await when.setStyle("both");
|
|
});
|
|
|
|
describe("zoom level", () => {
|
|
test("via url", async () => {
|
|
const zoomLevel = 12.37;
|
|
await when.setStyle("geojson", zoomLevel);
|
|
await then(get.elementByTestId("maplibre:ctrl-zoom")).shouldBeVisible();
|
|
await then(get.elementByTestId("maplibre:ctrl-zoom")).shouldContainText("Zoom: " + zoomLevel);
|
|
});
|
|
|
|
test("via map controls", async () => {
|
|
const zoomLevel = 12.37;
|
|
await when.setStyle("geojson", zoomLevel);
|
|
await then(get.elementByTestId("maplibre:ctrl-zoom")).shouldBeVisible();
|
|
await when.clickZoomIn();
|
|
await then(get.elementByTestId("maplibre:ctrl-zoom")).shouldContainText("Zoom: " + (zoomLevel + 1));
|
|
});
|
|
|
|
test("via style file definition", async () => {
|
|
await when.setStyle("zoom_7_center_0_51");
|
|
await then(get.elementByTestId("maplibre:ctrl-zoom")).shouldBeVisible();
|
|
await then(get.elementByTestId("maplibre:ctrl-zoom")).shouldContainText("Zoom: " + 7);
|
|
await then(get.locationHash()).shouldInclude("#7/51/0");
|
|
|
|
// opening another stylefile does not update the map view again
|
|
// as discussed in https://github.com/maplibre/maputnik/issues/1546
|
|
await when.openASecondStyleWithDifferentZoomAndCenter();
|
|
await then(get.locationHash()).shouldInclude("#7/51/0");
|
|
});
|
|
});
|
|
|
|
describe("search", () => {
|
|
test("should exist", async () => {
|
|
await then(get.searchControl()).shouldBeVisible();
|
|
});
|
|
});
|
|
|
|
describe("popup", () => {
|
|
beforeEach(async () => {
|
|
await when.setStyle("rectangles");
|
|
await then(get.locationHash()).shouldExist();
|
|
});
|
|
|
|
test("should open on feature click", async () => {
|
|
await when.clickCenter("maplibre:map");
|
|
await then(get.elementByTestId("feature-layer-popup")).shouldBeVisible();
|
|
});
|
|
|
|
test("should open a second feature after closing popup", async () => {
|
|
await when.clickCenter("maplibre:map");
|
|
await then(get.elementByTestId("feature-layer-popup")).shouldBeVisible();
|
|
await when.closePopup();
|
|
await then(get.elementByTestId("feature-layer-popup")).shouldNotExist();
|
|
await when.clickCenter("maplibre:map");
|
|
await then(get.elementByTestId("feature-layer-popup")).shouldBeVisible();
|
|
});
|
|
});
|
|
});
|