张翔
5938c70b63
问题： - 表单字段定位器过于复杂且不稳定 - 对话框打开/关闭缺少等待逻辑 - 菜单导航路径错误 - 页面加载等待时间不足 修复： - 简化表单字段定位器，使用索引定位 - 添加对话框状态等待（visible/hidden） - 修正菜单导航路径（系统配置 -> 参数配置/字典管理） - 增加页面加载等待和超时设置 - 统一菜单导航的等待策略 优势： - 提高测试稳定性 - 减少元素定位失败 - 确保页面完全加载后再操作 - 更清晰的测试代码结构
101 lines
3.6 KiB
TypeScript
101 lines
3.6 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('系统配置工作流', () => {
|
|
test('查看系统配置', async ({ page }) => {
|
|
await test.step('导航到系统配置', async () => {
|
|
await page.goto('/dashboard');
|
|
await page.waitForLoadState('networkidle');
|
|
await page.locator('text=系统配置').click();
|
|
await page.waitForTimeout(500);
|
|
await page.locator('text=参数配置').click();
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page).toHaveURL(/.*sys\/config/, { timeout: 10000 });
|
|
});
|
|
|
|
await test.step('验证配置列表显示', async () => {
|
|
await expect(page.locator('table')).toBeVisible();
|
|
});
|
|
});
|
|
|
|
test('修改系统配置', async ({ page }) => {
|
|
await test.step('导航到系统配置', async () => {
|
|
await page.goto('/sys/config');
|
|
});
|
|
|
|
await test.step('点击编辑按钮', async () => {
|
|
const editButton = page.locator('button:has-text("编辑")').first();
|
|
if (await editButton.isVisible()) {
|
|
await editButton.click();
|
|
}
|
|
});
|
|
|
|
await test.step('修改配置值', async () => {
|
|
const configInput = page.locator('input').first();
|
|
if (await configInput.isVisible()) {
|
|
const currentValue = await configInput.inputValue();
|
|
await configInput.fill(currentValue);
|
|
}
|
|
});
|
|
|
|
await test.step('保存配置', async () => {
|
|
const saveButton = page.locator('button:has-text("保存")');
|
|
if (await saveButton.isVisible()) {
|
|
await saveButton.click();
|
|
await page.waitForTimeout(1000);
|
|
}
|
|
});
|
|
});
|
|
|
|
test('字典管理流程', async ({ page }) => {
|
|
await test.step('导航到字典管理', async () => {
|
|
await page.goto('/dashboard');
|
|
await page.waitForLoadState('networkidle');
|
|
await page.locator('text=系统配置').click();
|
|
await page.waitForTimeout(500);
|
|
await page.locator('text=字典管理').click();
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page).toHaveURL(/.*dict/, { timeout: 10000 });
|
|
});
|
|
|
|
await test.step('查看字典列表', async () => {
|
|
await expect(page.locator('table')).toBeVisible();
|
|
});
|
|
|
|
await test.step('搜索字典项', async () => {
|
|
const searchInput = page.locator('input[placeholder*="搜索"]');
|
|
if (await searchInput.isVisible()) {
|
|
await searchInput.fill('status');
|
|
await page.locator('button:has-text("搜索")').click();
|
|
await page.waitForTimeout(1000);
|
|
}
|
|
});
|
|
});
|
|
|
|
test('参数管理流程', async ({ page }) => {
|
|
await test.step('导航到参数管理', async () => {
|
|
await page.goto('/dashboard');
|
|
await page.waitForLoadState('networkidle');
|
|
await page.locator('text=系统配置').click();
|
|
await page.waitForTimeout(500);
|
|
await page.locator('text=参数配置').click();
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page).toHaveURL(/.*sys\/config/, { timeout: 10000 });
|
|
});
|
|
|
|
await test.step('查看参数列表', async () => {
|
|
await expect(page.locator('table')).toBeVisible();
|
|
});
|
|
|
|
await test.step('添加新参数', async () => {
|
|
const addButton = page.locator('button:has-text("新建")');
|
|
if (await addButton.isVisible()) {
|
|
await addButton.click();
|
|
await page.locator('input[placeholder*="参数名"]').fill('test_param');
|
|
await page.locator('input[placeholder*="参数值"]').fill('test_value');
|
|
await page.locator('button:has-text("确定")').click();
|
|
await page.waitForTimeout(1000);
|
|
}
|
|
});
|
|
});
|
|
});
|