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,138 @@
+import { test, expect } from '@playwright/test';
+import { NotificationPage } from '../pages/NotificationPage';
+
+test.describe('通知管理工作流', () => {
+  let noticePage: NotificationPage;
+  const timestamp = Date.now();
+  const noticeTitle = `测试通知_${timestamp}`;
+  const noticeContent = `这是测试通知内容_${timestamp}`;
+
+  test.beforeEach(async ({ page }) => {
+    noticePage = new NotificationPage(page);
+  });
+
+  test('查看通知列表', async ({ page }) => {
+    await test.step('导航到通知管理页面', async () => {
+      await noticePage.goto();
+    });
+
+    await test.step('验证表格显示', async () => {
+      await expect(noticePage.table).toBeVisible({ timeout: 10000 });
+    });
+
+    await test.step('验证数据加载', async () => {
+      const rowCount = await noticePage.getTableRowCount();
+      console.log(`通知列表包含 ${rowCount} 条记录`);
+      expect(rowCount).toBeGreaterThanOrEqual(0);
+    });
+  });
+
+  test('新增通知', async ({ page }) => {
+    await test.step('导航到通知管理页面', async () => {
+      await noticePage.goto();
+    });
+
+    await test.step('点击新增通知按钮', async () => {
+      await noticePage.addButton.click();
+      await noticePage.dialog.waitFor({ state: 'visible', timeout: 5000 });
+    });
+
+    await test.step('填写通知表单', async () => {
+      await noticePage.titleInput.fill(noticeTitle);
+      await noticePage.contentInput.fill(noticeContent);
+    });
+
+    await test.step('提交表单', async () => {
+      await noticePage.saveButton.click();
+      await page.waitForLoadState('networkidle');
+    });
+
+    await test.step('验证创建成功', async () => {
+      await expect(noticePage.dialog).not.toBeVisible({ timeout: 5000 });
+      console.log(`通知 ${noticeTitle} 创建完成`);
+    });
+  });
+
+  test('编辑通知', async ({ page }) => {
+    await test.step('导航到通知管理页面', async () => {
+      await noticePage.goto();
+    });
+
+    await test.step('等待数据加载', async () => {
+      await expect(noticePage.table).toBeVisible({ timeout: 10000 });
+    });
+
+    await test.step('点击编辑按钮', async () => {
+      const rows = await noticePage.getTableRowCount();
+      if (rows > 0) {
+        const firstRow = noticePage.table.locator('tr').first();
+        const editBtn = firstRow.getByRole('button', { name: '编辑' });
+        if (await editBtn.isVisible({ timeout: 3000 }).catch(() => false)) {
+          await editBtn.click();
+          await noticePage.dialog.waitFor({ state: 'visible', timeout: 5000 });
+          
+          await test.step('修改通知内容', async () => {
+            const newContent = `更新通知内容_${timestamp}`;
+            await noticePage.contentInput.clear();
+            await noticePage.contentInput.fill(newContent);
+          });
+
+          await test.step('提交表单', async () => {
+            await noticePage.saveButton.click();
+            await page.waitForLoadState('networkidle');
+          });
+
+          await test.step('验证更新成功', async () => {
+            await expect(noticePage.dialog).not.toBeVisible({ timeout: 5000 });
+            console.log(`通知已更新`);
+          });
+        } else {
+          console.log('未找到编辑按钮，跳过编辑测试');
+        }
+      } else {
+        console.log('当前没有通知记录，跳过编辑测试');
+      }
+    });
+  });
+
+  test('删除通知', async ({ page }) => {
+    await test.step('导航到通知管理页面', async () => {
+      await noticePage.goto();
+    });
+
+    await test.step('等待数据加载', async () => {
+      await expect(noticePage.table).toBeVisible({ timeout: 10000 });
+    });
+
+    await test.step('点击删除按钮', async () => {
+      const rows = await noticePage.getTableRowCount();
+      if (rows > 0) {
+        const firstRow = noticePage.table.locator('tr').first();
+        const deleteBtn = firstRow.getByRole('button', { name: '删除' });
+        if (await deleteBtn.isVisible({ timeout: 3000 }).catch(() => false)) {
+          await deleteBtn.click();
+          const confirmBtn = page.locator('.el-message-box');
+          await confirmBtn.waitFor({ state: 'visible', timeout: 3000 });
+          
+          await test.step('确认删除', async () => {
+            const confirmBtn = page.locator('.el-message-box').getByRole('button', { name: '确定' });
+            if (await confirmBtn.isVisible({ timeout: 2000 }).catch(() => false)) {
+              await confirmBtn.click();
+              await page.waitForLoadState('networkidle');
+            }
+          });
+
+          await test.step('验证删除成功', async () => {
+            const messageBox = page.locator('.el-message-box');
+            await expect(messageBox).not.toBeVisible({ timeout: 5000 });
+            console.log(`通知已删除`);
+          });
+        } else {
+          console.log('未找到删除按钮，跳过删除测试');
+        }
+      } else {
+        console.log('当前没有通知记录，跳过删除测试');
+      }
+    });
+  });
+});