refactor(tests): 迁移 E2E 测试到独立的 e2e-tests 目录

2026-04-17 18:39:20 +08:00
parent 45bb89fc7f
commit b48ae84344
49 changed files with 210 additions and 0 deletions
@@ -0,0 +1,106 @@
+import { Page, expect } from '@playwright/test';
+
+export class FileManagementPage {
+  readonly page: Page;
+  readonly uploadButton;
+  readonly fileInput;
+  readonly table;
+  readonly deleteButton;
+  readonly downloadButton;
+  readonly searchInput;
+
+  constructor(page: Page) {
+    this.page = page;
+    this.uploadButton = page.locator('.el-upload--text').first();
+    this.fileInput = page.locator('input[type="file"]');
+    this.table = page.locator('.el-table');
+    this.deleteButton = page.getByRole('button', { name: '删除' });
+    this.downloadButton = page.getByRole('button', { name: '下载' });
+    this.searchInput = page.locator('.search-bar .el-input__inner');
+  }
+
+  async goto() {
+    try {
+      console.log('导航到文件管理页面...');
+      await this.page.goto('/files');
+      
+      await this.page.waitForLoadState('networkidle');
+      await this.table.waitFor({ state: 'visible', timeout: 10000 });
+      await expect(this.page).toHaveURL(/.*files/);
+      
+      console.log('文件管理页面加载完成');
+    } catch (error) {
+      await this.page.screenshot({ path: `test-results/file-management-error-${Date.now()}.png` });
+      console.error('导航到文件管理页面失败:', error);
+      throw new Error(`导航到文件管理页面失败: ${error instanceof Error ? error.message : String(error)}`);
+    }
+  }
+
+  async uploadFile(filePath: string) {
+    await this.uploadButton.waitFor({ state: 'visible', timeout: 10000 });
+    await this.uploadButton.click();
+
+    const fileInput = this.page.locator('input[type="file"]');
+    await fileInput.setInputFiles(filePath);
+
+    await this.page.waitForTimeout(1000);
+  }
+
+  async deleteFile(fileName: string) {
+    const row = this.table.locator('tr').filter({ hasText: fileName }).first();
+    await row.locator('.el-button--danger').click();
+
+    const confirmButton = this.page.getByRole('button', { name: '确定' });
+    await confirmButton.click();
+    await this.page.waitForLoadState('networkidle');
+  }
+
+  async downloadFile(fileName: string) {
+    const row = this.table.locator('tr').filter({ hasText: fileName }).first();
+    const downloadButton = row.locator('.el-button--primary').first();
+    await downloadButton.click();
+  }
+
+  async searchFile(keyword: string) {
+    await this.searchInput.fill(keyword);
+    await this.page.waitForTimeout(500);
+  }
+
+  async clearSearch() {
+    await this.searchInput.clear();
+    await this.page.waitForTimeout(500);
+  }
+
+  async verifyTableContains(text: string) {
+    await expect(this.table).toContainText(text);
+  }
+
+  async verifyTableNotContains(text: string) {
+    await expect(this.table).not.toContainText(text);
+  }
+
+  async getTableRowCount() {
+    const rows = await this.table.locator('.el-table__row').count();
+    return rows;
+  }
+
+  async clickUploadButton() {
+    await this.uploadButton.waitFor({ state: 'visible', timeout: 10000 });
+    await this.uploadButton.click();
+  }
+
+  async submitUpload() {
+    const confirmButton = this.page.getByRole('button', { name: '确定' }).or(this.page.locator('.el-dialog .el-button--primary'));
+    await confirmButton.click();
+  }
+
+  async clickDeleteButton(rowNumber: number) {
+    const row = this.table.locator(`tbody tr:nth-child(${rowNumber})`);
+    await row.locator('.el-button--danger').click();
+  }
+
+  async clickDownloadButton(rowNumber: number) {
+    const row = this.table.locator(`tbody tr:nth-child(${rowNumber})`);
+    await row.locator('.el-button--primary').first().click();
+  }
+}