109d184f91
问题分析: 1. 登录按钮使用native-type而非type属性 2. 登录后跳转到/而非/dashboard 3. 路径映射错误:/user-management应为/users等 修复内容: - 登录流程测试:修复按钮选择器和URL断言 - 登出流程测试:修复下拉菜单选择器 - 用户管理测试:修正路径为/users - 权限边界测试:修正路径为/users、/roles、/menus - 移除不存在的data-testid选择器 - 添加适当的等待和错误消息匹配
131 lines
4.3 KiB
TypeScript
131 lines
4.3 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { RoleFactory } from '../../roles/role-factory';
|
|
import { createAuthenticatedPage } from '../../shared/auth-helper';
|
|
import { createPermissionHelper } from '../../shared/permission-helper';
|
|
|
|
test.describe('权限边界验证测试', () => {
|
|
test.describe('管理员权限', () => {
|
|
test.beforeEach(async ({ page, context }) => {
|
|
await createAuthenticatedPage(page, context, 'admin');
|
|
});
|
|
|
|
test('管理员可以访问用户管理页面', async ({ page }) => {
|
|
const permissionHelper = createPermissionHelper(page);
|
|
const adminRole = RoleFactory.getRole('admin');
|
|
|
|
await permissionHelper.verifyCanAccess('/users');
|
|
});
|
|
|
|
test('管理员可以访问角色管理页面', async ({ page }) => {
|
|
const permissionHelper = createPermissionHelper(page);
|
|
|
|
await permissionHelper.verifyCanAccess('/roles');
|
|
});
|
|
|
|
test('管理员可以创建用户', async ({ page }) => {
|
|
await page.goto('/users');
|
|
|
|
const createButton = page.locator('button:has-text("新增")');
|
|
await expect(createButton).toBeVisible();
|
|
await expect(createButton).toBeEnabled();
|
|
});
|
|
|
|
test('管理员可以编辑用户', async ({ page }) => {
|
|
await page.goto('/users');
|
|
|
|
const editButton = page.locator('button:has-text("编辑")').first();
|
|
await expect(editButton).toBeVisible();
|
|
});
|
|
|
|
test('管理员可以删除用户', async ({ page }) => {
|
|
await page.goto('/users');
|
|
|
|
const deleteButton = page.locator('button:has-text("删除")').first();
|
|
await expect(deleteButton).toBeVisible();
|
|
});
|
|
});
|
|
|
|
test.describe('普通用户权限', () => {
|
|
test.beforeEach(async ({ page, context }) => {
|
|
await createAuthenticatedPage(page, context, 'user');
|
|
});
|
|
|
|
test('普通用户无法访问用户管理页面', async ({ page }) => {
|
|
const permissionHelper = createPermissionHelper(page);
|
|
const userRole = RoleFactory.getRole('user');
|
|
|
|
await permissionHelper.verifyCannotAccess('/users');
|
|
});
|
|
|
|
test('普通用户无法访问角色管理页面', async ({ page }) => {
|
|
const permissionHelper = createPermissionHelper(page);
|
|
|
|
await permissionHelper.verifyCannotAccess('/roles');
|
|
});
|
|
|
|
test('普通用户可以访问个人中心', async ({ page }) => {
|
|
await page.goto('/profile');
|
|
|
|
await expect(page).not.toHaveURL(/\/login/);
|
|
await expect(page).not.toHaveURL(/\/403/);
|
|
});
|
|
|
|
test('普通用户可以修改个人信息', async ({ page }) => {
|
|
await page.goto('/profile');
|
|
|
|
const editButton = page.locator('button:has-text("编辑")');
|
|
const count = await editButton.count();
|
|
|
|
if (count > 0) {
|
|
await expect(editButton.first()).toBeVisible();
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe('测试用户权限', () => {
|
|
test.beforeEach(async ({ page, context }) => {
|
|
await createAuthenticatedPage(page, context, 'test');
|
|
});
|
|
|
|
test('测试用户无法访问用户管理页面', async ({ page }) => {
|
|
const permissionHelper = createPermissionHelper(page);
|
|
|
|
await permissionHelper.verifyCannotAccess('/users');
|
|
});
|
|
|
|
test('测试用户可以访问测试页面', async ({ page }) => {
|
|
await page.goto('/test');
|
|
|
|
await expect(page).not.toHaveURL(/\/login/);
|
|
await expect(page).not.toHaveURL(/\/403/);
|
|
});
|
|
});
|
|
|
|
test.describe('跨角色权限对比', () => {
|
|
test('不同角色访问权限对比', async ({ page, context }) => {
|
|
const roles = ['admin', 'user', 'test'];
|
|
const protectedPaths = ['/users', '/roles', '/menus'];
|
|
|
|
for (const roleName of roles) {
|
|
const role = RoleFactory.getRole(roleName);
|
|
const helper = new (await import('../../shared/auth-helper')).AuthHelper(page, context);
|
|
await helper.clearAuth();
|
|
await helper.loginAsRole(roleName);
|
|
|
|
for (const path of protectedPaths) {
|
|
await page.goto(path);
|
|
|
|
const isForbidden = role.cannotAccess.includes(path);
|
|
const url = page.url();
|
|
|
|
if (isForbidden) {
|
|
expect(url.includes('/403') || url.includes('/login')).toBeTruthy();
|
|
} else {
|
|
expect(url.includes('/403')).toBeFalsy();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|