test: E2E 测试用例更新与新增

- 更新 Page Object 模型适配新字段名
- 新增 UAT 测试套件与 journey 测试用例
- 优化测试辅助工具与数据工厂
- 更新 playwright 认证状态

novalon-manage-web/e2e/pages/UserManagementPage.ts

@@ -4,58 +4,34 @@ export class UserManagementPage {
   readonly page: Page;
   readonly table: Locator;
   readonly createUserButton: Locator;
-  readonly searchInput: Locator;
-  readonly searchButton: Locator;
+  readonly refreshButton: Locator;
   readonly successMessage: Locator;
+  readonly errorMessage: Locator;
   readonly pagination: Locator;
-  readonly nextPageButton: Locator;
-  readonly prevPageButton: Locator;
 
   constructor(page: Page) {
     this.page = page;
-    this.table = page.locator('.el-table').first();
-    this.createUserButton = page.getByRole('button', { name: '新增用户' }).or(page.locator('button:has-text("新增用户")'));
-    this.searchInput = page.locator('input[placeholder*="搜索用户名或邮箱"]').or(page.locator('input[name*="keyword"]'));
-    this.searchButton = page.getByRole('button', { name: '搜索' }).or(page.locator('button:has-text("搜索")'));
-    this.successMessage = page.locator('.el-message--success').or(page.locator('.success-message'));
-    this.pagination = page.locator('.el-pagination').or(page.locator('.pagination'));
-    this.nextPageButton = page.locator('.el-pagination .btn-next').or(page.locator('.pagination .next-page'));
-    this.prevPageButton = page.locator('.el-pagination .btn-prev').or(page.locator('.pagination .prev-page'));
+    this.table = page.locator('.ant-table').first();
+    this.createUserButton = page.getByRole('button', { name: '新增用户' });
+    this.refreshButton = page.getByRole('button', { name: '刷新' });
+    this.successMessage = page.locator('.ant-message-success');
+    this.errorMessage = page.locator('.ant-message-error');
+    this.pagination = page.locator('.ant-pagination');
   }
 
   async goto() {
-    try {
-      console.log('导航到用户管理页面...');
-      await this.page.goto('/users');
-      
-      await this.page.waitForLoadState('networkidle');
-      
-      await this.table.waitFor({ state: 'visible', timeout: 10000 });
-      
-      await expect(this.page).toHaveURL(/.*users/);
-      
-      console.log('用户管理页面加载完成');
-    } catch (error) {
-      await this.page.screenshot({ path: `test-results/user-management-error-${Date.now()}.png` });
-      
-      console.error('导航到用户管理页面失败:', error);
-      
-      throw new Error(`导航到用户管理页面失败: ${error instanceof Error ? error.message : String(error)}`);
-    }
+    await this.page.goto('/users');
+    await this.page.waitForLoadState('networkidle');
+    await this.table.waitFor({ state: 'visible', timeout: 15000 }).catch(() => {});
+    await expect(this.page).toHaveURL(/.*users/);
   }
 
   async waitForTableReady() {
     await this.table.waitFor({ state: 'visible', timeout: 10000 });
-    
     await this.page.waitForFunction(
-      () => {
-        const rows = document.querySelectorAll('.el-table__body-wrapper tbody tr');
-        return rows.length > 0;
-      },
+      () => document.querySelectorAll('.ant-table-tbody > tr').length > 0,
       { timeout: 5000 }
-    ).catch(() => {
-      console.log('表格没有数据，继续执行');
-    });
+    ).catch(() => {});
   }
 
   async clickCreateUser() {
@@ -64,233 +40,97 @@ export class UserManagementPage {
   }
 
   async fillUserForm(userData: {
-    username: string;
+    username?: string;
+    password?: string;
     nickname?: string;
-    email: string;
+    email?: string;
     phone?: string;
-    password: string;
-    confirmPassword?: string;
     status?: string;
   }) {
-    const dialog = this.page.locator('.el-dialog');
-    const isCreateMode = !userData.hasOwnProperty('id');
-    
-    // 表单字段顺序：
-    // 创建模式：用户名(0), 密码(1), 昵称(2), 邮箱(3), 手机号(4)
-    // 编辑模式：用户名(0), 昵称(1), 邮箱(2), 手机号(3)
-    
-    await dialog.locator('input').first().fill(userData.username);
-    
-    if (isCreateMode && userData.password) {
-      await dialog.locator('input[type="password"]').fill(userData.password);
+    const modal = this.page.locator('.ant-modal').filter({ hasText: /新增用户|编辑用户/ });
+
+    if (userData.username) {
+      await modal.locator('.ant-form-item').filter({ hasText: '用户名' }).locator('input').fill(userData.username);
+    }
+    if (userData.password) {
+      await modal.locator('.ant-form-item').filter({ hasText: '密码' }).locator('input[type="password"]').fill(userData.password);
     }
-    
     if (userData.nickname) {
-      const nicknameIndex = isCreateMode ? 2 : 1;
-      await dialog.locator('input').nth(nicknameIndex).fill(userData.nickname);
+      await modal.locator('.ant-form-item').filter({ hasText: '昵称' }).locator('input').fill(userData.nickname);
     }
-    
     if (userData.email) {
-      const emailIndex = isCreateMode ? 3 : 2;
-      await dialog.locator('input').nth(emailIndex).fill(userData.email);
+      await modal.locator('.ant-form-item').filter({ hasText: '邮箱' }).locator('input').fill(userData.email);
     }
-    
     if (userData.phone) {
-      const phoneIndex = isCreateMode ? 4 : 3;
-      await dialog.locator('input').nth(phoneIndex).fill(userData.phone);
+      await modal.locator('.ant-form-item').filter({ hasText: '手机' }).locator('input').fill(userData.phone);
     }
-    
     if (userData.status) {
-      const statusSelect = dialog.locator('.el-form-item').filter({ hasText: '状态' }).locator('.el-select');
-      if (await statusSelect.count() > 0) {
-        await statusSelect.click();
-        await this.page.waitForTimeout(500);
-        
-        const statusText = userData.status === '1' || userData.status === 'ACTIVE' ? '正常' : '禁用';
-        const dropdown = this.page.locator('.el-select-dropdown');
-        if (await dropdown.count() > 0) {
-          const options = dropdown.locator('.el-select-dropdown__item');
-          const optionCount = await options.count();
-          
-          for (let i = 0; i < optionCount; i++) {
-            const optionText = await options.nth(i).textContent();
-            if (optionText && optionText.includes(statusText)) {
-              await options.nth(i).click();
-              break;
-            }
-          }
-        }
-        
+      const statusFormItem = modal.locator('.ant-form-item').filter({ hasText: '状态' }).locator('.ant-select');
+      if (await statusFormItem.count() > 0) {
+        await statusFormItem.click();
         await this.page.waitForTimeout(300);
+        const statusText = userData.status === 'ACTIVE' ? '正常' : '禁用';
+        await this.page.locator('.ant-select-dropdown').locator('.ant-select-item').filter({ hasText: statusText }).first().click();
       }
     }
   }
 
   async submitForm() {
-    const dialog = this.page.locator('.el-dialog');
-    const submitButton = dialog.getByRole('button', { name: '确定' }).or(dialog.locator('button:has-text("确定")'));
-    
-    await submitButton.click();
-    
+    const modal = this.page.locator('.ant-modal').filter({ hasText: /新增用户|编辑用户/ });
+    await modal.getByRole('button', { name: /确\s*定/ }).click();
     await this.page.waitForTimeout(1000);
   }
 
-  async waitForSuccessMessage(timeout: number = 10000): Promise<boolean> {
-    try {
-      const message = this.page.locator('.el-message--success').or(this.page.locator('.el-message'));
-      await message.waitFor({ state: 'visible', timeout });
-      return true;
-    } catch (error) {
-      console.log('等待成功消息超时，检查是否有错误消息');
-      
-      try {
-        const errorMessage = this.page.locator('.el-message--error').or(this.page.locator('.el-message--warning'));
-        if (await errorMessage.count() > 0) {
-          const errorText = await errorMessage.first().textContent();
-          console.log('发现错误消息:', errorText);
-        }
-      } catch (e) {
-        console.log('没有发现错误消息');
-      }
-      
-      return false;
-    }
+  async cancelForm() {
+    const modal = this.page.locator('.ant-modal').filter({ hasText: /新增用户|编辑用户/ });
+    await modal.getByRole('button', { name: /取\s*消/ }).click();
   }
 
   async editUser(rowNumber: number) {
-    await this.table.locator(`tbody tr:nth-child(${rowNumber})`).getByRole('button', { name: '编辑' }).or(this.page.locator(`tbody tr:nth-child(${rowNumber}) .edit-button`)).click();
+    const row = this.table.locator('tbody tr').nth(rowNumber - 1);
+    await row.locator('.ant-btn').filter({ has: this.page.locator('.anticon-edit') }).click();
+    await this.page.waitForTimeout(500);
   }
 
   async deleteUser(rowNumber: number) {
-    await this.table.locator(`tbody tr:nth-child(${rowNumber})`).getByRole('button', { name: '删除' }).or(this.page.locator(`tbody tr:nth-child(${rowNumber}) .delete-button`)).click();
+    const row = this.table.locator('tbody tr').nth(rowNumber - 1);
+    await row.locator('.ant-btn').filter({ has: this.page.locator('.anticon-delete') }).click();
+    await this.page.waitForTimeout(300);
   }
 
   async confirmDelete() {
-    await this.page.getByRole('button', { name: '确定' }).or(this.page.locator('.confirm-dialog .confirm-button')).click();
+    await this.page.locator('.ant-popconfirm').getByRole('button', { name: /确\s*定/ }).click();
+    await this.page.waitForTimeout(1000);
   }
 
-  async search(keyword: string) {
-    await this.searchInput.fill(keyword);
-    await this.searchButton.click();
+  async cancelDelete() {
+    await this.page.locator('.ant-popconfirm').getByRole('button', { name: /取\s*消/ }).click();
   }
 
-  async nextPage() {
-    await this.nextPageButton.click();
-  }
-
-  async prevPage() {
-    await this.prevPageButton.click();
-  }
-
-  async getCurrentPage(): Promise<string> {
+  async waitForSuccessMessage(timeout = 10000): Promise<boolean> {
     try {
-      const activePage = this.page.locator('.el-pager li.is-active');
-      if (await activePage.count() > 0) {
-        return await activePage.textContent() || '1';
-      }
-      
-      const currentPage = this.page.locator('.el-pagination__current');
-      if (await currentPage.count() > 0) {
-        return await currentPage.textContent() || '1';
-      }
-      
-      return '1';
-    } catch (error) {
-      console.log('获取当前页码失败，返回默认值');
-      return '1';
-    }
-  }
-
-  async getUserCount(): Promise<number> {
-    return await this.table.locator('tbody tr').count();
-  }
-
-  async getUserName(rowNumber: number): Promise<string | null> {
-    return await this.table.locator(`tbody tr:nth-child(${rowNumber}) td:first-child`).textContent();
-  }
-
-  async containsText(text: string): Promise<boolean> {
-    return await this.table.getByText(text).count() > 0;
-  }
-
-  async isSuccessMessageVisible(): Promise<boolean> {
-    try {
-      return await this.successMessage.isVisible({ timeout: 3000 });
+      await this.successMessage.waitFor({ state: 'visible', timeout });
+      return true;
     } catch {
       return false;
     }
   }
 
+  async getUserCount(): Promise<number> {
+    return this.table.locator('tbody tr').count();
+  }
+
+  async getTableCellText(rowNumber: number, colIndex: number): Promise<string | null> {
+    const row = this.table.locator('tbody tr').nth(rowNumber - 1);
+    return row.locator('td').nth(colIndex).textContent();
+  }
+
+  async containsText(text: string): Promise<boolean> {
+    return this.table.getByText(text).count() > 0;
+  }
+
   async reload() {
-    await this.page.reload();
-  }
-
-  async clickStatusButton(rowNumber: number) {
-    const row = this.table.locator(`tbody tr:nth-child(${rowNumber})`);
-    await row.locator('.el-tag').first().click();
-    await this.page.waitForTimeout(500);
-    
-    const dropdown = this.page.locator('.el-dropdown');
-    if (await dropdown.count() > 0) {
-      const options = dropdown.locator('.el-dropdown-menu__item');
-      const optionCount = await options.count();
-      
-      for (let i = 0; i < optionCount; i++) {
-        const optionText = await options.nth(i).textContent();
-        if (optionText && (optionText.includes('启用') || optionText.includes('禁用'))) {
-          await options.nth(i).click();
-          break;
-        }
-      }
-    }
-    
-    await this.page.waitForTimeout(300);
-  }
-
-  async clickEditButton(rowNumber: number) {
-    await this.table.locator(`tbody tr:nth-child(${rowNumber})`).getByRole('button', { name: '编辑' }).or(this.page.locator(`tbody tr:nth-child(${rowNumber}) .edit-button`)).click();
-  }
-
-  async clickDeleteButton(rowNumber: number) {
-    await this.table.locator(`tbody tr:nth-child(${rowNumber})`).getByRole('button', { name: '删除' }).or(this.page.locator(`tbody tr:nth-child(${rowNumber}) .delete-button`)).click();
-  }
-
-  async fillNickname(nickname: string) {
-    const dialog = this.page.locator('.el-dialog');
-    await dialog.locator('input').nth(1).fill(nickname);
-  }
-
-  async selectRole(roleName: string) {
-    const dialog = this.page.locator('.el-dialog');
-    const roleSelect = dialog.locator('.el-select');
-    if (await roleSelect.count() > 0) {
-      await roleSelect.first().click();
-      await this.page.waitForTimeout(500);
-      
-      const dropdown = this.page.locator('.el-select-dropdown');
-      if (await dropdown.count() > 0) {
-        const options = dropdown.locator('.el-select-dropdown__item');
-        const optionCount = await options.count();
-        
-        for (let i = 0; i < optionCount; i++) {
-          const optionText = await options.nth(i).textContent();
-          if (optionText && optionText.includes(roleName)) {
-            await options.nth(i).click();
-            break;
-          }
-        }
-      }
-      
-      await this.page.waitForTimeout(300);
-    }
-  }
-
-  async clearSearch() {
-    await this.searchInput.fill('');
-    await this.searchButton.click();
-  }
-
-  async getTableRowCount(): Promise<number> {
-    return await this.table.locator('tbody tr').count();
+    await this.refreshButton.click();
+    await this.page.waitForLoadState('networkidle');
   }
 }