53 lines
1.9 KiB
JavaScript
53 lines
1.9 KiB
JavaScript
import { test, expect } from "./helpers/fixtures.js";
|
|
|
|
test.describe("Admin members page", () => {
|
|
test("members list loads for admin", async ({ adminPage }) => {
|
|
await adminPage.goto("/admin/members");
|
|
|
|
await expect(adminPage.locator("h1")).toHaveText("Members");
|
|
await expect(
|
|
adminPage.getByText("Manage members, contributions, and access"),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("search bar works", async ({ adminPage }) => {
|
|
await adminPage.goto("/admin/members");
|
|
|
|
const searchInput = adminPage.getByPlaceholder("Search members...");
|
|
await expect(searchInput).toBeVisible();
|
|
|
|
await searchInput.fill("nonexistent-query-xyz");
|
|
|
|
// Page should not crash -- either shows filtered results or the empty state
|
|
await expect(
|
|
adminPage
|
|
.locator("table")
|
|
.or(adminPage.getByText("No members found matching your criteria")),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("non-admin redirect", async ({ browser }) => {
|
|
const context = await browser.newContext();
|
|
const page = await context.newPage();
|
|
|
|
await page.goto("/admin/members");
|
|
|
|
// Admin middleware redirects non-admin users to / or /members
|
|
await page.waitForURL((url) => !url.pathname.startsWith("/admin"));
|
|
expect(page.url()).not.toContain("/admin/members");
|
|
|
|
await context.close();
|
|
});
|
|
|
|
test("add member button opens modal", async ({ adminPage }) => {
|
|
await adminPage.goto("/admin/members");
|
|
await adminPage.waitForLoadState("networkidle"); // ensure Vue hydration is complete
|
|
|
|
await adminPage.getByRole("button", { name: "Add Member" }).click();
|
|
|
|
// Modal should appear with the form heading and fields
|
|
await expect(adminPage.getByText("Add New Member")).toBeVisible();
|
|
await expect(adminPage.getByPlaceholder("Full name")).toBeVisible();
|
|
await expect(adminPage.getByPlaceholder("email@example.com")).toBeVisible();
|
|
});
|
|
});
|