Files
SnapOtter/tests/e2e/auth.setup.ts
T
SnapOtterandGitHub 5b75d813b8 fix(e2e): wait for post-login redirect before forcing navigation (#341)
Removing the analytics-consent PUT (#340) also removed the async HTTP
round-trip that incidentally let the app's own post-login redirect
(/login -> /) commit before the explicit page.goto("/"). Without it,
page.goto raced the in-flight client-side redirect and aborted with
'Navigation to / is interrupted by another navigation to /', failing the
auth setup projects. Desktop smoke passed on timing luck; mobile
emulation is slower and lost the race.

Wait for the app's redirect to settle (waitForURL) before the explicit
goto so they no longer race. Platform-timing-independent.
2026-06-24 14:45:37 +08:00

49 lines
2.2 KiB
TypeScript

import fs from "node:fs";
import path from "node:path";
import { test as setup } from "@playwright/test";
const authFile = path.join(process.cwd(), ".playwright", ".auth", "user.json");
setup("authenticate", async ({ page }) => {
// Ensure directory exists
const dir = path.dirname(authFile);
if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
await page.goto("/login");
await page.getByLabel("Username").fill("admin");
await page.getByLabel("Password").fill("admin");
await page.getByRole("button", { name: /login/i }).click();
// Wait for login to complete (the token lands in localStorage)
await page.waitForFunction(() => localStorage.getItem("snapotter-token"), null, {
timeout: 15_000,
});
// After login the app redirects to "/" on its own. Wait for that redirect to
// settle before forcing navigation, otherwise page.goto races the in-flight
// client-side redirect and aborts ("interrupted by another navigation").
await page.waitForURL((url) => url.pathname === "/", { timeout: 30_000 }).catch(() => {});
await page.goto("/", { waitUntil: "domcontentloaded" });
await page.waitForLoadState("load");
// Fail fast on a misconfigured/stale e2e server. A correctly-configured e2e
// API (SKIP_MUST_CHANGE_PASSWORD=true, fresh per-run DB) lands the admin on
// "/". If we end up on /change-password or /login instead, the server on
// :13490 is almost certainly a stale reused process (e.g. a leftover
// `pnpm dev` without the e2e env, or a server bound to a mutated DB) that
// playwright's `reuseExistingServer` picked up. Without this guard that state
// silently poisons every loggedInPage test with cascading change-password
// redirects, so surface it loudly with the fix.
const landedPath = new URL(page.url()).pathname;
if (landedPath !== "/") {
throw new Error(
`Auth setup landed on "${landedPath}" instead of "/". The e2e API on :13490 is likely a ` +
`stale/misconfigured server reused by playwright. Kill any process on the e2e ports and re-run:\n` +
` lsof -ti :13490 :2349 | xargs kill -9`,
);
}
// Save storage state (includes localStorage with the token)
await page.context().storageState({ path: authFile });
});