mirror of
https://github.com/ipnet-mesh/meshcore-hub.git
synced 2026-07-28 20:42:36 +02:00
Louis King
94dd4c9b42
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.
92 lines
3.4 KiB
TypeScript
92 lines
3.4 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
import { countApiCalls, expectListLoaded, openFilters } from "../utils/helpers";
|
|
|
|
const ALPHA_KEY = "a1fa" + "0".repeat(60);
|
|
const AD01_HASH = "ad01" + "0".repeat(28);
|
|
|
|
test.describe("packets", () => {
|
|
test("filter options work", async ({ page }) => {
|
|
await page.goto("/packets");
|
|
await expectListLoaded(page);
|
|
await expect(page.getByTestId("list-row")).toHaveCount(10);
|
|
|
|
await openFilters(page);
|
|
await page.locator('select[name="event_type"]').selectOption("advertisement");
|
|
await page.getByRole("button", { name: "Filter" }).click();
|
|
await expect(page).toHaveURL(/event_type=advertisement/);
|
|
await expect(page.getByTestId("list-row")).toHaveCount(6);
|
|
|
|
await openFilters(page);
|
|
await page.locator('select[name="path_hash_bytes"]').selectOption("2");
|
|
await page.getByRole("button", { name: "Filter" }).click();
|
|
await expect(page).toHaveURL(/path_hash_bytes=2/);
|
|
await expect(page.getByTestId("list-row")).toHaveCount(6);
|
|
});
|
|
|
|
test("auto-refresh works and can be paused", async ({ page }) => {
|
|
await page.goto("/packets");
|
|
await expectListLoaded(page);
|
|
|
|
const toggle = page.getByTestId("auto-refresh-toggle");
|
|
await expect(toggle).toBeChecked();
|
|
|
|
const active = await countApiCalls(page, "/api/v1/packet-groups?", 5000);
|
|
expect(active).toBeGreaterThanOrEqual(2);
|
|
|
|
await toggle.click();
|
|
await expect(toggle).not.toBeChecked();
|
|
const paused = await countApiCalls(page, "/api/v1/packet-groups?", 4500);
|
|
expect(paused).toBe(0);
|
|
});
|
|
|
|
test("row click opens the packet group detail", async ({ page }) => {
|
|
await page.goto("/packets");
|
|
await expectListLoaded(page);
|
|
|
|
await page.getByTestId("list-row").first().click();
|
|
await expect(page).toHaveURL(/\/packets\/hash\//);
|
|
await expect(page.locator('nav[aria-label="Breadcrumb"]')).toBeVisible();
|
|
});
|
|
|
|
test("clicking a path node renders the matching-nodes overlay", async ({
|
|
page,
|
|
}) => {
|
|
await page.goto(`/packets/hash/${AD01_HASH}`);
|
|
|
|
// Badges render twice (desktop table + hidden mobile cards): scope to visible.
|
|
const pathHops = page.locator('[data-testid="path-hop"]:visible');
|
|
await expect(pathHops.first()).toBeVisible();
|
|
for (const hash of ["A1FA", "B2B0", "C3C0"]) {
|
|
await expect(
|
|
page.locator(`[data-testid="path-hop"][data-hash="${hash}"]:visible`).first(),
|
|
).toBeVisible();
|
|
}
|
|
|
|
await page
|
|
.locator('[data-testid="path-hop"][data-hash="A1FA"]:visible')
|
|
.first()
|
|
.click();
|
|
const popover = page.getByTestId("path-nodes-popover");
|
|
await expect(popover).toBeVisible();
|
|
await expect(popover.getByText("Nodes matching A1FA")).toBeVisible();
|
|
await expect(popover.getByText("Alpha Node")).toBeVisible();
|
|
|
|
await popover.getByTestId("path-node-link").first().click();
|
|
await expect(page).toHaveURL(new RegExp(`/nodes/${ALPHA_KEY}`));
|
|
await expect(page.getByText("Alpha Node").first()).toBeVisible();
|
|
|
|
await page.goto(`/packets/hash/${AD01_HASH}`);
|
|
await page
|
|
.locator('[data-testid="path-hop"][data-hash="B2B0"]:visible')
|
|
.first()
|
|
.click();
|
|
await expect(page.getByTestId("path-nodes-popover")).toBeVisible();
|
|
await expect(page.getByText("Bravo Node").first()).toBeVisible();
|
|
await page
|
|
.getByTestId("path-nodes-popover")
|
|
.getByRole("button", { name: "close" })
|
|
.click();
|
|
await expect(page.getByTestId("path-nodes-popover")).toHaveCount(0);
|
|
});
|
|
});
|