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

test('调试登录功能', async ({ page }) => {
  const mockManager = new MockManager({
    enabled: true,
    mode: 'full',
    mockPaths: [],
    delay: 0,
    logCalls: true,
    validateResponses: true,
    dataSource: 'memory'
  });
  
  mockManager.presetTestData({
    menus: [
      {
        id: 1,
        name: '仪表盘',
        code: 'dashboard',
        path: '/dashboard',
        icon: 'DashboardOutlined',
        sortOrder: 1,
        status: 'active',
        parentId: 0,
        createBy: 'system',
        updateBy: 'system',
        createdAt: '2024-01-01T00:00:00.000Z',
        updatedAt: '2024-01-01T00:00:00.000Z',
        children: []
      }
    ]
  });
  
  await mockManager.interceptAPIRequest(page);
  
  page.on('console', msg => {
    console.log('Browser Console:', msg.type(), msg.text());
  });
  
  page.on('pageerror', error => {
    console.log('Browser Error:', error.message);
  });
  
  page.on('request', request => {
    console.log('Request:', request.method(), request.url());
  });
  
  page.on('response', async response => {
    const url = response.url();
    if (url.includes('/sys/auth/login')) {
      console.log('Login Response Status:', response.status());
      console.log('Login Response Headers:', response.headers());
      const body = await response.text();
      console.log('Login Response Body:', body);
    }
  });
  
  await page.goto('/');
  await page.waitForLoadState('networkidle');
  
  const usernameInput = page.locator('input[placeholder="请输入用户名"]');
  const passwordInput = page.locator('input[placeholder="请输入密码"]');
  const loginButton = page.locator('button[type="submit"]');
  
  await usernameInput.waitFor({ state: 'visible', timeout: 10000 });
  await passwordInput.waitFor({ state: 'visible', timeout: 10000 });
  await loginButton.waitFor({ state: 'visible', timeout: 10000 });
  
  await usernameInput.fill('admin');
  await passwordInput.fill('admin123');
  
  await loginButton.click();
  
  await page.waitForTimeout(5000);
  
  const currentUrl = page.url();
  console.log('Current URL after login:', currentUrl);
  
  const errorMessage = page.locator('.ant-message-error');
  const hasError = await errorMessage.count() > 0;
  if (hasError) {
    const errorText = await errorMessage.textContent();
    console.log('Error message found:', errorText);
  }
  
  await page.screenshot({ path: 'debug-login.png' });
});