import fs from "fs/promises";
import { expect, Page, test as setup } from "@playwright/test";
const AUTH_DIR = "playwright/.auth";
const ADMIN_STORAGE_STATE = `${AUTH_DIR}/admin.json`;
const MEMBER_STORAGE_STATE = `${AUTH_DIR}/member.json`;
const VIEWER_STORAGE_STATE = `${AUTH_DIR}/viewer.json`;
async function login({
page,
baseURL,
email,
password,
}: {
page: Page;
baseURL: string;
email: string;
password: string;
}) {
await page.goto(`${baseURL}/login`);
await page.getByLabel("Email").fill(email);
await page.getByLabel("Password").fill(password);
await page.getByRole("button", { name: "Log In", exact: true }).click();
}
async function resetPassword({
page,
oldPassword,
newPassword,
}: {
page: Page;
oldPassword: string;
newPassword: string;
}) {
await page.waitForURL("**/reset-password");
await page.getByLabel("Old Password").fill(oldPassword);
await page.getByLabel("New Password").fill(newPassword);
await page.getByLabel("Confirm Password").fill(newPassword);
await page.getByRole("button", { name: "Reset Password" }).click();
}
async function resetPasswordAndReLogin({
page,
baseURL,
email,
oldPassword,
newPassword,
}: {
page: Page;
baseURL: string;
email: string;
oldPassword: string;
newPassword: string;
}) {
await resetPassword({ page, oldPassword, newPassword });
await page.waitForURL("**/login?message=password_reset");
await login({ page, baseURL, email, password: newPassword });
await page.waitForURL("**/projects");
}
setup(
"authenticate and persist role storage states",
async ({ browser, baseURL }) => {
if (!baseURL) {
throw new Error("Playwright baseURL must be configured.");
}
await fs.mkdir(AUTH_DIR, { recursive: true });
const bootstrapContext = await browser.newContext();
const page = await bootstrapContext.newPage();
await login({
page,
baseURL,
email: "admin@localhost",
password: "admin",
});
await resetPasswordAndReLogin({
page,
baseURL,
email: "admin@localhost",
oldPassword: "admin",
newPassword: "admin123",
});
await page.goto(`${baseURL}/settings/general`);
await page.waitForURL("**/settings/general");
// Add member user
await page.getByRole("button", { name: "Add User" }).click();
await page.getByLabel("Email").fill("member@localhost.com");
await page.getByLabel("Username").fill("member");
await page.getByLabel("Password", { exact: true }).fill("member");
await page.getByLabel("Confirm Password").fill("member");
await page
.getByRole("dialog")
.getByLabel("member", { exact: true })
.click();
await page.getByRole("option", { name: "member" }).click();
await page
.getByRole("dialog")
.getByRole("button", { name: "Add User" })
.click();
await expect(page.getByTestId("dialog")).not.toBeVisible();
// Add viewer user
await page.getByRole("button", { name: "Add User" }).click();
await page.getByLabel("Email").fill("viewer@localhost.com");
await page.getByLabel("Username").fill("viewer");
await page.getByLabel("Password", { exact: true }).fill("viewer");
await page.getByLabel("Confirm Password").fill("viewer");
await page
.getByRole("dialog")
.getByLabel("member", { exact: true })
.click();
await page.getByRole("option", { name: "viewer" }).click();
await page
.getByRole("dialog")
.getByRole("button", { name: "Add User" })
.click();
await expect(page.getByTestId("dialog")).not.toBeVisible();
await page.getByRole("button", { name: "Log Out" }).click();
await login({
page,
baseURL,
email: "member@localhost.com",
password: "member",
});
await resetPasswordAndReLogin({
page,
baseURL,
email: "member@localhost.com",
oldPassword: "member",
newPassword: "member123",
});
await page.getByRole("button", { name: "Log Out" }).click();
await login({
page,
baseURL,
email: "viewer@localhost.com",
password: "viewer",
});
await resetPasswordAndReLogin({
page,
baseURL,
email: "viewer@localhost.com",
oldPassword: "viewer",
newPassword: "viewer123",
});
await bootstrapContext.close();
const saveStorageStateForUser = async ({
email,
password,
storageStatePath,
}: {
email: string;
password: string;
storageStatePath: string;
}) => {
const context = await browser.newContext();
const statePage = await context.newPage();
await login({
page: statePage,
baseURL,
email,
password,
});
await statePage.waitForURL("**/projects");
await context.storageState({ path: storageStatePath });
await context.close();
};
await saveStorageStateForUser({
email: "admin@localhost",
password: "admin123",
storageStatePath: ADMIN_STORAGE_STATE,
});
await saveStorageStateForUser({
email: "member@localhost.com",
password: "member123",
storageStatePath: MEMBER_STORAGE_STATE,
});
await saveStorageStateForUser({
email: "viewer@localhost.com",
password: "viewer123",
storageStatePath: VIEWER_STORAGE_STATE,
});
}
);
