import { test, expect } from '@playwright/test';
import { LoginPage } from '../pages/LoginPage';
import { DashboardPage } from '../pages/DashboardPage';

test.describe('UAT: UI 一致性与响应性验收', () => {
  test('UAT-UI-01: 登录页面布局一致性', async ({ page }) => {
    const loginPage = new LoginPage(page);
    await loginPage.goto();

    await expect(page.locator('input[placeholder="用户名"]')).toBeVisible();
    await expect(page.locator('input[placeholder="密码"]')).toBeVisible();
    await expect(page.locator('button:has-text("登录")')).toBeVisible();

    const bodyWidth = await page.evaluate(() => document.body.offsetWidth);
    expect(bodyWidth).toBeGreaterThan(0);
  });

  test('UAT-UI-02: 仪表盘布局一致性', async ({ page }) => {
    const loginPage = new LoginPage(page);
    await loginPage.goto();
    await loginPage.login('admin', 'admin123');

    await expect(page.locator('.ant-layout')).toBeVisible();
    await expect(page.locator('.ant-layout-sider')).toBeVisible({ timeout: 10000 });
    await expect(page.locator('.ant-layout-header')).toBeVisible({ timeout: 10000 });
    await expect(page.locator('.ant-layout-content')).toBeVisible({ timeout: 10000 });
  });

  test('UAT-UI-03: 表格分页功能', async ({ page }) => {
    const loginPage = new LoginPage(page);
    await loginPage.goto();
    await loginPage.login('admin', 'admin123');

    await page.goto('/users');
    await page.waitForLoadState('networkidle');
    await page.waitForTimeout(1000);

    const pagination = page.locator('.ant-pagination');
    if (await pagination.isVisible()) {
      await expect(pagination).toBeVisible();
      const nextButton = pagination.locator('.ant-pagination-next');
      if (await nextButton.isEnabled()) {
        await nextButton.click();
        await page.waitForLoadState('networkidle');
        await page.waitForTimeout(1000);
      }
    }
  });

  test('UAT-UI-04: 面包屑导航', async ({ page }) => {
    const loginPage = new LoginPage(page);
    await loginPage.goto();
    await loginPage.login('admin', 'admin123');

    await page.goto('/users');
    await page.waitForLoadState('networkidle');

    const breadcrumb = page.locator('.ant-breadcrumb');
    if (await breadcrumb.isVisible()) {
      await expect(breadcrumb).toBeVisible();
    }
  });

  test('UAT-UI-05: 全局消息提示样式', async ({ page }) => {
    const loginPage = new LoginPage(page);
    await loginPage.goto();
    await loginPage.login('admin', 'admin123');

    await page.goto('/users');
    await page.waitForLoadState('networkidle');

    const table = page.locator('.ant-table').first();
    if (await table.isVisible()) {
      await expect(table).toBeVisible();
    }
  });

  test('UAT-UI-06: 页面标题一致性', async ({ page }) => {
    const loginPage = new LoginPage(page);
    await loginPage.goto();
    await loginPage.login('admin', 'admin123');

    const routes = [
      { path: '/dashboard', title: /仪表盘|Dashboard/ },
      { path: '/users', title: /用户/ },
      { path: '/roles', title: /角色/ },
    ];

    for (const route of routes) {
      await page.goto(route.path);
      await page.waitForLoadState('networkidle');
      await page.waitForTimeout(1000);
      const pageTitle = await page.title();
      expect(pageTitle.length).toBeGreaterThan(0);
    }
  });
});