张翔
b835c27750
问题：
- '操作日志'文本匹配到2个元素（菜单项和页面标题）
- table定位器匹配到2个元素（header和body）
- .el-dropdown-link元素找不到导致登出失败
修复：
- 使用menuitem角色定位菜单项
- 使用.el-table类定位表格容器
- 使用button:has-text('admin')定位用户下拉菜单
- 添加页面加载等待和超时设置
优势：
- 避免strict mode violation错误
- 提高定位器精确性
- 确保登出功能正常工作
106 lines
3.7 KiB
TypeScript
106 lines
3.7 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('审计工作流', () => {
|
|
test('执行操作并查看操作日志', async ({ page }) => {
|
|
await test.step('执行用户管理操作', async () => {
|
|
await page.goto('/users');
|
|
await page.waitForTimeout(1000);
|
|
});
|
|
|
|
await test.step('执行角色管理操作', async () => {
|
|
await page.goto('/roles');
|
|
await page.waitForTimeout(1000);
|
|
});
|
|
|
|
await test.step('执行菜单管理操作', async () => {
|
|
await page.goto('/menus');
|
|
await page.waitForTimeout(1000);
|
|
});
|
|
|
|
await test.step('导航到操作日志', async () => {
|
|
await page.goto('/dashboard');
|
|
await page.waitForLoadState('networkidle');
|
|
|
|
await page.locator('text=审计中心').click();
|
|
await page.waitForTimeout(1000);
|
|
|
|
await page.locator('menuitem:has-text("操作日志")').click();
|
|
await page.waitForLoadState('networkidle');
|
|
await page.waitForTimeout(1000);
|
|
|
|
await expect(page).toHaveURL(/.*oplog/, { timeout: 10000 });
|
|
await expect(page.locator('.el-table')).toBeVisible({ timeout: 10000 });
|
|
});
|
|
|
|
await test.step('验证操作日志记录', async () => {
|
|
await page.waitForTimeout(2000);
|
|
const logContent = await page.locator('table').textContent();
|
|
expect(logContent).toMatch(/用户管理|角色管理|菜单管理/);
|
|
});
|
|
});
|
|
|
|
test('查看登录日志', async ({ page }) => {
|
|
await test.step('导航到登录日志', async () => {
|
|
await page.goto('/dashboard');
|
|
await page.waitForLoadState('networkidle');
|
|
|
|
await page.locator('text=审计中心').click();
|
|
await page.waitForTimeout(1000);
|
|
|
|
await page.locator('menuitem:has-text("登录日志")').click();
|
|
await page.waitForLoadState('networkidle');
|
|
await page.waitForTimeout(1000);
|
|
|
|
await expect(page).toHaveURL(/.*loginlog/, { timeout: 10000 });
|
|
});
|
|
|
|
await test.step('验证登录日志显示', async () => {
|
|
await expect(page.locator('.el-table')).toBeVisible({ timeout: 10000 });
|
|
const logContent = await page.locator('.el-table').textContent();
|
|
expect(logContent).toContain('admin');
|
|
});
|
|
});
|
|
|
|
test('搜索和筛选日志', async ({ page }) => {
|
|
await test.step('导航到操作日志', async () => {
|
|
await page.goto('/dashboard');
|
|
await page.waitForLoadState('networkidle');
|
|
|
|
await page.locator('text=审计中心').click();
|
|
await page.waitForTimeout(1000);
|
|
|
|
await page.locator('menuitem:has-text("操作日志")').click();
|
|
await page.waitForLoadState('networkidle');
|
|
await page.waitForTimeout(1000);
|
|
|
|
await expect(page.locator('.el-table')).toBeVisible({ timeout: 10000 });
|
|
});
|
|
|
|
await test.step('按模块筛选', async () => {
|
|
const moduleSelect = page.locator('.el-select:has-text("模块")');
|
|
if (await moduleSelect.isVisible()) {
|
|
await moduleSelect.click();
|
|
await page.locator('.el-select-dropdown__item:has-text("用户管理")').click();
|
|
await page.waitForTimeout(1000);
|
|
}
|
|
});
|
|
|
|
await test.step('按时间范围筛选', async () => {
|
|
const dateRangePicker = page.locator('.el-date-editor');
|
|
if (await dateRangePicker.isVisible()) {
|
|
await dateRangePicker.click();
|
|
await page.waitForTimeout(500);
|
|
}
|
|
});
|
|
|
|
await test.step('搜索特定内容', async () => {
|
|
const searchInput = page.locator('input[placeholder*="搜索"]');
|
|
if (await searchInput.isVisible()) {
|
|
await searchInput.fill('admin');
|
|
await page.locator('button:has-text("搜索")').click();
|
|
await page.waitForTimeout(1000);
|
|
}
|
|
});
|
|
});
|
|
});
|