张翔
72 lines
2.4 KiB
TypeScript
72 lines
2.4 KiB
TypeScript
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('=== 测试结束 ===');
|
|
});
|
|
});
|