|
|
import {test, expect} from '../../../../helpers/playwright';
|
|
|
import {
|
|
|
AnalyticsOverviewPage,
|
|
|
PostAnalyticsPage,
|
|
|
PostAnalyticsGrowthPage,
|
|
|
PostAnalyticsWebTrafficPage
|
|
|
} from '../../../../helpers/pages/admin';
|
|
|
|
|
|
/**
|
|
|
* 文件说明：
|
|
|
* 这个测试文件包含文章级别 Analytics 的 Overview 视图相关的 e2e 测试。
|
|
|
* 场景主要验证在“空数据”情况下，各个卡片/选项卡的可见性和提示文本。
|
|
|
*/
|
|
|
|
|
|
test.describe('Ghost Admin - Post Analytics - Overview', () => {
|
|
|
// 在每个测试前都执行：导航到 Analytics 概览并打开最新文章的 analytics 面板
|
|
|
test.beforeEach(async ({page}) => {
|
|
|
const analyticsOverviewPage = new AnalyticsOverviewPage(page);
|
|
|
await analyticsOverviewPage.goto();
|
|
|
// 在概览页点击“最新文章”的 analytics 按钮，进入文章分析面板
|
|
|
await analyticsOverviewPage.latestPost.analyticsButton.click();
|
|
|
});
|
|
|
|
|
|
// 验证概览页面存在三个主要选项卡：Overview / Web traffic / Growth
|
|
|
test('empty page with all tabs', async ({page}) => {
|
|
|
const postAnalyticsPage = new PostAnalyticsPage(page);
|
|
|
|
|
|
// 三个切换按钮都应可见，确保页面结构完整
|
|
|
await expect(postAnalyticsPage.overviewButton).toBeVisible();
|
|
|
await expect(postAnalyticsPage.webTrafficButton).toBeVisible();
|
|
|
await expect(postAnalyticsPage.growthButton).toBeVisible();
|
|
|
});
|
|
|
|
|
|
// 在 Overview -> Web performance 区块点击 "View more" 应进入 Web traffic 视图并显示无访问提示
|
|
|
test('empty page - overview - web performance - view more', async ({page}) => {
|
|
|
const postAnalyticsPage = new PostAnalyticsPage(page);
|
|
|
// 点击 Web performance 区块的 “View more” 按钮，进入流量详情页
|
|
|
await postAnalyticsPage.webPerformanceSection.viewMoreButton.click();
|
|
|
|
|
|
const postAnalyticsWebTrafficPage = new PostAnalyticsWebTrafficPage(page);
|
|
|
// 在空数据场景下，web traffic 页面应包含“No visitors in the last 30 days”提示
|
|
|
await expect(postAnalyticsWebTrafficPage.body).toContainText('No visitors in the last 30 days');
|
|
|
});
|
|
|
|
|
|
// 验证 Growth 区块在空数据情况下显示“Free members” 并且数量为 0
|
|
|
test('empty page - overview - growth', async ({page}) => {
|
|
|
const postAnalyticsPage = new PostAnalyticsPage(page);
|
|
|
|
|
|
await expect(postAnalyticsPage.growthSection.card).toContainText('Free members');
|
|
|
await expect(postAnalyticsPage.growthSection.card).toContainText('0');
|
|
|
});
|
|
|
|
|
|
// 在 Overview -> Growth 区块点击 "View more" 应进入 Growth 详情并显示无来源数据提示
|
|
|
test('empty page - overview - growth - view more', async ({page}) => {
|
|
|
const postAnalyticsPage = new PostAnalyticsPage(page);
|
|
|
// 点击 Growth 卡片的“View more”按钮，进入增长详情页
|
|
|
await postAnalyticsPage.growthSection.viewMoreButton.click();
|
|
|
|
|
|
const postAnalyticsGrowthPage = new PostAnalyticsGrowthPage(page);
|
|
|
// 在空数据场景下，top sources 卡片应展示“No sources data available”提示
|
|
|
await expect(postAnalyticsGrowthPage.topSourcesCard).toContainText('No sources data available');
|
|
|
});
|
|
|
});
|
|
|
|
