feat(e2e): 创建管理员完整工作流测试
实现用户旅程测试: - 管理员登录 - 创建角色并分配权限 - 创建用户并分配角色 - 验证新用户登录 - 清理测试数据 采用 serial 模式确保测试顺序执行
This commit is contained in:
@@ -0,0 +1,137 @@
|
||||
import { test, expect } from '@playwright/test';
|
||||
|
||||
test.describe('管理员完整工作流', () => {
|
||||
test.describe.configure({ mode: 'serial' });
|
||||
|
||||
const timestamp = Date.now();
|
||||
const roleName = `测试角色_${timestamp}`;
|
||||
const roleKey = `test_role_${timestamp}`;
|
||||
const username = `testuser_${timestamp}`;
|
||||
|
||||
test('管理员登录', async ({ page }) => {
|
||||
await test.step('访问登录页面', async () => {
|
||||
await page.goto('/login');
|
||||
await expect(page).toHaveTitle(/登录/);
|
||||
});
|
||||
|
||||
await test.step('输入管理员凭证', async () => {
|
||||
await page.locator('input[placeholder*="用户名"]').fill('admin');
|
||||
await page.locator('input[placeholder*="密码"]').fill('admin123');
|
||||
});
|
||||
|
||||
await test.step('点击登录按钮', async () => {
|
||||
await page.locator('button:has-text("登录")').click();
|
||||
});
|
||||
|
||||
await test.step('验证登录成功', async () => {
|
||||
await page.waitForURL('**/dashboard', { timeout: 30000 });
|
||||
await expect(page).toHaveURL(/.*dashboard/);
|
||||
});
|
||||
});
|
||||
|
||||
test('创建角色并分配权限', async ({ page }) => {
|
||||
await test.step('导航到角色管理', async () => {
|
||||
await page.goto('/dashboard');
|
||||
await page.locator('text=系统管理').click();
|
||||
await page.locator('text=角色管理').click();
|
||||
await expect(page).toHaveURL(/.*roles/);
|
||||
});
|
||||
|
||||
await test.step('点击创建角色按钮', async () => {
|
||||
await page.locator('button:has-text("新建")').click();
|
||||
});
|
||||
|
||||
await test.step('填写角色信息', async () => {
|
||||
await page.locator('input[placeholder*="角色名称"]').fill(roleName);
|
||||
await page.locator('input[placeholder*="角色标识"]').fill(roleKey);
|
||||
await page.locator('input[placeholder*="排序"]').fill('1');
|
||||
await page.locator('textarea[placeholder*="备注"]').fill('测试角色');
|
||||
});
|
||||
|
||||
await test.step('提交表单', async () => {
|
||||
await page.locator('button:has-text("确定")').click();
|
||||
await expect(page.locator('.el-message--success')).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
});
|
||||
|
||||
test('创建用户并分配角色', async ({ page }) => {
|
||||
await test.step('导航到用户管理', async () => {
|
||||
await page.goto('/dashboard');
|
||||
await page.locator('text=系统管理').click();
|
||||
await page.locator('text=用户管理').click();
|
||||
await expect(page).toHaveURL(/.*users/);
|
||||
});
|
||||
|
||||
await test.step('点击创建用户按钮', async () => {
|
||||
await page.locator('button:has-text("新建")').click();
|
||||
});
|
||||
|
||||
await test.step('填写用户信息', async () => {
|
||||
await page.locator('input[placeholder*="用户名"]').fill(username);
|
||||
await page.locator('input[placeholder*="昵称"]').fill(`测试用户${timestamp}`);
|
||||
await page.locator('input[placeholder*="邮箱"]').fill(`test_${timestamp}@example.com`);
|
||||
await page.locator('input[placeholder*="手机"]').fill('13800138000');
|
||||
await page.locator('input[placeholder*="密码"]').fill('Test@123');
|
||||
});
|
||||
|
||||
await test.step('提交表单', async () => {
|
||||
await page.locator('button:has-text("确定")').click();
|
||||
await expect(page.locator('.el-message--success')).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
});
|
||||
|
||||
test('验证新用户登录', async ({ page }) => {
|
||||
await test.step('管理员登出', async () => {
|
||||
await page.goto('/dashboard');
|
||||
await page.locator('.el-dropdown-link').click();
|
||||
await page.locator('text=退出登录').click();
|
||||
await page.waitForURL(/.*login/);
|
||||
});
|
||||
|
||||
await test.step('新用户登录', async () => {
|
||||
await page.goto('/login');
|
||||
await page.locator('input[placeholder*="用户名"]').fill(username);
|
||||
await page.locator('input[placeholder*="密码"]').fill('Test@123');
|
||||
await page.locator('button:has-text("登录")').click();
|
||||
await page.waitForURL('**/dashboard', { timeout: 30000 });
|
||||
});
|
||||
|
||||
await test.step('验证用户信息', async () => {
|
||||
const displayedUsername = await page.locator('.el-dropdown-link').textContent();
|
||||
expect(displayedUsername).toContain(username);
|
||||
});
|
||||
});
|
||||
|
||||
test('清理测试数据', async ({ page }) => {
|
||||
await test.step('管理员重新登录', async () => {
|
||||
await page.goto('/dashboard');
|
||||
await page.locator('.el-dropdown-link').click();
|
||||
await page.locator('text=退出登录').click();
|
||||
await page.goto('/login');
|
||||
await page.locator('input[placeholder*="用户名"]').fill('admin');
|
||||
await page.locator('input[placeholder*="密码"]').fill('admin123');
|
||||
await page.locator('button:has-text("登录")').click();
|
||||
await page.waitForURL('**/dashboard');
|
||||
});
|
||||
|
||||
await test.step('删除测试用户', async () => {
|
||||
await page.goto('/users');
|
||||
await page.locator('input[placeholder*="搜索"]').fill(username);
|
||||
await page.locator('button:has-text("搜索")').click();
|
||||
await page.waitForTimeout(1000);
|
||||
await page.locator('button:has-text("删除")').first().click();
|
||||
await page.locator('button:has-text("确定")').click();
|
||||
await expect(page.locator('.el-message--success')).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
|
||||
await test.step('删除测试角色', async () => {
|
||||
await page.goto('/roles');
|
||||
await page.locator('input[placeholder*="搜索"]').fill(roleName);
|
||||
await page.locator('button:has-text("搜索")').click();
|
||||
await page.waitForTimeout(1000);
|
||||
await page.locator('button:has-text("删除")').first().click();
|
||||
await page.locator('button:has-text("确定")').click();
|
||||
await expect(page.locator('.el-message--success')).toBeVisible({ timeout: 5000 });
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user