张翔
131 lines
4.9 KiB
TypeScript
131 lines
4.9 KiB
TypeScript
import { test, expect, Page } from '@playwright/test';
|
|
|
|
test.describe('菜单管理集成测试', () => {
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto('/login');
|
|
await page.fill('[data-testid="username-input"] input', 'admin');
|
|
await page.fill('[data-testid="password-input"] input', 'admin123456');
|
|
await page.click('[data-testid="login-button"]');
|
|
await expect(page).toHaveURL(/.*\//, { timeout: 15000 });
|
|
|
|
await page.goto('/system/menu');
|
|
await page.waitForLoadState('networkidle');
|
|
});
|
|
|
|
test('菜单列表页面 - 应正确显示', async ({ page }) => {
|
|
await expect(page.locator('[data-testid="menu-management-container"], .menu-management')).toBeVisible();
|
|
await expect(page.locator('table, .el-table')).toBeVisible();
|
|
});
|
|
|
|
test('菜单树形结构 - 应正确展开收起', async ({ page }) => {
|
|
const expandButton = page.locator('.el-table__expand-icon, .el-tree-node__expand-icon');
|
|
if (await expandButton.count() > 0) {
|
|
await expandButton.first().click();
|
|
|
|
await page.waitForTimeout(500);
|
|
}
|
|
});
|
|
|
|
test('新增菜单 - 成功', async ({ page }) => {
|
|
const timestamp = Date.now();
|
|
|
|
const addButton = page.locator('button:has-text("新增"), button:has-text("添加")');
|
|
if (await addButton.count() > 0) {
|
|
await addButton.first().click();
|
|
|
|
await expect(page.locator('.el-dialog')).toBeVisible();
|
|
|
|
const nameInput = page.locator('input[placeholder*="菜单名"], input[placeholder*="名称"]');
|
|
if (await nameInput.count() > 0) {
|
|
await nameInput.fill(`测试菜单_${timestamp}`);
|
|
}
|
|
|
|
const pathInput = page.locator('input[placeholder*="路径"], input[placeholder*="path"]');
|
|
if (await pathInput.count() > 0) {
|
|
await pathInput.fill(`/test-menu-${timestamp}`);
|
|
}
|
|
|
|
const submitButton = page.locator('.el-dialog button:has-text("确定"), .el-dialog button:has-text("保存")');
|
|
if (await submitButton.count() > 0) {
|
|
await submitButton.click();
|
|
|
|
await expect(page.locator('.el-message--success')).toBeVisible({ timeout: 10000 });
|
|
}
|
|
}
|
|
});
|
|
|
|
test('编辑菜单 - 成功', async ({ page }) => {
|
|
const editButton = page.locator('table button:has-text("编辑"), .el-table button:has-text("编辑")');
|
|
if (await editButton.count() > 0) {
|
|
await editButton.first().click();
|
|
|
|
await expect(page.locator('.el-dialog')).toBeVisible();
|
|
|
|
const submitButton = page.locator('.el-dialog button:has-text("确定"), .el-dialog button:has-text("保存")');
|
|
if (await submitButton.count() > 0) {
|
|
await submitButton.click();
|
|
|
|
await expect(page.locator('.el-message--success')).toBeVisible({ timeout: 10000 });
|
|
}
|
|
}
|
|
});
|
|
|
|
test('删除菜单 - 成功', async ({ page }) => {
|
|
const deleteButton = page.locator('table button:has-text("删除"), .el-table button:has-text("删除")');
|
|
if (await deleteButton.count() > 0) {
|
|
await deleteButton.first().click();
|
|
|
|
const confirmButton = page.locator('.el-popconfirm button:has-text("确定"), .el-message-box button:has-text("确定")');
|
|
if (await confirmButton.count() > 0) {
|
|
await confirmButton.click();
|
|
|
|
await expect(page.locator('.el-message--success')).toBeVisible({ timeout: 10000 });
|
|
}
|
|
}
|
|
});
|
|
|
|
test('菜单排序 - 应正确调整顺序', async ({ page }) => {
|
|
const sortInput = page.locator('input[type="number"]').first();
|
|
if (await sortInput.count() > 0) {
|
|
const currentValue = await sortInput.inputValue();
|
|
const newValue = parseInt(currentValue) + 1;
|
|
await sortInput.fill(newValue.toString());
|
|
|
|
await page.keyboard.press('Enter');
|
|
}
|
|
});
|
|
|
|
test('菜单图标选择 - 应正确显示图标选择器', async ({ page }) => {
|
|
const addButton = page.locator('button:has-text("新增"), button:has-text("添加")');
|
|
if (await addButton.count() > 0) {
|
|
await addButton.first().click();
|
|
|
|
const iconPicker = page.locator('.icon-picker, .el-icon-picker, [class*="icon"]');
|
|
if (await iconPicker.count() > 0) {
|
|
await iconPicker.first().click();
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe('菜单权限测试', () => {
|
|
|
|
test('菜单权限控制 - 无权限菜单不显示', async ({ page, context }) => {
|
|
await context.clearCookies();
|
|
await page.evaluate(() => localStorage.clear());
|
|
|
|
await page.goto('/login');
|
|
await page.fill('[data-testid="username-input"] input', 'testuser');
|
|
await page.fill('[data-testid="password-input"] input', 'test123456');
|
|
await page.click('[data-testid="login-button"]');
|
|
|
|
await page.goto('/system/menu');
|
|
|
|
const addButton = page.locator('button:has-text("新增"), button:has-text("添加")');
|
|
const isVisible = await addButton.isVisible().catch(() => false);
|
|
|
|
expect(isVisible).toBe(false);
|
|
});
|
|
});
|