Files
SnapOtter/tests/e2e/qa-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

30 lines
1.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", "qa-user.json");
setup("authenticate for QA", async ({ page }) => {
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: 15_000 }).catch(() => {});
await page.goto("/", { waitUntil: "domcontentloaded" });
await page.waitForLoadState("load");
await page.context().storageState({ path: authFile });
});