张翔
141 lines
4.3 KiB
TypeScript
141 lines
4.3 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { MockManager } from './mock-manager';
|
|
import { TestConfig } from './core/test-config';
|
|
|
|
test.describe('菜单管理', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
const config = TestConfig.getInstance().getEnvironment();
|
|
|
|
const mockManager = new MockManager({
|
|
enabled: config.mockEnabled,
|
|
mode: config.mockMode,
|
|
mockPaths: [],
|
|
delay: 0,
|
|
logCalls: true,
|
|
validateResponses: true,
|
|
dataSource: 'memory'
|
|
});
|
|
|
|
if (config.mockEnabled) {
|
|
mockManager.presetTestData({
|
|
menus: [
|
|
{
|
|
id: 1,
|
|
name: '仪表盘',
|
|
code: 'dashboard',
|
|
path: '/dashboard',
|
|
icon: 'DashboardOutlined',
|
|
sortOrder: 1,
|
|
status: 'active',
|
|
parentId: 0,
|
|
component: 'views/Dashboard.vue',
|
|
createBy: 'system',
|
|
updateBy: 'system',
|
|
createdAt: '2024-01-01T00:00:00.000Z',
|
|
updatedAt: '2024-01-01T00:00:00.000Z',
|
|
children: []
|
|
},
|
|
{
|
|
id: 4,
|
|
name: '菜单管理',
|
|
code: 'menu',
|
|
path: '/menus',
|
|
icon: 'MenuOutlined',
|
|
sortOrder: 4,
|
|
status: 'active',
|
|
parentId: 0,
|
|
component: 'views/MenuManagement.vue',
|
|
createBy: 'system',
|
|
updateBy: 'system',
|
|
createdAt: '2024-01-01T00:00:00.000Z',
|
|
updatedAt: '2024-01-01T00:00:00.000Z',
|
|
children: []
|
|
},
|
|
{
|
|
id: 5,
|
|
name: '系统管理',
|
|
code: 'system',
|
|
path: '/system',
|
|
icon: 'SettingOutlined',
|
|
sortOrder: 5,
|
|
status: 'active',
|
|
parentId: 0,
|
|
component: null,
|
|
createBy: 'system',
|
|
updateBy: 'system',
|
|
createdAt: '2024-01-01T00:00:00.000Z',
|
|
updatedAt: '2024-01-01T00:00:00.000Z',
|
|
children: [
|
|
{
|
|
id: 6,
|
|
name: '用户管理',
|
|
code: 'user',
|
|
path: '/system/users',
|
|
icon: 'UserOutlined',
|
|
sortOrder: 1,
|
|
status: 'active',
|
|
parentId: 5,
|
|
component: 'views/UserManagement.vue',
|
|
createBy: 'system',
|
|
updateBy: 'system',
|
|
createdAt: '2024-01-01T00:00:00.000Z',
|
|
updatedAt: '2024-01-01T00:00:00.000Z',
|
|
children: []
|
|
},
|
|
{
|
|
id: 7,
|
|
name: '角色管理',
|
|
code: 'role',
|
|
path: '/system/roles',
|
|
icon: 'LockOutlined',
|
|
sortOrder: 2,
|
|
status: 'active',
|
|
parentId: 5,
|
|
component: 'views/RoleManagement.vue',
|
|
createBy: 'system',
|
|
updateBy: 'system',
|
|
createdAt: '2024-01-01T00:00:00.000Z',
|
|
updatedAt: '2024-01-01T00:00:00.000Z',
|
|
children: []
|
|
}
|
|
]
|
|
}
|
|
]
|
|
});
|
|
}
|
|
|
|
await mockManager.interceptAPIRequest(page);
|
|
|
|
await page.goto('/login');
|
|
await page.getByPlaceholder(/用户名/).fill('admin');
|
|
await page.getByPlaceholder(/密码/).fill('admin123');
|
|
await page.getByRole('button', { name: /登录/ }).click();
|
|
await page.waitForTimeout(3000);
|
|
});
|
|
|
|
test('应该显示菜单列表页面', async ({ page }) => {
|
|
await page.goto('/menus');
|
|
await expect(page).toHaveURL(/.*menus/, { timeout: 10000 });
|
|
});
|
|
|
|
test('应该显示菜单树形结构', async ({ page }) => {
|
|
await page.goto('/menus');
|
|
await expect(page).toHaveURL(/.*menus/, { timeout: 10000 });
|
|
});
|
|
|
|
test('应该能够搜索菜单', async ({ page }) => {
|
|
await page.goto('/menus');
|
|
await expect(page).toHaveURL(/.*menus/, { timeout: 10000 });
|
|
});
|
|
|
|
test('应该能够重置搜索条件', async ({ page }) => {
|
|
await page.goto('/menus');
|
|
await expect(page).toHaveURL(/.*menus/, { timeout: 10000 });
|
|
});
|
|
|
|
test('应该能够展开和折叠菜单', async ({ page }) => {
|
|
await page.goto('/menus');
|
|
await expect(page).toHaveURL(/.*menus/, { timeout: 10000 });
|
|
});
|
|
});
|