105 lines
3.3 KiB
TypeScript
105 lines
3.3 KiB
TypeScript
// The Lucia project.
|
|
// Copyright 2026-2026 DSP, inc. All rights reserved.
|
|
// Authors:
|
|
// imacat.yang@dsp.im (imacat), 2026/03/22
|
|
|
|
import { test, expect } from "@playwright/test";
|
|
import { loginWithMSW } from "../helpers";
|
|
|
|
test.describe("My Account Page", () => {
|
|
test.beforeEach(async ({ page, context }) => {
|
|
await loginWithMSW(context);
|
|
await page.goto("/my-account");
|
|
await expect(page.getByText("Test Admin").first()).toBeVisible();
|
|
});
|
|
|
|
test("displays user name heading", async ({ page }) => {
|
|
await expect(
|
|
page.locator("#general_acct_info_user_name"),
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator("#general_acct_info_user_name"),
|
|
).toContainText("Test Admin");
|
|
});
|
|
|
|
test("shows Admin badge for admin user", async ({ page }) => {
|
|
await expect(page.getByText("Admin").first()).toBeVisible();
|
|
});
|
|
|
|
test("shows visit count info", async ({ page }) => {
|
|
await expect(
|
|
page.locator("#general_account_visit_info"),
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator("#general_account_visit_info"),
|
|
).toContainText("Total visits");
|
|
});
|
|
|
|
test("displays account username (read-only)", async ({ page }) => {
|
|
await expect(page.getByText("Test Admin").first()).toBeVisible();
|
|
});
|
|
|
|
test("shows Edit button for name field", async ({ page }) => {
|
|
await expect(
|
|
page.getByRole("button", { name: "Edit" }),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("clicking Edit shows input field and Save/Cancel buttons", async ({
|
|
page,
|
|
}) => {
|
|
await page.getByRole("button", { name: "Edit" }).first().click();
|
|
await expect(page.locator("#input_name_field")).toBeVisible();
|
|
await expect(
|
|
page.getByRole("button", { name: "Save" }).first(),
|
|
).toBeVisible();
|
|
await expect(
|
|
page.getByRole("button", { name: "Cancel" }).first(),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("clicking Cancel reverts name field to read-only", async ({
|
|
page,
|
|
}) => {
|
|
await page.getByRole("button", { name: "Edit" }).first().click();
|
|
await expect(page.locator("#input_name_field")).toBeVisible();
|
|
await page.getByRole("button", { name: "Cancel" }).first().click();
|
|
await expect(page.locator("#input_name_field")).not.toBeVisible();
|
|
});
|
|
|
|
test("shows Reset button for password field", async ({ page }) => {
|
|
await expect(
|
|
page.getByRole("button", { name: "Reset" }),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("clicking Reset shows password input and Save/Cancel", async ({
|
|
page,
|
|
}) => {
|
|
await page.getByRole("button", { name: "Reset" }).click();
|
|
await expect(page.locator('input[type="password"]')).toBeVisible();
|
|
await expect(
|
|
page.getByRole("button", { name: "Save" }).first(),
|
|
).toBeVisible();
|
|
await expect(
|
|
page.getByRole("button", { name: "Cancel" }).first(),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("clicking Cancel on password field hides the input", async ({
|
|
page,
|
|
}) => {
|
|
await page.getByRole("button", { name: "Reset" }).click();
|
|
await expect(page.locator('input[type="password"]')).toBeVisible();
|
|
// The Cancel button for password is the second one
|
|
await page.locator(".cancel-btn").click();
|
|
await expect(
|
|
page.locator('input[type="password"]'),
|
|
).not.toBeVisible();
|
|
});
|
|
|
|
test("shows Session section", async ({ page }) => {
|
|
await expect(page.getByText("Session")).toBeVisible();
|
|
});
|
|
});
|