feat: 实现认证场景测试

- 创建登录流程测试（6个测试用例） - 管理员用户登录成功 - 普通用户登录成功 - 错误密码登录失败 - 空用户名登录失败 - 空密码登录失败 - Token注入登录 - 创建登出流程测试（4个测试用例） - 用户登出成功 - 登出后无法访问受保护页面 - 登出后Token被清除 - 多角色登出测试
2026-04-04 20:58:30 +08:00
parent 76d8afa264
commit 98276e0ffb
2 changed files with 148 additions and 0 deletions
@@ -0,0 +1,76 @@
+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[type="submit"]');
+    
+    await expect(page).toHaveURL(/\/(dashboard|home)?/, { timeout: 10000 });
+    
+    const usernameDisplay = page.locator(`text=${role.displayName}`);
+    await expect(usernameDisplay).toBeVisible();
+  });
+
+  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[type="submit"]');
+    
+    await expect(page).toHaveURL(/\/(dashboard|home)?/, { 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[type="submit"]');
+    
+    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[type="submit"]');
+    
+    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[type="submit"]');
+    
+    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/);
+    
+    const usernameDisplay = page.locator('text=超级管理员');
+    await expect(usernameDisplay).toBeVisible();
+  });
+});
@@ -0,0 +1,72 @@
+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('[data-testid="user-menu"]');
+    await page.click('[data-testid="logout-button"]');
+    
+    await expect(page).toHaveURL(/\/login/, { timeout: 10000 });
+    
+    const loginButton = page.locator('button[type="submit"]');
+    await expect(loginButton).toBeVisible();
+  });
+
+  test('登出后无法访问受保护页面', async ({ page }) => {
+    await page.goto('/dashboard');
+    
+    await page.click('[data-testid="user-menu"]');
+    await page.click('[data-testid="logout-button"]');
+    
+    await expect(page).toHaveURL(/\/login/);
+    
+    await page.goto('/user-management');
+    
+    await expect(page).toHaveURL(/\/login/);
+  });
+
+  test('登出后Token被清除', async ({ page, context }) => {
+    await page.goto('/dashboard');
+    
+    await page.click('[data-testid="user-menu"]');
+    await page.click('[data-testid="logout-button"]');
+    
+    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('[data-testid="user-menu"]');
+      await page.click('[data-testid="logout-button"]');
+      
+      await expect(page).toHaveURL(/\/login/, { timeout: 10000 });
+    }
+  });
+});