import { test, expect } from '@playwright/test';
import { MockManager } from './mock-manager';
import { TestConfig } from './core/test-config';

test.describe('用户管理', () => {
  test.beforeEach(async ({ page }) => {
    const config = TestConfig.getInstance().getEnvironment();
    
    const mockManager = new MockManager({
      enabled: config.mockEnabled,
      mode: config.mockMode,
      mockPaths: [],
      delay: 0,
      logCalls: true,
      validateResponses: true,
      dataSource: 'memory'
    });
    
    if (config.mockEnabled) {
      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'
          }
        ]
      });
    }
    
    await mockManager.interceptAPIRequest(page);
    
    await page.goto('/login');
    await page.getByPlaceholder(/用户名/).fill('admin');
    await page.getByPlaceholder(/密码/).fill('admin123');
    await page.getByRole('button', { name: /登录/ }).click();
    await page.waitForTimeout(3000);
  });

  test('应该显示用户管理页面', async ({ page }) => {
    await page.goto('/users');
    await expect(page).toHaveURL(/.*users/, { timeout: 10000 });
  });

  test('应该能够搜索用户', async ({ page }) => {
    await page.goto('/users');
    await expect(page).toHaveURL(/.*users/, { timeout: 10000 });
  });

  test('应该能够重置搜索条件', async ({ page }) => {
    await page.goto('/users');
    await expect(page).toHaveURL(/.*users/, { timeout: 10000 });
  });

  test('应该显示用户列表表格', async ({ page }) => {
    await page.goto('/users');
    await expect(page).toHaveURL(/.*users/, { timeout: 10000 });
  });

  test('应该能够打开新增用户对话框', async ({ page }) => {
    await page.goto('/users');
    await expect(page).toHaveURL(/.*users/, { timeout: 10000 });
  });
});