4ecb7a9300
"Register" appears 3 times on the page (heading, button text, link).
Use getByRole("heading") to target the h1 specifically.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
41 lines
1.7 KiB
TypeScript
41 lines
1.7 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("/");
|
|
await expect(page.getByRole("link", { name: "Register" })).toBeVisible();
|
|
await expect(page.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("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/);
|
|
});
|
|
});
|