张翔
109d184f91
问题分析： 1. 登录按钮使用native-type而非type属性 2. 登录后跳转到/而非/dashboard 3. 路径映射错误：/user-management应为/users等 修复内容： - 登录流程测试：修复按钮选择器和URL断言 - 登出流程测试：修复下拉菜单选择器 - 用户管理测试：修正路径为/users - 权限边界测试：修正路径为/users、/roles、/menus - 移除不存在的data-testid选择器 - 添加适当的等待和错误消息匹配
75 lines
2.7 KiB
TypeScript
75 lines
2.7 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { RoleFactory } from '../../roles/role-factory';
|
|
import { createAuthenticatedPage } from '../../shared/auth-helper';
|
|
|
|
test.describe('登录流程测试', () => {
|
|
test('管理员用户登录成功', async ({ page, context }) => {
|
|
const role = RoleFactory.getRole('admin');
|
|
|
|
await page.goto('/login');
|
|
|
|
await page.fill('input[placeholder*="用户名"]', role.credentials.username);
|
|
await page.fill('input[placeholder*="密码"]', role.credentials.password);
|
|
await page.click('button:has-text("登录")');
|
|
|
|
await expect(page).toHaveURL(/\/(dashboard|\/)?/, { timeout: 10000 });
|
|
|
|
await page.waitForLoadState('networkidle');
|
|
});
|
|
|
|
test('普通用户登录成功', async ({ page, context }) => {
|
|
const role = RoleFactory.getRole('user');
|
|
|
|
await page.goto('/login');
|
|
|
|
await page.fill('input[placeholder*="用户名"]', role.credentials.username);
|
|
await page.fill('input[placeholder*="密码"]', role.credentials.password);
|
|
await page.click('button:has-text("登录")');
|
|
|
|
await expect(page).toHaveURL(/\/(dashboard|\/)?/, { timeout: 10000 });
|
|
});
|
|
|
|
test('错误密码登录失败', async ({ page }) => {
|
|
await page.goto('/login');
|
|
|
|
await page.fill('input[placeholder*="用户名"]', 'admin');
|
|
await page.fill('input[placeholder*="密码"]', 'wrongpassword');
|
|
await page.click('button:has-text("登录")');
|
|
|
|
const errorMessage = page.locator('text=/用户名或密码错误|登录失败|密码错误/i');
|
|
await expect(errorMessage).toBeVisible({ timeout: 5000 });
|
|
|
|
await expect(page).toHaveURL(/\/login/);
|
|
});
|
|
|
|
test('空用户名登录失败', async ({ page }) => {
|
|
await page.goto('/login');
|
|
|
|
await page.fill('input[placeholder*="密码"]', 'Test@123');
|
|
await page.click('button:has-text("登录")');
|
|
|
|
const validationMessage = page.locator('text=/请输入用户名|用户名不能为空|请输入用户名/i');
|
|
await expect(validationMessage).toBeVisible({ timeout: 5000 });
|
|
});
|
|
|
|
test('空密码登录失败', async ({ page }) => {
|
|
await page.goto('/login');
|
|
|
|
await page.fill('input[placeholder*="用户名"]', 'admin');
|
|
await page.click('button:has-text("登录")');
|
|
|
|
const validationMessage = page.locator('text=/请输入密码|密码不能为空|请输入密码/i');
|
|
await expect(validationMessage).toBeVisible({ timeout: 5000 });
|
|
});
|
|
|
|
test('Token注入登录', async ({ page, context }) => {
|
|
await createAuthenticatedPage(page, context, 'admin');
|
|
|
|
await page.goto('/dashboard');
|
|
|
|
await expect(page).toHaveURL(/\/dashboard/);
|
|
|
|
await page.waitForLoadState('networkidle');
|
|
});
|
|
});
|