test: use login via api to speed up test failure

Author: BreadGenie

e2e/.gitignore

@@ -6,6 +6,9 @@ test-results/
 playwright-report/
 results.xml
 
+# Authentication state
+.auth/
+
 # Temporary files
 *.log
 .DS_Store

e2e/README.md

@@ -61,6 +61,9 @@ e2e/
 ├── fixtures/           # Test fixtures and helpers
 │   ├── participants.ts # Multi-browser participant management
 │   └── test-users.ts   # Test user credentials
+├── helpers/            # API helpers and utilities
+│   ├── auth.ts         # Authentication (API login)
+│   ├── index.ts
 ├── page-objects/       # Page Object Model classes
 │   ├── LoginPage.ts
 │   ├── HomePage.ts

e2e/fixtures/participants.ts

@@ -13,6 +13,7 @@ import {
 	ChatPanel,
 	PeoplePanel,
 } from "../page-objects";
+import { loginViaAPI } from "../helpers";
 import { TEST_USERS, type TestUserKey } from "./test-users";
 
 export class Participant {
@@ -43,8 +44,9 @@ export class Participant {
 
 	async loginAs(userKey: TestUserKey) {
 		const user = TEST_USERS[userKey];
-		await this.login.goto();
-		await this.login.loginAndWait(user.email, user.password);
+		await loginViaAPI(this.page.request, user.email, user.password);
+		await this.page.goto("/meet/");
+		await this.page.waitForLoadState("load");
 		this._isLoggedIn = true;
 	}
 

e2e/helpers/auth.ts

@@ -0,0 +1,41 @@
+import type { APIRequestContext } from "@playwright/test";
+
+/**
+ * Login via Frappe API.
+ * Sets cookies on the request context for subsequent API calls.
+ */
+export async function loginViaAPI(
+	request: APIRequestContext,
+	email = "Administrator",
+	password = "admin",
+): Promise<void> {
+	const response = await request.post("/api/method/login", {
+		form: {
+			usr: email,
+			pwd: password,
+		},
+	});
+
+	if (!response.ok()) {
+		throw new Error(
+			`Login failed: ${response.status()} ${await response.text()}`,
+		);
+	}
+}
+
+/**
+ * Check if user is logged in by verifying session.
+ */
+export async function isLoggedIn(request: APIRequestContext): Promise<boolean> {
+	try {
+		const response = await request.get(
+			"/api/method/frappe.auth.get_logged_user",
+		);
+		if (!response.ok()) return false;
+
+		const data = await response.json();
+		return data.message && data.message !== "Guest";
+	} catch {
+		return false;
+	}
+}

e2e/helpers/index.ts

@@ -0,0 +1 @@
+export * from "./auth";

e2e/page-objects/HomePage.ts

@@ -9,7 +9,9 @@ export class HomePage {
 
 	constructor(page: Page) {
 		this.page = page;
-		this.meetingCodeInput = page.getByRole("textbox", { name: "Meeting Code" });
+		this.meetingCodeInput = page.getByRole("textbox", {
+			name: "abcd-efgh-ijkl",
+		});
 		this.joinButton = page.getByRole("button", { name: "Join" });
 		this.startMeetingButton = page.getByRole("button", {
 			name: "Start new meeting",
@@ -21,6 +23,7 @@ export class HomePage {
 
 	async goto() {
 		await this.page.goto("/meet/");
+		await this.page.waitForLoadState("load");
 	}
 
 	async createMeeting(type: "open" | "restricted" = "open"): Promise<string> {

e2e/specs/meeting/join-meeting.spec.ts

@@ -3,6 +3,7 @@ import { test, expect } from "../../fixtures";
 test.describe("Join Meeting", () => {
 	test("should join meeting from preview screen", async ({ participant }) => {
 		const meetingId = await participant.loginAndCreateMeeting("user1");
+		await participant.joinFromPreview();
 		await participant.toolbar.dismissBlockingToasts();
 		const isInMeeting = await participant.toBeInMeeting(meetingId);
 		expect(isInMeeting).toBe(true);
@@ -31,7 +32,6 @@ test.describe("Join Meeting", () => {
 		// User 2 joins via meeting code
 		const p2 = await createParticipant();
 		await p2.loginAs("user2");
-		await p2.home.goto();
 		await p2.home.joinMeeting(meetingId);
 		await p2.joinFromPreview();