bytelyst/learning_ai_notes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(e2e): add page.route() API mocking to dashboard spec

Browse Source
This commit is contained in:
saravanakumardb1 2026-03-27 13:34:51 -07:00
parent ef5ff92e7a
commit ac1d48bd2f
1 changed files with 49 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
web/e2e/dashboard.spec.ts Normal file
View File

@ -0,0 +1,49 @@
import { test, expect } from "@playwright/test";
test.describe("Dashboard", () => {
test.beforeEach(async ({ page }) => {
// Mock backend API calls so tests run without a running backend
await page.route("**/api/notes**", (route) =>
route.fulfill({ status: 200, contentType: "application/json", body: JSON.stringify({ notes: [], total: 0 }) })
);
await page.route("**/api/workspaces**", (route) =>
route.fulfill({ status: 200, contentType: "application/json", body: JSON.stringify({ workspaces: [] }) })
);
await page.route("**/api/**", (route) =>
route.fulfill({ status: 200, contentType: "application/json", body: "{}" })
);
});
test("dashboard page loads with mocked API", async ({ page }) => {
await page.goto("/dashboard");
await page.waitForLoadState("domcontentloaded");
await expect(page.locator("body")).toBeVisible();
});
test("dashboard shows empty state when no notes exist", async ({ page }) => {
await page.goto("/dashboard");
await page.waitForLoadState("domcontentloaded");
// Page renders without crashing even with empty data
const body = await page.locator("body").textContent();
expect(body).toBeTruthy();
});
test("renders without console errors", async ({ page }) => {
const errors: string[] = [];
page.on("pageerror", (err) => errors.push(err.message));
await page.goto("/dashboard");
await page.waitForLoadState("domcontentloaded");
const realErrors = errors.filter(
(e) => !e.includes("fetch") && !e.includes("Failed") && !e.includes("Unexpected")
);
expect(realErrors).toHaveLength(0);
});
test("404 page renders for unknown routes", async ({ page }) => {
const res = await page.goto("/nonexistent-route-xyz");
if (res) {
expect([200, 404]).toContain(res.status());
}
await expect(page.locator("body")).toBeVisible();
});
});