bb4f193405
Journal gets a nav bar in root.tsx with conditional links: Routes and Activities for authenticated users, Sign In and Register for guests. Active route is highlighted via useLocation(). User menu shows username linking to profile and a logout button. Planner SessionView header title becomes a home link back to /. Adds i18n keys (en + de) for all nav labels. Updates E2E tests to use scoped nav selectors now that links appear in both nav bar and page body. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
80 lines
3.2 KiB
TypeScript
80 lines
3.2 KiB
TypeScript
import { test, expect } from "@playwright/test";
|
|
|
|
test.describe("Planner", () => {
|
|
test("loads the home page", async ({ page }) => {
|
|
await page.goto("/");
|
|
await expect(page).toHaveTitle(/trails\.cool Planner/);
|
|
await expect(page.getByRole("link", { name: "Start Planning" })).toBeVisible();
|
|
});
|
|
|
|
test("can create a session via API", async ({ request }) => {
|
|
const response = await request.post("/api/sessions", { data: {} });
|
|
expect(response.ok()).toBeTruthy();
|
|
const body = await response.json();
|
|
expect(body.sessionId).toBeTruthy();
|
|
expect(body.url).toContain("/session/");
|
|
});
|
|
|
|
test("session page loads with map", async ({ page, request }) => {
|
|
const response = await request.post("/api/sessions", { data: {} });
|
|
const { url } = await response.json();
|
|
|
|
await page.goto(url);
|
|
// Title is now a home link
|
|
await expect(page.getByRole("link", { name: "trails.cool Planner" })).toBeVisible();
|
|
await expect(page.locator(".leaflet-container")).toBeVisible({ timeout: 10000 });
|
|
});
|
|
|
|
test("session shows connection status", async ({ page, request }) => {
|
|
const response = await request.post("/api/sessions", { data: {} });
|
|
const { url } = await response.json();
|
|
|
|
await page.goto(url);
|
|
await expect(page.getByText("Connected")).toBeVisible({ timeout: 15000 });
|
|
});
|
|
|
|
test("session has profile selector", async ({ page, request }) => {
|
|
const response = await request.post("/api/sessions", { data: {} });
|
|
const { url } = await response.json();
|
|
|
|
await page.goto(url);
|
|
await expect(page.locator(".leaflet-container")).toBeVisible({ timeout: 10000 });
|
|
|
|
const profileSelect = page.getByLabel("Profile:");
|
|
await expect(profileSelect).toBeVisible();
|
|
await expect(profileSelect).toHaveValue("trekking");
|
|
});
|
|
|
|
test("session has export GPX button", async ({ page, request }) => {
|
|
const response = await request.post("/api/sessions", { data: {} });
|
|
const { url } = await response.json();
|
|
|
|
await page.goto(url);
|
|
await expect(page.getByRole("button", { name: "Export GPX" })).toBeVisible({ timeout: 10000 });
|
|
});
|
|
|
|
test("session shows empty waypoints sidebar", async ({ page, request }) => {
|
|
const response = await request.post("/api/sessions", { data: {} });
|
|
const { url } = await response.json();
|
|
|
|
await page.goto(url);
|
|
await expect(page.getByText("Waypoints (0)")).toBeVisible({ timeout: 10000 });
|
|
await expect(page.getByText("Click on the map to add waypoints")).toBeVisible();
|
|
});
|
|
|
|
test("can create session with initial waypoints", async ({ request }) => {
|
|
const response = await request.post("/api/sessions", {
|
|
data: {
|
|
gpx: '<?xml version="1.0"?><gpx version="1.1" xmlns="http://www.topografix.com/GPX/1/1"><wpt lat="52.52" lon="13.405"><name>Berlin</name></wpt><wpt lat="48.137" lon="11.576"><name>Munich</name></wpt></gpx>',
|
|
},
|
|
});
|
|
const body = await response.json();
|
|
expect(body.initialWaypoints).toHaveLength(2);
|
|
expect(body.initialWaypoints[0].name).toBe("Berlin");
|
|
});
|
|
|
|
test("expired session returns 404", async ({ page }) => {
|
|
const response = await page.goto("/session/nonexistent-id");
|
|
expect(response?.status()).toBe(404);
|
|
});
|
|
});
|