mirror of
https://github.com/ipnet-mesh/meshcore-hub.git
synced 2026-08-06 17:02:59 +02:00
Louis King
c8cc049651
- Migrate footer, error page, and announcements to React; slim Jinja2 shell to SEO/head/config/fonts/theme-init only - Replace server-side markdown rendering with react-markdown (removes Python `markdown` dependency); custom pages + announcements ship raw markdown to the client - Add heading-anchor deep-links with CSS override for inherited colors - Extract pure helpers from pages (messageHelpers, mapMath, routesHelpers, profileHelpers, packetHelpers, packetGroupHelpers) for unit testability - Add comprehensive vitest suite: 59 test files, 315 tests covering all components, pages, and extracted helpers; global i18next mock + matchMedia stub + AbortController-aware apiMock in test infrastructure - Fix SortableTable test DOM nesting (<th> inside proper <table> context) - Update docs for v0.17.0: upgrading.md release notes, README.md project structure + build description, i18n.md path fix - Delete REACT_MIGRATION.md (migration complete, unreferenced) - Add announcements dismiss-persistence + custom-page 404 E2E specs
80 lines
2.5 KiB
TypeScript
80 lines
2.5 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
|
|
const NAV_TARGETS = [
|
|
"/",
|
|
"/dashboard",
|
|
"/nodes",
|
|
"/advertisements",
|
|
"/routes",
|
|
"/channels",
|
|
"/messages",
|
|
"/packets",
|
|
"/map",
|
|
"/members",
|
|
"/pages/about",
|
|
];
|
|
|
|
test.describe("global", () => {
|
|
test("all navigation links work", async ({ page }) => {
|
|
await page.goto("/");
|
|
// Scope to the desktop menu: MobileNav renders the same links (hidden >= lg).
|
|
const navLinks = page.locator(".navbar-center [data-testid='nav-link']");
|
|
await expect(navLinks.first()).toBeVisible();
|
|
|
|
await expect(navLinks).toHaveCount(NAV_TARGETS.length);
|
|
for (const href of NAV_TARGETS) {
|
|
await expect(
|
|
page.locator(`.navbar-center [data-nav-href="${href}"]`),
|
|
).toHaveCount(1);
|
|
}
|
|
|
|
for (const href of NAV_TARGETS) {
|
|
const link = page.locator(`.navbar-center [data-nav-href="${href}"]`);
|
|
await link.click();
|
|
await expect(page).toHaveURL(new RegExp(href === "/" ? "/$" : href));
|
|
await expect(link).toHaveClass(/active/);
|
|
}
|
|
});
|
|
|
|
test("footer renders network name and attribution", async ({ page }) => {
|
|
await page.goto("/");
|
|
|
|
const footer = page.locator("footer");
|
|
await expect(footer).toBeVisible();
|
|
// Network name comes from __APP_CONFIG__ (NETWORK_NAME=Test Network).
|
|
await expect(footer.getByText("Test Network")).toBeVisible();
|
|
// Hub attribution link.
|
|
await expect(
|
|
footer.getByRole("link", { name: "MeshCore Hub" }),
|
|
).toBeVisible();
|
|
// Tagline (i18n key footer.tagline).
|
|
await expect(
|
|
footer.getByText("Off-Grid, Open-Source Encrypted Messaging"),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("dark/light toggle works and persists", async ({ page }) => {
|
|
await page.goto("/");
|
|
// The checkbox itself is visually hidden by daisyUI's swap; click the label.
|
|
const toggle = page.getByTestId("theme-toggle");
|
|
const toggleControl = page.locator("label.swap");
|
|
const html = page.locator("html");
|
|
|
|
await expect(html).toHaveAttribute("data-theme", "dark");
|
|
await expect(toggle).not.toBeChecked();
|
|
|
|
await toggleControl.click();
|
|
await expect(html).toHaveAttribute("data-theme", "light");
|
|
await expect(toggle).toBeChecked();
|
|
|
|
await page.reload();
|
|
await expect(html).toHaveAttribute("data-theme", "light");
|
|
|
|
await page.locator("label.swap").click();
|
|
await expect(html).toHaveAttribute("data-theme", "dark");
|
|
|
|
await page.reload();
|
|
await expect(html).toHaveAttribute("data-theme", "dark");
|
|
});
|
|
});
|