张翔
123 lines
3.6 KiB
TypeScript
123 lines
3.6 KiB
TypeScript
/**
|
|
* UniApp User Profile页面E2E测试
|
|
*
|
|
* 测试个人中心页面的所有功能和交互
|
|
*
|
|
* @tags @profile @uniapp @e2e @page
|
|
*/
|
|
|
|
import { test, expect } from '@playwright/test';
|
|
import { TestLogger } from '../../core/test-logger.js';
|
|
|
|
test.describe('E2E: UniApp User Profile页面', () => {
|
|
let logger: TestLogger;
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
logger = new TestLogger();
|
|
await page.goto('http://localhost:8081/pages/user/index');
|
|
|
|
await page.waitForLoadState('networkidle');
|
|
await page.waitForTimeout(3000);
|
|
|
|
await page.waitForSelector('#app', { state: 'attached', timeout: 10000 });
|
|
await page.waitForTimeout(2000);
|
|
});
|
|
|
|
test('应该显示个人中心页面内容 @smoke', async ({ page }) => {
|
|
const appElement = page.locator('#app');
|
|
await expect(appElement).toBeVisible({ timeout: 10000 });
|
|
});
|
|
|
|
test('应该显示用户头像 @smoke', async ({ page }) => {
|
|
await page.waitForTimeout(3000);
|
|
|
|
const avatar = page.locator('.user-avatar, .avatar-placeholder');
|
|
const isVisible = await avatar.isVisible().catch(() => false);
|
|
|
|
if (isVisible) {
|
|
await expect(avatar).toBeVisible();
|
|
} else {
|
|
logger.info('用户头像可能尚未加载');
|
|
}
|
|
});
|
|
|
|
test('应该显示用户信息 @smoke', async ({ page }) => {
|
|
await page.waitForTimeout(3000);
|
|
|
|
const userName = page.locator('.user-name');
|
|
const isVisible = await userName.isVisible().catch(() => false);
|
|
|
|
if (isVisible) {
|
|
await expect(userName).toBeVisible();
|
|
} else {
|
|
logger.info('用户信息可能尚未加载');
|
|
}
|
|
});
|
|
|
|
test('应该显示用户统计数据 @regression', async ({ page }) => {
|
|
await page.waitForTimeout(5000);
|
|
|
|
const statValue = page.locator('.stat-value');
|
|
const isVisible = await statValue.isVisible().catch(() => false);
|
|
|
|
if (isVisible) {
|
|
await expect(statValue).toBeVisible();
|
|
} else {
|
|
logger.info('用户统计数据可能尚未加载');
|
|
}
|
|
});
|
|
|
|
test('应该显示菜单项 @regression', async ({ page }) => {
|
|
await page.waitForTimeout(5000);
|
|
|
|
const menuItem = page.locator('.menu-item');
|
|
const isVisible = await menuItem.isVisible().catch(() => false);
|
|
|
|
if (isVisible) {
|
|
await expect(menuItem).toBeVisible();
|
|
} else {
|
|
logger.info('菜单项可能尚未加载');
|
|
}
|
|
});
|
|
|
|
test('应该能够点击菜单项 @critical', async ({ page }) => {
|
|
await page.waitForTimeout(5000);
|
|
|
|
const menuItem = page.locator('.menu-item').first();
|
|
const isVisible = await menuItem.isVisible().catch(() => false);
|
|
|
|
if (isVisible) {
|
|
await menuItem.click();
|
|
await page.waitForTimeout(500);
|
|
|
|
await expect(menuItem).toBeVisible();
|
|
} else {
|
|
logger.info('菜单项可能尚未加载');
|
|
}
|
|
});
|
|
|
|
test('应该显示设置选项 @regression', async ({ page }) => {
|
|
await page.waitForTimeout(5000);
|
|
|
|
const settingsItem = page.locator('.settings-item');
|
|
const isVisible = await settingsItem.isVisible().catch(() => false);
|
|
|
|
if (isVisible) {
|
|
await expect(settingsItem).toBeVisible();
|
|
} else {
|
|
logger.info('设置选项可能尚未加载');
|
|
}
|
|
});
|
|
|
|
test('应该在不同视口下正常显示 @responsive', async ({ page }) => {
|
|
await page.setViewportSize({ width: 375, height: 667 });
|
|
await page.goto('http://localhost:8081/pages/user/index');
|
|
|
|
await page.waitForLoadState('networkidle');
|
|
await page.waitForTimeout(5000);
|
|
|
|
const appElement = page.locator('#app');
|
|
await expect(appElement).toBeVisible({ timeout: 10000 });
|
|
});
|
|
});
|