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

test.describe('Mock拦截器测试', () => {
  test('验证Mock拦截器是否正常工作', async ({ page }) => {
    console.log('=== 测试开始 ===');
    
    const mockManager = new MockManager({
      enabled: true,
      mode: 'full',
      mockPaths: [],
      delay: 0,
      logCalls: true,
      validateResponses: true,
      dataSource: 'memory'
    });
    
    await mockManager.interceptAPIRequest(page);
    
    page.on('request', request => {
      console.log(`[Request] ${request.method()} ${request.url()}`);
    });
    
    page.on('response', async (response) => {
      console.log(`[Response] ${response.url()} - Status: ${response.status()}`);
      if (response.url().includes('/sys/auth/login')) {
        try {
          const body = await response.text();
          console.log(`[Response Body] ${body}`);
        } catch (e) {
          console.log(`[Response Body Error] ${e}`);
        }
      }
    });
    
    await page.goto('/login');
    
    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 });
    
    console.log('=== 填写错误凭据 ===');
    await usernameInput.fill('wronguser');
    await passwordInput.fill('wrongpassword');
    
    console.log('=== 点击登录按钮 ===');
    await loginButton.click();
    
    console.log('=== 等待响应 ===');
    await page.waitForTimeout(2000);
    
    console.log('=== 检查Mock调用历史 ===');
    const callHistory = mockManager.getCallHistory();
    console.log(`Mock调用次数: ${callHistory.length}`);
    callHistory.forEach((call, index) => {
      console.log(`调用 ${index + 1}: ${call.method} ${call.url}`);
    });
    
    console.log('=== 检查Mock状态 ===');
    const mockStatus = mockManager.getMockStatus();
    console.log(`Mock启用状态: ${mockStatus.enabled}`);
    console.log(`Mock模式: ${mockStatus.mode}`);
    console.log(`Mock调用次数: ${mockStatus.callCount}`);
    
    console.log('=== 测试结束 ===');
  });
});