fix: 改进成功消息等待策略，修复测试失败问题

- 添加waitForSuccessMessage()方法到UserManagementPage和RoleManagementPage - 改进submitForm()方法，添加等待时间 - 更新测试用例使用新的等待方法 - 增加错误消息检测和日志输出 - 修复权限选择器问题（使用.el-tree替代固定value）
2026-04-04 10:03:19 +08:00
parent 0e367a8873
commit f882599072
35 changed files with 874 additions and 95 deletions
@@ -0,0 +1,63 @@
+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 });
+  });
+});