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>
53 lines
2.2 KiB
TypeScript
53 lines
2.2 KiB
TypeScript
import { test, expect } from "@playwright/test";
|
|
|
|
test.describe("Journal", () => {
|
|
test("loads the home page", async ({ page }) => {
|
|
await page.goto("/");
|
|
await expect(page).toHaveTitle("trails.cool");
|
|
await expect(page.getByText("Your outdoor activity journal")).toBeVisible();
|
|
});
|
|
|
|
test("shows register and sign in when logged out", async ({ page }) => {
|
|
await page.goto("/");
|
|
// Nav bar has Register and Sign In links
|
|
await expect(page.getByRole("navigation").getByRole("link", { name: "Register" })).toBeVisible();
|
|
await expect(page.getByRole("navigation").getByRole("link", { name: "Sign In" })).toBeVisible();
|
|
});
|
|
|
|
test("registration page renders correctly", async ({ page }) => {
|
|
await page.goto("/auth/register");
|
|
await expect(page.getByRole("heading", { name: "Register" })).toBeVisible();
|
|
await expect(page.getByLabel("Email")).toBeVisible();
|
|
await expect(page.getByLabel("Username")).toBeVisible();
|
|
await expect(page.getByRole("button", { name: /Register with Passkey/ })).toBeVisible();
|
|
// No password field
|
|
await expect(page.locator('input[type="password"]')).not.toBeVisible();
|
|
});
|
|
|
|
test("login page has passkey and magic link options", async ({ page }) => {
|
|
await page.goto("/auth/login");
|
|
await expect(page.getByRole("button", { name: /Sign in with Passkey/ })).toBeVisible();
|
|
await expect(page.getByText(/magic link/i)).toBeVisible();
|
|
});
|
|
|
|
test("nav bar shows on all pages", async ({ page }) => {
|
|
await page.goto("/");
|
|
const nav = page.getByRole("navigation");
|
|
await expect(nav).toBeVisible();
|
|
// Logo/title links home
|
|
await expect(nav.getByRole("link", { name: "trails.cool" })).toBeVisible();
|
|
// Logged-out nav does not show Routes or Activities
|
|
await expect(nav.getByRole("link", { name: "Routes" })).not.toBeVisible();
|
|
await expect(nav.getByRole("link", { name: "Activities" })).not.toBeVisible();
|
|
});
|
|
|
|
test("routes page redirects to login when not authenticated", async ({ page }) => {
|
|
await page.goto("/routes");
|
|
await expect(page).toHaveURL(/auth\/login/);
|
|
});
|
|
|
|
test("activities page redirects to login when not authenticated", async ({ page }) => {
|
|
await page.goto("/activities");
|
|
await expect(page).toHaveURL(/auth\/login/);
|
|
});
|
|
});
|