fix(e2e): 修复测试登录状态问题

问题:
- 测试用例之间没有共享登录状态
- 每个测试都创建新的浏览器上下文
- 导致后续测试无法访问已登录的页面

修复:
- 添加auth.setup.ts文件保存登录状态
- 在playwright.config.ts中配置setup项目
- 配置storageState恢复登录状态
- 移除重复的登录测试
- 添加页面加载等待

优势:
- 测试之间共享登录状态
- 减少重复登录操作
- 提高测试执行效率
- 更符合实际使用场景
This commit is contained in:
张翔
2026-04-07 11:47:42 +08:00
parent d65537529a
commit b34c09bdaf
4 changed files with 46 additions and 34 deletions
+16
View File
@@ -0,0 +1,16 @@
import { test as setup } from '@playwright/test';
const authFile = 'playwright/.auth/user.json';
setup('authenticate', async ({ page }) => {
await page.goto('/login');
await page.waitForLoadState('networkidle');
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', { timeout: 30000 });
await page.context().storageState({ path: authFile });
});
+23
View File
@@ -0,0 +1,23 @@
import { Page } from '@playwright/test';
export async function loginAsAdmin(page: Page) {
await page.goto('/login');
await page.waitForLoadState('networkidle');
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', { timeout: 30000 });
const token = await page.evaluate(() => {
return localStorage.getItem('token') || '';
});
return token;
}
export async function saveAuthState(page: Page) {
const storage = await page.context().storageState();
return storage;
}
@@ -8,43 +8,10 @@ test.describe('管理员完整工作流', () => {
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.waitForLoadState('networkidle');
await expect(page.locator('input[placeholder*="用户名"]')).toBeVisible({ timeout: 10000 });
});
await test.step('输入管理员凭证', async () => {
const usernameInput = page.locator('input[placeholder*="用户名"]');
const passwordInput = page.locator('input[placeholder*="密码"]');
await usernameInput.waitFor({ state: 'visible' });
await usernameInput.fill('admin');
await passwordInput.waitFor({ state: 'visible' });
await passwordInput.fill('admin123');
});
await test.step('点击登录按钮', async () => {
const loginButton = page.locator('button:has-text("登录")');
await loginButton.waitFor({ state: 'visible' });
await loginButton.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.waitForLoadState('networkidle');
await page.locator('text=系统管理').click();
await page.locator('text=角色管理').click();
await expect(page).toHaveURL(/.*roles/);
+6
View File
@@ -53,12 +53,18 @@ export default defineConfig({
},
projects: [
{
name: 'setup',
testMatch: /.*\.setup\.ts/,
},
{
name: 'journeys',
testDir: './e2e/journeys',
testMatch: /.*\.spec\.ts/,
dependencies: ['setup'],
use: {
...devices['Desktop Chrome'],
storageState: 'playwright/.auth/user.json',
launchOptions: {
args: [
'--disable-blink-features=AutomationControlled',