张翔
109d184f91
问题分析： 1. 登录按钮使用native-type而非type属性 2. 登录后跳转到/而非/dashboard 3. 路径映射错误：/user-management应为/users等 修复内容： - 登录流程测试：修复按钮选择器和URL断言 - 登出流程测试：修复下拉菜单选择器 - 用户管理测试：修正路径为/users - 权限边界测试：修正路径为/users、/roles、/menus - 移除不存在的data-testid选择器 - 添加适当的等待和错误消息匹配
77 lines
2.4 KiB
TypeScript
77 lines
2.4 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { RoleFactory } from '../../roles/role-factory';
|
|
import { AuthHelper } from '../../shared/auth-helper';
|
|
|
|
test.describe('登出流程测试', () => {
|
|
let authHelper: AuthHelper;
|
|
|
|
test.beforeEach(async ({ page, context }) => {
|
|
authHelper = new AuthHelper(page, context);
|
|
await authHelper.loginAsRole('admin');
|
|
});
|
|
|
|
test('用户登出成功', async ({ page }) => {
|
|
await page.goto('/dashboard');
|
|
|
|
await page.click('.el-dropdown');
|
|
await page.waitForSelector('.el-dropdown-menu', { state: 'visible' });
|
|
await page.click('text=退出登录');
|
|
|
|
await expect(page).toHaveURL(/\/login/, { timeout: 10000 });
|
|
|
|
const loginButton = page.locator('button:has-text("登录")');
|
|
await expect(loginButton).toBeVisible();
|
|
});
|
|
|
|
test('登出后无法访问受保护页面', async ({ page }) => {
|
|
await page.goto('/dashboard');
|
|
|
|
await page.click('.el-dropdown');
|
|
await page.waitForSelector('.el-dropdown-menu', { state: 'visible' });
|
|
await page.click('text=退出登录');
|
|
|
|
await expect(page).toHaveURL(/\/login/);
|
|
|
|
await page.goto('/users');
|
|
|
|
await expect(page).toHaveURL(/\/login/);
|
|
});
|
|
|
|
test('登出后Token被清除', async ({ page, context }) => {
|
|
await page.goto('/dashboard');
|
|
|
|
await page.click('.el-dropdown');
|
|
await page.waitForSelector('.el-dropdown-menu', { state: 'visible' });
|
|
await page.click('text=退出登录');
|
|
|
|
await expect(page).toHaveURL(/\/login/);
|
|
|
|
const cookies = await context.cookies();
|
|
const tokenCookie = cookies.find(c => c.name === 'token');
|
|
expect(tokenCookie).toBeUndefined();
|
|
|
|
const localStorageToken = await page.evaluate(() => {
|
|
return localStorage.getItem('token');
|
|
});
|
|
expect(localStorageToken).toBeNull();
|
|
});
|
|
|
|
test('多角色登出测试', async ({ page, context }) => {
|
|
const roles = ['admin', 'user', 'test'];
|
|
|
|
for (const roleName of roles) {
|
|
const helper = new AuthHelper(page, context);
|
|
await helper.clearAuth();
|
|
await helper.loginAsRole(roleName);
|
|
|
|
await page.goto('/dashboard');
|
|
|
|
await page.click('.el-dropdown');
|
|
await page.waitForSelector('.el-dropdown-menu', { state: 'visible' });
|
|
await page.click('text=退出登录');
|
|
|
|
await expect(page).toHaveURL(/\/login/, { timeout: 10000 });
|
|
}
|
|
});
|
|
});
|