novalon/novalon-manage-system
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test: E2E 测试用例更新与新增

Browse Source 
- 更新 Page Object 模型适配新字段名
- 新增 UAT 测试套件与 journey 测试用例
- 优化测试辅助工具与数据工厂
- 更新 playwright 认证状态
This commit is contained in:
张翔
2026-05-06 14:17:51 +08:00
committed by zhangxiang
parent 9e635b1483
commit e8f51309e5
47 changed files with 1764 additions and 1226 deletions
Download Patch File Download Diff File Expand all files Collapse all files
novalon-manage-web/e2e/pages/LoginPage.ts
+25 -73
View File
@@ -6,15 +6,15 @@ export class LoginPage {
readonly passwordInput: Locator;
readonly loginButton: Locator;
readonly errorMessage: Locator;
readonly logoutButton: Locator;
readonly successMessage: Locator;
constructor(page: Page) {
this.page = page;
this.usernameInput = page.locator('input[placeholder="请输入用户名"]');
this.passwordInput = page.locator('input[placeholder="请输入密码"]');
this.loginButton = page.locator('button:has-text("登录")');
this.errorMessage = page.locator('.el-message--error .el-message__content');
this.logoutButton = page.getByRole('button', { name: '退出登录' });
this.usernameInput = page.locator('input[placeholder="用户名"]');
this.passwordInput = page.locator('input[placeholder="密码"]');
this.loginButton = page.getByRole('button', { name: /登\s*录/ });
this.errorMessage = page.locator('.ant-message-error .ant-message-notice-content');
this.successMessage = page.locator('.ant-message-success .ant-message-notice-content');
}
async goto() {
@@ -22,87 +22,39 @@ export class LoginPage {
await this.page.waitForLoadState('networkidle');
}
async login(username: string, password: string, maxRetries: number = 3) {
let lastError: Error | null = null;
for (let attempt = 1; attempt <= maxRetries; attempt++) {
console.log(`Login attempt ${attempt}/${maxRetries}`);
try {
await this.usernameInput.fill(username);
await this.passwordInput.fill(password);
console.log('Filled username and password');
await this.loginButton.click();
console.log('Clicked login button');
async login(username: string, password: string) {
await this.usernameInput.fill(username);
await this.passwordInput.fill(password);
await this.loginButton.click();
await this.page.waitForURL(/\/(dashboard)/, { timeout: 30000 });
await this.page.waitForLoadState('networkidle');
}
await this.page.waitForURL(/\/(dashboard|\/)$/, { timeout: 30000 });
console.log('Successfully navigated to dashboard or home');
await this.page.waitForLoadState('networkidle');
console.log('Network idle achieved');
await this.page.waitForTimeout(2000);
console.log('Login completed successfully');
return;
} catch (error) {
lastError = error as Error;
console.log(`Login attempt ${attempt} failed:`, error);
const currentUrl = this.page.url();
console.log('Current URL:', currentUrl);
const errorMessage = await this.getErrorMessage();
if (errorMessage) {
console.log('Login error message:', errorMessage);
}
const token = await this.page.evaluate(() => localStorage.getItem('token'));
console.log('Token in localStorage:', token ? 'exists' : 'not found');
if (attempt < maxRetries) {
console.log(`Waiting 2 seconds before retry...`);
await this.page.waitForTimeout(2000);
await this.goto();
console.log('Navigated back to login page for retry');
}
}
}
console.log(`All ${maxRetries} login attempts failed`);
throw lastError || new Error('Login failed after all retries');
async loginAndExpectError(username: string, password: string) {
await this.usernameInput.fill(username);
await this.passwordInput.fill(password);
await this.loginButton.click();
}
async getErrorMessage(): Promise<string | null> {
try {
await this.page.waitForSelector('.el-message--error', { timeout: 10000 });
await this.page.waitForTimeout(500);
const messageElement = await this.page.locator('.el-message--error .el-message__content').first();
const text = await messageElement.textContent();
return text;
await this.errorMessage.waitFor({ state: 'visible', timeout: 5000 });
return await this.errorMessage.textContent();
} catch {
try {
await this.page.waitForSelector('.el-message', { timeout: 5000 });
await this.page.waitForTimeout(500);
const messageElement = await this.page.locator('.el-message .el-message__content').first();
const text = await messageElement.textContent();
return text;
} catch {
return null;
}
return null;
}
}
async logout() {
const avatar = this.page.locator('.el-avatar');
const avatar = this.page.locator('.ant-avatar').first();
await avatar.click();
await this.page.waitForTimeout(1000);
const logoutButton = this.page.locator('.el-dropdown-menu').getByText('退出登录');
await logoutButton.click();
await this.page.waitForTimeout(500);
const logoutItem = this.page.locator('.ant-dropdown-menu-item:has-text("退出登录")');
await logoutItem.click();
await this.page.waitForURL('**/login', { timeout: 10000 });
}
async isLoggedIn(): Promise<boolean> {
return this.page.url().includes('/dashboard') || this.page.url() === this.page.url().split('?')[0].split('#')[0];
return this.page.url().includes('/dashboard');
}
}