张翔
108 lines
3.5 KiB
TypeScript
108 lines
3.5 KiB
TypeScript
/**
|
|
* UniApp Calendar页面E2E测试
|
|
*
|
|
* 测试日历页面的所有功能和交互
|
|
*
|
|
* @tags @calendar @uniapp @e2e @page
|
|
*/
|
|
|
|
import { test, expect } from '@playwright/test';
|
|
import { TestLogger } from '../../core/test-logger.js';
|
|
|
|
test.describe('E2E: UniApp Calendar页面', () => {
|
|
let logger: TestLogger;
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
logger = new TestLogger();
|
|
await page.goto('http://localhost:8081/pages/calendar/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 currentMonth = new Date().getMonth() + 1;
|
|
const monthElement = page.locator('.month-title, .current-month, [data-month]');
|
|
const isVisible = await monthElement.isVisible().catch(() => false);
|
|
|
|
if (isVisible) {
|
|
await expect(monthElement).toContainText(currentMonth.toString()).catch(() => {
|
|
logger.info('月份信息可能以其他形式显示');
|
|
});
|
|
} else {
|
|
logger.info('月份信息可能尚未加载');
|
|
}
|
|
});
|
|
|
|
test('应该能够切换月份 @regression', async ({ page }) => {
|
|
await page.waitForTimeout(5000);
|
|
|
|
const nextBtn = page.locator('.next-month, .arrow-right, [data-action="next-month"]').first();
|
|
const isVisible = await nextBtn.isVisible().catch(() => false);
|
|
|
|
if (isVisible) {
|
|
const currentMonth = await page.locator('.month-title, .current-month, [data-month]').textContent().catch(() => '');
|
|
|
|
await nextBtn.click();
|
|
await page.waitForTimeout(500);
|
|
|
|
const newMonth = await page.locator('.month-title, .current-month, [data-month]').textContent().catch(() => '');
|
|
expect(newMonth).not.toBe(currentMonth);
|
|
} else {
|
|
logger.info('月份切换按钮可能尚未加载');
|
|
}
|
|
});
|
|
|
|
test('应该能够选择日期 @critical', async ({ page }) => {
|
|
await page.waitForTimeout(5000);
|
|
|
|
const dateCell = page.locator('.calendar-day, .date-cell, [data-day]').first();
|
|
const isVisible = await dateCell.isVisible().catch(() => false);
|
|
|
|
if (isVisible) {
|
|
await dateCell.click();
|
|
await page.waitForTimeout(500);
|
|
|
|
await expect(dateCell).toHaveClass(/selected|active/).catch(() => {
|
|
logger.info('选中状态可能以其他形式显示');
|
|
});
|
|
} else {
|
|
logger.info('日期单元格可能尚未加载');
|
|
}
|
|
});
|
|
|
|
test('应该显示农历信息 @regression', async ({ page }) => {
|
|
await page.waitForTimeout(5000);
|
|
|
|
const lunarDate = page.locator('.lunar-date, .lunar-info');
|
|
const isVisible = await lunarDate.isVisible().catch(() => false);
|
|
|
|
if (isVisible) {
|
|
await expect(lunarDate).toBeVisible();
|
|
} else {
|
|
logger.info('农历信息可能尚未加载');
|
|
}
|
|
});
|
|
|
|
test('应该在不同视口下正常显示 @responsive', async ({ page }) => {
|
|
await page.setViewportSize({ width: 375, height: 667 });
|
|
await page.goto('http://localhost:8081/pages/calendar/index');
|
|
|
|
await page.waitForLoadState('networkidle');
|
|
await page.waitForTimeout(5000);
|
|
|
|
const appElement = page.locator('#app');
|
|
await expect(appElement).toBeVisible({ timeout: 10000 });
|
|
});
|
|
});
|