108 lines
3.7 KiB
TypeScript
108 lines
3.7 KiB
TypeScript
import { Page, Locator, expect } from '@playwright/test';
|
|
|
|
export class StatisticsDashboardPage {
|
|
readonly page: Page;
|
|
readonly summaryCards: Locator;
|
|
readonly statCards: Locator;
|
|
|
|
constructor(page: Page) {
|
|
this.page = page;
|
|
this.summaryCards = page.locator('.el-card').or(page.locator('.statistics-card')).or(page.locator('.summary-card')).or(page.locator('.dashboard-card'));
|
|
this.statCards = page.locator('.stat-card').or(page.locator('.el-card')).or(page.locator('.summary-card'));
|
|
}
|
|
|
|
async goto() {
|
|
try {
|
|
console.log('导航到数据统计页面...');
|
|
await this.page.goto('/statistics');
|
|
|
|
await this.page.waitForLoadState('networkidle');
|
|
|
|
await expect(this.page).toHaveURL(/.*statistics/);
|
|
|
|
console.log('数据统计页面加载完成');
|
|
} catch (error) {
|
|
await this.page.screenshot({ path: `test-results/statistics-dashboard-error-${Date.now()}.png` });
|
|
|
|
console.error('导航到数据统计页面失败:', error);
|
|
|
|
throw new Error(`导航到数据统计页面失败: ${error instanceof Error ? error.message : String(error)}`);
|
|
}
|
|
}
|
|
|
|
async verifyStatisticsLoaded(): Promise<boolean> {
|
|
try {
|
|
await this.summaryCards.first().waitFor({ state: 'visible', timeout: 10000 });
|
|
|
|
const cardCount = await this.summaryCards.count();
|
|
console.log(`数据统计页面加载完成，找到 ${cardCount} 个统计卡片`);
|
|
|
|
return cardCount > 0;
|
|
} catch (error) {
|
|
console.log('统计卡片未找到，尝试备选选择器');
|
|
|
|
const altCards = this.page.locator('.statistics-container').or(this.page.locator('.dashboard-container'));
|
|
if (await altCards.count() > 0) {
|
|
await altCards.first().waitFor({ state: 'visible', timeout: 10000 });
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
}
|
|
|
|
async getSummaryCardCount(): Promise<number> {
|
|
return await this.summaryCards.count();
|
|
}
|
|
|
|
async getSummaryCardText(index: number): Promise<string | null> {
|
|
if (await this.summaryCards.count() > index) {
|
|
return await this.summaryCards.nth(index).textContent();
|
|
}
|
|
return null;
|
|
}
|
|
|
|
async verifyStatCardsLoaded(): Promise<boolean> {
|
|
try {
|
|
await this.statCards.first().waitFor({ state: 'visible', timeout: 15000 });
|
|
const cardCount = await this.statCards.count();
|
|
console.log(`统计卡片加载完成，共 ${cardCount} 个`);
|
|
return cardCount > 0;
|
|
} catch {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
async getCardValue(index: number): Promise<string> {
|
|
const cards = this.statCards;
|
|
if (await cards.count() > index) {
|
|
return (await cards.nth(index).textContent()) || '0';
|
|
}
|
|
return '0';
|
|
}
|
|
|
|
async verifySectionCardsLoaded(): Promise<void> {
|
|
await this.page.waitForTimeout(500);
|
|
const allCards = this.page.locator('.el-card, .stat-card, .chart-container');
|
|
if (await allCards.count() > 0) {
|
|
console.log(`详细统计区域已加载，共 ${await allCards.count()} 个卡片/图表`);
|
|
}
|
|
}
|
|
|
|
async switchRange(range: string): Promise<void> {
|
|
const rangeBtn = this.page.locator('.el-radio-button').filter({ hasText: range }).or(this.page.locator('button').filter({ hasText: range }));
|
|
if (await rangeBtn.count() > 0) {
|
|
await rangeBtn.first().click();
|
|
await this.page.waitForTimeout(500);
|
|
}
|
|
}
|
|
|
|
async switchTab(tabName: string): Promise<void> {
|
|
const tab = this.page.locator('.el-tabs__item').filter({ hasText: tabName }).or(this.page.locator('.el-tab-pane')).filter({ hasText: tabName }).or(this.page.locator('[role="tab"]').filter({ hasText: tabName }));
|
|
if (await tab.count() > 0) {
|
|
await tab.first().click();
|
|
await this.page.waitForTimeout(800);
|
|
}
|
|
}
|
|
}
|