Files
meshcore-hub/e2e/tests/map.spec.ts
Louis King 94dd4c9b42 test(e2e): replace Python e2e suite with Playwright (headless Chromium)
Replaces the httpx-based smoke tests in tests/e2e/ with a browser E2E suite
under e2e/, running against a self-contained throwaway stack that never
touches the local development database.

Stack & data isolation (e2e/docker-compose.test.yml):
- Own ephemeral Postgres 17 (schema via the `migrate` service / Alembic),
  distinct project name + named volumes, no host DB port, no \${VAR}
  interpolation. `make e2e-down` destroys everything.
- OIDC enabled with a known session secret; WEB_AUTO_REFRESH_SECONDS=2 so
  polling is assertable; CONTENT_HOME mounts a test markdown page.
- Deterministic seeder (e2e/seed_data.py) run via global setup inside the
  collector container: nodes/observers with `area` tags, adverts, messages
  on the public (17) + a custom channel, raw packets + path hops keyed to
  node prefixes, a route + health/history, profiles + adoptions, and
  event_observers rows so the observer filter/badges resolve.

Auth & tests:
- Forged signed `meshcore-session` cookies (e2e/mint_session.py,
  itsdangerous) for admin/member identities -> storageState; no real IdP
  needed. 31 specs across 12 files cover global nav/theme, profile
  menu+edit, home hero, dashboard widgets, list filters/auto-refresh/row
  actions, observer toggles, the path-node overlay, map filters +
  show-labels, members, markdown pages, and routes add/edit/delete
  (persistence, validation, confirm dialog). workers:1 / fullyParallel:false
  against the single shared backend; targeted data-testids added to React
  components for stable selectors.

Fixes surfaced while running the suite on fresh Postgres:
- Migration 5e3b712ccf10 aborted on Postgres: its route-health backfill
  queries the live Route model (which now has max_path_length) before that
  column exists. The swallowed error left the transaction aborted, killing
  the subsequent alembic_version stamp. Wrapped the backfill in a SAVEPOINT
  so a failure rolls back cleanly without blocking the migration.
- Restored the full ABUSE_* env set required by the MQTT broker, and set
  the web service's API_KEY to the admin key (admin writes go through the
  proxy as a Bearer token).

31/31 passing; tsc (frontend+e2e), pytest (1460), and pre-commit green.
2026-07-22 10:41:53 +01:00

44 lines
1.5 KiB
TypeScript

import { expect, test } from "@playwright/test";
import { openFilters } from "../utils/helpers";
test.describe("map", () => {
test("renders markers and filter options work (incl. show labels)", async ({
page,
}) => {
await page.goto("/map");
const markers = page.locator(".map-marker");
await expect(markers.first()).toBeVisible();
await expect(markers).toHaveCount(7);
await expect(page.getByText("7 nodes on map")).toBeVisible();
await openFilters(page);
await page
.locator('select:has(option[value="repeater"])')
.selectOption("repeater");
await expect(markers).toHaveCount(5);
await expect(page.getByText("5 shown")).toBeVisible();
await page.getByLabel("Show Labels").check();
await expect(page.locator(".show-labels").first()).toBeVisible();
await expect(page.locator(".map-label").first()).toBeVisible();
await page.getByRole("button", { name: "Clear Filters" }).click();
await expect(markers).toHaveCount(7);
await expect(page.locator(".show-labels")).toHaveCount(0);
await expect(page.getByLabel("Show Labels")).not.toBeChecked();
});
test("marker popup links to node detail", async ({ page }) => {
await page.goto("/map");
await expect(page.locator(".map-marker").first()).toBeVisible();
await page.locator(".map-marker").first().click();
const popup = page.locator(".leaflet-popup");
await expect(popup).toBeVisible();
await popup.getByRole("link", { name: "View Details" }).click();
await expect(page).toHaveURL(/\/nodes\/[0-9a-f]{64}/);
});
});