import { test, expect } from './test-fixtures';
import { LoginPage } from './pages/login-page';

test.describe('用户管理', () => {
  let loginPage: LoginPage;

  test.beforeEach(async ({ page, mockManager }) => {
    loginPage = new LoginPage(page);
    
    mockManager.presetTestData({
      menus: [
        {
          id: 1,
          name: '仪表盘',
          code: 'dashboard',
          path: '/dashboard',
          icon: 'DashboardOutlined',
          sortOrder: 1,
          status: 'active',
          parentId: 0,
          component: 'views/Dashboard.vue',
          createBy: 'system',
          updateBy: 'system',
          createdAt: '2024-01-01T00:00:00.000Z',
          updatedAt: '2024-01-01T00:00:00.000Z',
          children: []
        },
        {
          id: 2,
          name: '用户管理',
          code: 'user',
          path: '/users',
          icon: 'UserOutlined',
          sortOrder: 2,
          status: 'active',
          parentId: 0,
          component: 'views/UserManagement.vue',
          createBy: 'system',
          updateBy: 'system',
          createdAt: '2024-01-01T00:00:00.000Z',
          updatedAt: '2024-01-01T00:00:00.000Z',
          children: []
        }
      ],
      users: [
        {
          id: 1,
          username: 'admin',
          email: 'admin@example.com',
          phone: '13800138000',
          status: 'active',
          createBy: 'system',
          updateBy: 'admin',
          createdAt: '2024-01-01T00:00:00.000Z',
          updatedAt: '2024-01-01T00:00:00.000Z'
        },
        {
          id: 2,
          username: 'testuser',
          email: 'test@example.com',
          phone: '13800138001',
          status: 'active',
          createBy: 'admin',
          updateBy: 'admin',
          createdAt: '2024-01-01T00:00:00.000Z',
          updatedAt: '2024-01-01T00:00:00.000Z'
        }
      ]
    });
    
    page.on('console', msg => {
      console.log('浏览器控制台:', msg.text());
    });
    
    page.on('request', request => {
      console.log('页面请求:', request.method(), request.url());
    });
    
    page.on('response', async response => {
      const url = response.url();
      if (url.includes('/sys/')) {
        console.log('API响应:', response.status(), url);
        try {
          const body = await response.text();
          console.log('响应体:', body.substring(0, 200));
        } catch (e) {
          console.log('响应体读取失败');
        }
      }
    });
    
    await page.goto('/login');
    await loginPage.loginAndWaitForDashboard('admin', 'admin123');
  });

  test('应该能够通过侧边栏导航到用户管理页面', async ({ page }) => {
    const userManagementMenuItem = page.locator('text=用户管理');
    await userManagementMenuItem.waitFor({ state: 'visible', timeout: 10000 });
    await userManagementMenuItem.click();
    
    await page.waitForURL(/.*users/, { timeout: 10000 });
    expect(page.url()).toContain('/users');
  });

  test('应该显示用户管理页面标题', async ({ page }) => {
    const userManagementMenuItem = page.locator('text=用户管理');
    await userManagementMenuItem.waitFor({ state: 'visible', timeout: 10000 });
    await userManagementMenuItem.click();
    
    await page.waitForURL(/.*users/, { timeout: 10000 });
    
    await page.waitForTimeout(2000);
    
    const userListTitle = page.locator('text=用户列表');
    await expect(userListTitle).toBeVisible({ timeout: 5000 });
    
    const searchButton = page.locator('button:has-text("搜索")');
    await expect(searchButton).toBeVisible({ timeout: 5000 });
    
    const addUserButton = page.locator('button:has-text("新增用户")');
    await expect(addUserButton).toBeVisible({ timeout: 5000 });
  });
});