import { test, expect } from "@playwright/test";

/**
 * 登录页面 E2E 测试
 *
 * 测试登录流程、表单验证、错误提示
 */
test.describe("登录流程", () => {
  test("登录页正确渲染", async ({ page }) => {
    await page.goto("/login");

    // 验证标题
    await expect(page.locator("h1")).toContainText("财务AI助手");
    await expect(page.locator("h2")).toContainText("登录账户");

    // 验证表单元素存在
    await expect(page.locator("#email")).toBeVisible();
    await expect(page.locator("#password")).toBeVisible();
    await expect(page.getByRole("button", { name: /登录/ })).toBeVisible();
  });

  test("空表单提交显示验证错误", async ({ page }) => {
    await page.goto("/login");

    // 点击登录按钮
    await page.getByRole("button", { name: /登录/ }).click();

    // 应显示验证错误（zod 验证）
    await expect(page.locator("text=请输入有效的邮箱地址")).toBeVisible({ timeout: 5000 });
  });

  test("无效邮箱格式显示错误", async ({ page }) => {
    await page.goto("/login");

    await page.locator("#email").fill("invalid-email");
    await page.locator("#password").fill("password123");
    await page.getByRole("button", { name: /登录/ }).click();

    // zod 验证错误消息
    await expect(page.locator("text=/邮箱/")).toBeVisible({ timeout: 5000 });
  });

  test("快速填充测试账号", async ({ page }) => {
    await page.goto("/login");

    // 点击管理员快捷登录按钮
    await page.getByRole("button", { name: /管理员/ }).click();

    // 验证表单已填充
    await expect(page.locator("#email")).toHaveValue("admin@xingchen.com");
    await expect(page.locator("#password")).toHaveValue("admin123");
  });

  test("密码可见性切换", async ({ page }) => {
    await page.goto("/login");

    const passwordInput = page.locator("#password");
    await passwordInput.fill("testpass123");

    // 默认隐藏
    await expect(passwordInput).toHaveAttribute("type", "password");

    // 点击密码字段右侧的眼睛按钮（absolute right-3 位置的 button）
    const eyeButton = page.locator("#password + button, .absolute.right-3 button").first();
    await eyeButton.click();

    // 应变为可见
    await expect(passwordInput).toHaveAttribute("type", "text");
  });
});