张翔
f882599072
- 添加waitForSuccessMessage()方法到UserManagementPage和RoleManagementPage - 改进submitForm()方法，添加等待时间 - 更新测试用例使用新的等待方法 - 增加错误消息检测和日志输出 - 修复权限选择器问题（使用.el-tree替代固定value）
64 lines
2.3 KiB
TypeScript
64 lines
2.3 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('登录表单验证测试', () => {
|
|
test('验证fill方法是否触发Vue响应式更新', async ({ page }) => {
|
|
await page.goto('/login');
|
|
await page.waitForLoadState('networkidle');
|
|
|
|
// 使用fill方法填充
|
|
await page.locator('input[placeholder="请输入用户名"]').fill('admin');
|
|
await page.locator('input[placeholder="请输入密码"]').fill('Test@123');
|
|
|
|
// 检查input元素的值
|
|
const usernameValue = await page.locator('input[placeholder="请输入用户名"]').inputValue();
|
|
const passwordValue = await page.locator('input[placeholder="请输入密码"]').inputValue();
|
|
|
|
console.log('Username input value:', usernameValue);
|
|
console.log('Password input value:', passwordValue);
|
|
|
|
// 检查Vue组件的状态
|
|
const formState = await page.evaluate(() => {
|
|
const app = document.querySelector('#app');
|
|
return app?.__vue_app__?.config?.globalProperties?.$data;
|
|
});
|
|
|
|
console.log('Vue formState:', formState);
|
|
|
|
// 尝试获取localStorage中的值（登录前应该为空）
|
|
const tokenBefore = await page.evaluate(() => localStorage.getItem('token'));
|
|
console.log('Token before login:', tokenBefore);
|
|
|
|
// 点击登录按钮
|
|
await page.locator('button:has-text("登录")').click();
|
|
|
|
// 等待API响应
|
|
const response = await page.waitForResponse(response =>
|
|
response.url().includes('/api/auth/login') && response.request().method() === 'POST',
|
|
{ timeout: 10000 }
|
|
).catch(e => {
|
|
console.log('No API response received:', e);
|
|
return null;
|
|
});
|
|
|
|
if (response) {
|
|
console.log('API response status:', response.status());
|
|
const responseBody = await response.text();
|
|
console.log('API response body:', responseBody.substring(0, 200));
|
|
}
|
|
|
|
// 等待一段时间
|
|
await page.waitForTimeout(3000);
|
|
|
|
// 检查localStorage中的token
|
|
const tokenAfter = await page.evaluate(() => localStorage.getItem('token'));
|
|
console.log('Token after login:', tokenAfter ? 'exists' : 'not found');
|
|
|
|
// 检查当前URL
|
|
const currentUrl = page.url();
|
|
console.log('Current URL:', currentUrl);
|
|
|
|
// 截图
|
|
await page.screenshot({ path: 'test-results/form-test.png', fullPage: true });
|
|
});
|
|
});
|