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

test.describe('登录诊断测试', () => {
  test('诊断1: 检查登录页面元素', async ({ page }) => {
    await page.goto('/login');
    await page.waitForLoadState('networkidle');
    
    console.log('页面URL:', page.url());
    console.log('页面标题:', await page.title());
    
    const usernameInput = page.locator('input[placeholder*="用户名"]');
    const passwordInput = page.locator('input[type="password"]');
    const submitButton = page.locator('button[type="submit"]');
    
    console.log('用户名输入框可见:', await usernameInput.isVisible());
    console.log('密码输入框可见:', await passwordInput.isVisible());
    console.log('提交按钮可见:', await submitButton.isVisible());
    
    await usernameInput.fill('admin');
    await passwordInput.fill('admin123');
    
    console.log('表单已填充');
    
    const [response] = await Promise.all([
      page.waitForResponse(res => res.url().includes('/auth/login')),
      submitButton.click()
    ]);
    
    console.log('登录响应状态:', response.status());
    console.log('登录响应内容:', await response.text());
    console.log('当前URL:', page.url());
    
    await page.waitForTimeout(2000);
    console.log('2秒后URL:', page.url());
  });

  test('诊断2: 检查登录后的页面', async ({ page }) => {
    await page.goto('/login');
    
    const usernameInput = page.locator('input[placeholder*="用户名"]');
    const passwordInput = page.locator('input[type="password"]');
    const submitButton = page.locator('button[type="submit"]');
    
    await usernameInput.fill('admin');
    await passwordInput.fill('admin123');
    
    await submitButton.click();
    
    try {
      await page.waitForURL('**/dashboard', { timeout: 10000 });
      console.log('成功跳转到dashboard');
    } catch (error) {
      console.log('未能跳转到dashboard，当前URL:', page.url());
      
      const errorMessages = page.locator('.el-message');
      if (await errorMessages.count() > 0) {
        console.log('错误消息:', await errorMessages.first().textContent());
      }
    }
  });

  test('诊断3: 使用API直接测试登录', async ({ request }) => {
    const response = await request.post('http://localhost:8084/api/auth/login', {
      data: {
        username: 'admin',
        password: 'admin123'
      }
    });
    
    console.log('API响应状态:', response.status());
    console.log('API响应内容:', await response.text());
    
    expect(response.status()).toBe(200);
  });
});