Add Playwright E2E test setup (#3169)

* docs: design e2e test setup Co-authored-by: Amruth Pillai <im.amruth@gmail.com> * docs: plan e2e test implementation Co-authored-by: Amruth Pillai <im.amruth@gmail.com> * test: add playwright e2e scripts Co-authored-by: Amruth Pillai <im.amruth@gmail.com> * test: configure playwright Co-authored-by: Amruth Pillai <im.amruth@gmail.com> * test: add core e2e fixtures and specs Co-authored-by: Amruth Pillai <im.amruth@gmail.com> * ci: run e2e tests on pull requests Co-authored-by: Amruth Pillai <im.amruth@gmail.com> * [autofix.ci] apply automated fixes * test: stabilize e2e suite Co-authored-by: Amruth Pillai <im.amruth@gmail.com> * test: ignore playwright artifacts Co-authored-by: Amruth Pillai <im.amruth@gmail.com> * Update .github/workflows/e2e.yml Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> * test: address e2e review feedback Co-authored-by: Amruth Pillai <im.amruth@gmail.com> --------- Co-authored-by: Cursor Agent <cursoragent@cursor.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
2026-07-24 00:43:29 +10:00 · 2026-06-20 07:39:06 +02:00
parent 56c90947e4
commit dfd2c77bc9
18 changed files with 1474 additions and 33 deletions
@@ -0,0 +1,66 @@
+import type { APIRequestContext, Browser, BrowserContext, Page } from "@playwright/test";
+import type { E2EAccount } from "./data";
+
+async function assertAuthResponse(response: Awaited<ReturnType<APIRequestContext["post"]>>) {
+	if (response.ok()) return;
+
+	throw new Error(`Authentication request failed with ${response.status()}: ${await response.text()}`);
+}
+
+export async function registerViaUi(page: Page, account: E2EAccount) {
+	await page.goto("/auth/register");
+	await page.getByRole("textbox", { name: "Name", exact: true }).fill(account.name);
+	await page.getByLabel("Username").fill(account.username);
+	await page.getByLabel("Email Address", { exact: true }).fill(account.email);
+	await page.getByLabel("Password", { exact: true }).fill(account.password);
+	await page.getByRole("button", { name: "Sign up" }).click();
+	await page.getByRole("button", { name: "Continue" }).click();
+	await page.waitForURL(/\/dashboard/);
+}
+
+export async function loginViaUi(page: Page, account: E2EAccount) {
+	await page.goto("/auth/login");
+	await page.getByLabel("Email Address", { exact: true }).fill(account.email);
+	await page.getByLabel("Password", { exact: true }).fill(account.password);
+	await page.getByRole("button", { name: "Sign in" }).click();
+	await page.waitForURL(/\/dashboard/);
+}
+
+export async function logoutViaUi(page: Page, account: E2EAccount) {
+	await page.getByText(account.email).click();
+	await page.getByRole("menuitem", { name: "Logout" }).click();
+	await page.goto("/auth/login");
+}
+
+async function registerViaApi(request: APIRequestContext, account: E2EAccount, baseURL: string) {
+	const response = await request.post("/api/auth/sign-up/email", {
+		headers: {
+			origin: baseURL,
+			referer: `${baseURL}/auth/register`,
+		},
+		data: {
+			name: account.name,
+			email: account.email,
+			password: account.password,
+			username: account.username,
+			displayUsername: account.username,
+			callbackURL: "/dashboard",
+		},
+	});
+
+	await assertAuthResponse(response);
+}
+
+export async function createAuthenticatedContext(
+	browser: Browser,
+	request: APIRequestContext,
+	account: E2EAccount,
+	baseURL: string,
+): Promise<BrowserContext> {
+	await registerViaApi(request, account, baseURL);
+
+	return browser.newContext({
+		baseURL,
+		storageState: await request.storageState(),
+	});
+}