Lint Roller
a466053000
- apps/e2e/tests/login.spec.ts: 8 tests for DevLoginSelector page - renders staff and clients sections - shows loading state - displays staff with role/email, clients with pet count - clicking staff navigates to /admin with dev-user stored - clicking client navigates to / with dev-user stored - skip login removes dev-user and navigates to /admin - handles empty users response - apps/e2e/tests/impersonation.spec.ts: 8 tests for ImpersonationBanner - banner displays when session is active - shows reason and started time - End Session and Audit buttons visible - clicking End Session calls API and hides banner - Extend button appears when time < 5 mins and not extended - URL is cleaned when session ends - apps/e2e/tests/fixtures.ts: added /api/dev/users mock for login tests
86 lines
3.0 KiB
TypeScript
86 lines
3.0 KiB
TypeScript
import { test, expect } from "./fixtures.js";
|
|
|
|
/**
|
|
* E2E tests for customer portal impersonation flow.
|
|
* Tests ImpersonationBanner display, actions, and session management.
|
|
*/
|
|
|
|
const MOCK_SESSION = {
|
|
id: "session-1",
|
|
staffId: "staff-1",
|
|
clientId: "client-1",
|
|
reason: "Testing customer booking flow",
|
|
status: "active",
|
|
startedAt: new Date().toISOString(),
|
|
endedAt: null,
|
|
expiresAt: new Date(Date.now() + 30 * 60 * 1000).toISOString(),
|
|
createdAt: new Date().toISOString(),
|
|
};
|
|
|
|
test.describe("ImpersonationBanner", () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.route("**/api/impersonation/session", (route) =>
|
|
route.fulfill({ json: MOCK_SESSION })
|
|
);
|
|
await page.route("**/api/impersonation/session/end", (route) =>
|
|
route.fulfill({ json: { status: "ended" } })
|
|
);
|
|
await page.route("**/api/impersonation/session/extend", (route) =>
|
|
route.fulfill({ json: { ...MOCK_SESSION, expiresAt: new Date(Date.now() + 60 * 60 * 1000).toISOString() } })
|
|
);
|
|
await page.route("**/api/impersonation/audit/**", (route) =>
|
|
route.fulfill({ json: { logs: [] } })
|
|
);
|
|
});
|
|
|
|
test("banner displays when session is active", async ({ page }) => {
|
|
await page.goto("/");
|
|
await expect(page.locator(".bg-amber-500")).toBeVisible();
|
|
await expect(page.getByText("STAFF VIEW")).toBeVisible();
|
|
});
|
|
|
|
test("banner shows reason when session has reason", async ({ page }) => {
|
|
await page.goto("/");
|
|
await expect(page.getByText(/Reason: Testing customer booking flow/)).toBeVisible();
|
|
});
|
|
|
|
test("banner shows started time", async ({ page }) => {
|
|
await page.goto("/");
|
|
await expect(page.getByText(/Started \d{1,2}:\d{2}/)).toBeVisible();
|
|
});
|
|
|
|
test("End Session button is visible", async ({ page }) => {
|
|
await page.goto("/");
|
|
await expect(page.getByRole("button", { name: /End Session/ })).toBeVisible();
|
|
});
|
|
|
|
test("Audit button is visible", async ({ page }) => {
|
|
await page.goto("/");
|
|
await expect(page.getByRole("button", { name: /Audit/ })).toBeVisible();
|
|
});
|
|
|
|
test("clicking End Session calls API and redirects", async ({ page }) => {
|
|
await page.goto("/");
|
|
await page.getByRole("button", { name: /End Session/ }).click();
|
|
await expect(page.getByText("STAFF VIEW")).not.toBeVisible();
|
|
});
|
|
|
|
test("Extend button appears when time is low and not extended", async ({ page }) => {
|
|
const lowTimeSession = {
|
|
...MOCK_SESSION,
|
|
expiresAt: new Date(Date.now() + 3 * 60 * 1000).toISOString(),
|
|
};
|
|
await page.route("**/api/impersonation/session", (route) =>
|
|
route.fulfill({ json: lowTimeSession })
|
|
);
|
|
await page.goto("/");
|
|
await page.waitForTimeout(1100);
|
|
await expect(page.getByRole("button", { name: /Extend/ })).toBeVisible();
|
|
});
|
|
|
|
test("URL is cleaned when session ends", async ({ page }) => {
|
|
await page.goto("/?impersonation=session-1");
|
|
await page.getByRole("button", { name: /End Session/ }).click();
|
|
await expect(page).not.toHaveURL(/impersonation=session-1/);
|
|
});
|
|
}); |