张翔
adb3e8f734
- 新增5个User Journey测试(UJ-014~UJ-018)：页面标题验证、新闻筛选流程、品牌名一致性 - 新增19个UAT测试(UAT-053增强、UAT-130~142)：标题无重复公司名、简体品牌名、结构化数据 - 新增Playwright验证测试用于修复效果确认
438 lines
17 KiB
TypeScript
438 lines
17 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('UAT: 页面加载与基础功能', () => {
|
|
const corePages = [
|
|
{ name: '首页', url: '/', titlePattern: /睿新致远/ },
|
|
{ name: '产品列表', url: '/products', titlePattern: /产品/ },
|
|
{ name: '服务列表', url: '/services', titlePattern: /服务/ },
|
|
{ name: '解决方案列表', url: '/solutions', titlePattern: /解决方案/ },
|
|
{ name: '关于我们', url: '/about', titlePattern: /关于/ },
|
|
{ name: '联系我们', url: '/contact', titlePattern: /联系/ },
|
|
{ name: '新闻列表', url: '/news', titlePattern: /新闻/ },
|
|
{ name: '隐私政策', url: '/privacy', titlePattern: /隐私/ },
|
|
{ name: '服务条款', url: '/terms', titlePattern: /条款/ },
|
|
];
|
|
|
|
for (const pageInfo of corePages) {
|
|
test(`UAT-001: ${pageInfo.name}页面正常加载`, async ({ page }) => {
|
|
await page.goto(pageInfo.url);
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page).toHaveTitle(pageInfo.titlePattern);
|
|
await expect(page.locator('h1')).toBeVisible();
|
|
});
|
|
}
|
|
});
|
|
|
|
test.describe('UAT: 导航组件', () => {
|
|
test('UAT-010: 顶部导航栏在滚动后样式变化', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const header = page.locator('header');
|
|
await expect(header).toBeVisible();
|
|
await page.evaluate(() => window.scrollTo(0, 500));
|
|
await page.waitForTimeout(300);
|
|
await expect(header).toBeVisible();
|
|
});
|
|
|
|
test('UAT-011: 产品Mega Dropdown菜单展开与关闭', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const productButton = page.locator('nav button:has-text("产品")');
|
|
await productButton.click();
|
|
await page.waitForTimeout(300);
|
|
await expect(page.locator('text=财务·采购·销售·库存·生产')).toBeVisible();
|
|
await page.keyboard.press('Escape');
|
|
await page.waitForTimeout(300);
|
|
});
|
|
|
|
test('UAT-012: 解决方案Mega Dropdown菜单展开与关闭', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const solutionButton = page.locator('nav button:has-text("解决方案")');
|
|
await solutionButton.click();
|
|
await page.waitForTimeout(300);
|
|
await expect(page.locator('text=制造业').or(page.locator('text=零售业'))).toBeVisible();
|
|
await page.keyboard.press('Escape');
|
|
await page.waitForTimeout(300);
|
|
});
|
|
|
|
test('UAT-013: Logo点击返回首页', async ({ page }) => {
|
|
await page.goto('/about');
|
|
await page.waitForLoadState('networkidle');
|
|
await page.locator('a[aria-label="返回首页"]').click();
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page).toHaveURL(/\//);
|
|
});
|
|
});
|
|
|
|
test.describe('UAT: 产品页面', () => {
|
|
test('UAT-020: 产品列表页显示所有产品', async ({ page }) => {
|
|
await page.goto('/products');
|
|
await page.waitForLoadState('networkidle');
|
|
const productCards = page.locator('a[href*="/products/"]');
|
|
const count = await productCards.count();
|
|
expect(count).toBeGreaterThanOrEqual(6);
|
|
});
|
|
|
|
test('UAT-021: ERP产品详情页正常显示', async ({ page }) => {
|
|
await page.goto('/products/erp');
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('h1')).toBeVisible();
|
|
await expect(page.locator('text=ERP')).toBeVisible();
|
|
});
|
|
|
|
test('UAT-022: CRM产品详情页正常显示', async ({ page }) => {
|
|
await page.goto('/products/crm');
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('h1')).toBeVisible();
|
|
await expect(page.locator('text=CRM')).toBeVisible();
|
|
});
|
|
|
|
test('UAT-023: 产品详情页包含功能特性区域', async ({ page }) => {
|
|
await page.goto('/products/erp');
|
|
await page.waitForLoadState('networkidle');
|
|
const featuresSection = page.locator('h2, h3', { hasText: /功能|特性|核心/ });
|
|
const count = await featuresSection.count();
|
|
expect(count).toBeGreaterThan(0);
|
|
});
|
|
});
|
|
|
|
test.describe('UAT: 服务页面', () => {
|
|
const serviceIds = ['software', 'data', 'consulting', 'solutions'];
|
|
|
|
test('UAT-030: 服务列表页显示所有服务', async ({ page }) => {
|
|
await page.goto('/services');
|
|
await page.waitForLoadState('networkidle');
|
|
const serviceCards = page.locator('a[href*="/services/"]');
|
|
const count = await serviceCards.count();
|
|
expect(count).toBeGreaterThanOrEqual(4);
|
|
});
|
|
|
|
for (const serviceId of serviceIds) {
|
|
test(`UAT-031: 服务详情页 ${serviceId} 正常显示`, async ({ page }) => {
|
|
await page.goto(`/services/${serviceId}`);
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('h1')).toBeVisible();
|
|
});
|
|
}
|
|
});
|
|
|
|
test.describe('UAT: 解决方案页面', () => {
|
|
const solutionIds = ['manufacturing', 'retail', 'education', 'healthcare'];
|
|
|
|
test('UAT-040: 解决方案列表页显示所有方案', async ({ page }) => {
|
|
await page.goto('/solutions');
|
|
await page.waitForLoadState('networkidle');
|
|
const solutionCards = page.locator('a[href*="/solutions/"]');
|
|
const count = await solutionCards.count();
|
|
expect(count).toBeGreaterThanOrEqual(4);
|
|
});
|
|
|
|
for (const solutionId of solutionIds) {
|
|
test(`UAT-041: 解决方案详情页 ${solutionId} 正常显示`, async ({ page }) => {
|
|
await page.goto(`/solutions/${solutionId}`);
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('h1')).toBeVisible();
|
|
});
|
|
}
|
|
});
|
|
|
|
test.describe('UAT: 新闻页面', () => {
|
|
test('UAT-050: 新闻列表页显示新闻条目', async ({ page }) => {
|
|
await page.goto('/news');
|
|
await page.waitForLoadState('networkidle');
|
|
const newsCards = page.locator('a[href*="/news/"]');
|
|
const count = await newsCards.count();
|
|
expect(count).toBeGreaterThanOrEqual(2);
|
|
});
|
|
|
|
test('UAT-051: 新闻详情页 company-founded 正常显示', async ({ page }) => {
|
|
await page.goto('/news/company-founded');
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('h1', { hasText: '正式成立' })).toBeVisible();
|
|
});
|
|
|
|
test('UAT-052: 新闻详情页 digital-transformation-solution 正常显示', async ({ page }) => {
|
|
await page.goto('/news/digital-transformation-solution');
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('h1', { hasText: '数字化转型' })).toBeVisible();
|
|
});
|
|
|
|
test('UAT-053: 新闻分类筛选功能', async ({ page }) => {
|
|
await page.goto('/news');
|
|
await page.waitForLoadState('networkidle');
|
|
|
|
const allNews = page.locator('a[href*="/news/"]');
|
|
const initialCount = await allNews.count();
|
|
expect(initialCount).toBeGreaterThanOrEqual(2);
|
|
|
|
const companyNewsBtn = page.locator('button:has-text("公司新闻")');
|
|
await companyNewsBtn.click();
|
|
await page.waitForTimeout(500);
|
|
const companyFiltered = await allNews.count();
|
|
expect(companyFiltered).toBe(1);
|
|
|
|
const productNewsBtn = page.locator('button:has-text("产品发布")');
|
|
await productNewsBtn.click();
|
|
await page.waitForTimeout(500);
|
|
const productFiltered = await allNews.count();
|
|
expect(productFiltered).toBe(1);
|
|
|
|
const allBtn = page.locator('button:has-text("全部")');
|
|
await allBtn.click();
|
|
await page.waitForTimeout(500);
|
|
const restoredCount = await allNews.count();
|
|
expect(restoredCount).toBeGreaterThanOrEqual(2);
|
|
});
|
|
|
|
test('UAT-054: 新闻搜索功能', async ({ page }) => {
|
|
await page.goto('/news');
|
|
await page.waitForLoadState('networkidle');
|
|
const searchInput = page.locator('input[aria-label="搜索新闻"]');
|
|
if (await searchInput.isVisible()) {
|
|
await searchInput.fill('数字化转型');
|
|
await page.waitForTimeout(500);
|
|
const visibleNews = page.locator('a[href*="/news/"]');
|
|
const count = await visibleNews.count();
|
|
expect(count).toBeGreaterThanOrEqual(1);
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe('UAT: 联系页面', () => {
|
|
test('UAT-060: 联系页面显示联系信息', async ({ page }) => {
|
|
await page.goto('/contact');
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('text=contact@novalon.cn')).toBeVisible();
|
|
await expect(page.locator('text=成都市龙泉驿区')).toBeVisible();
|
|
});
|
|
|
|
test('UAT-061: 联系表单所有必填字段标记正确', async ({ page }) => {
|
|
await page.goto('/contact');
|
|
await page.waitForLoadState('networkidle');
|
|
const requiredFields = page.locator('input[required], textarea[required]');
|
|
const count = await requiredFields.count();
|
|
expect(count).toBe(5);
|
|
});
|
|
|
|
test('UAT-062: 联系表单提交按钮状态', async ({ page }) => {
|
|
await page.goto('/contact');
|
|
await page.waitForLoadState('networkidle');
|
|
const submitButton = page.locator('[data-testid="submit-button"]');
|
|
await expect(submitButton).toBeVisible();
|
|
await expect(submitButton).toBeEnabled();
|
|
});
|
|
});
|
|
|
|
test.describe('UAT: 关于页面', () => {
|
|
test('UAT-070: 关于页面显示公司信息', async ({ page }) => {
|
|
await page.goto('/about');
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('h1')).toBeVisible();
|
|
});
|
|
|
|
test('UAT-071: 关于页面包含团队信息', async ({ page }) => {
|
|
await page.goto('/about');
|
|
await page.waitForLoadState('networkidle');
|
|
const teamSection = page.locator('h2, h3', { hasText: /团队|成员/ });
|
|
const count = await teamSection.count();
|
|
if (count > 0) {
|
|
expect(count).toBeGreaterThan(0);
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe('UAT: Cookie同意机制', () => {
|
|
test('UAT-080: Cookie横幅首次访问时显示', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('text=我们使用 Cookie')).toBeVisible();
|
|
await expect(page.locator('button:has-text("管理偏好")')).toBeVisible();
|
|
await expect(page.locator('button:has-text("仅必要")')).toBeVisible();
|
|
await expect(page.locator('button:has-text("接受所有")')).toBeVisible();
|
|
});
|
|
|
|
test('UAT-081: Cookie偏好设置弹窗功能', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
await page.locator('button:has-text("管理偏好")').click();
|
|
await page.waitForTimeout(300);
|
|
await expect(page.locator('text=Cookie 偏好设置')).toBeVisible();
|
|
await expect(page.locator('text=必要 Cookie')).toBeVisible();
|
|
await expect(page.locator('text=分析 Cookie')).toBeVisible();
|
|
await expect(page.locator('text=营销 Cookie')).toBeVisible();
|
|
});
|
|
|
|
test('UAT-082: 必要Cookie不可取消', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
await page.locator('button:has-text("管理偏好")').click();
|
|
await page.waitForTimeout(300);
|
|
const necessaryCheckbox = page.locator('input[type="checkbox"]').first();
|
|
expect(await necessaryCheckbox.isChecked()).toBe(true);
|
|
expect(await necessaryCheckbox.isDisabled()).toBe(true);
|
|
});
|
|
});
|
|
|
|
test.describe('UAT: 404错误页面', () => {
|
|
test('UAT-090: 不存在的页面显示404', async ({ page }) => {
|
|
await page.goto('/this-page-does-not-exist');
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('text=404')).toBeVisible();
|
|
await expect(page.locator('text=页面未找到')).toBeVisible();
|
|
});
|
|
|
|
test('UAT-091: 404页面提供导航建议', async ({ page }) => {
|
|
await page.goto('/this-page-does-not-exist');
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('text=您可能在寻找')).toBeVisible();
|
|
await expect(page.locator('a:has-text("关于我们")')).toBeVisible();
|
|
await expect(page.locator('a:has-text("产品")')).toBeVisible();
|
|
});
|
|
|
|
test('UAT-092: 404页面返回首页功能', async ({ page }) => {
|
|
await page.goto('/this-page-does-not-exist');
|
|
await page.waitForLoadState('networkidle');
|
|
await page.locator('a:has-text("返回首页")').click();
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page).toHaveURL(/\//);
|
|
});
|
|
});
|
|
|
|
test.describe('UAT: 页脚组件', () => {
|
|
test('UAT-100: 页脚显示公司版权信息', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('text=四川睿新致远科技有限公司')).toBeVisible();
|
|
});
|
|
|
|
test('UAT-101: 页脚显示备案信息', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
await expect(page.locator('text=蜀ICP备')).toBeVisible();
|
|
});
|
|
|
|
test('UAT-102: 页脚快速导航链接可用', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const footerNavLinks = page.locator('footer a');
|
|
const count = await footerNavLinks.count();
|
|
expect(count).toBeGreaterThanOrEqual(5);
|
|
});
|
|
});
|
|
|
|
test.describe('UAT: 可访问性基础', () => {
|
|
test('UAT-110: 页面有跳转到主内容的链接', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const skipLink = page.locator('a:has-text("跳转到主内容")');
|
|
await expect(skipLink).toBeAttached();
|
|
});
|
|
|
|
test('UAT-111: 导航区域有正确的ARIA标签', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const mainNav = page.locator('nav[aria-label="主导航"]');
|
|
await expect(mainNav).toBeAttached();
|
|
});
|
|
|
|
test('UAT-112: 图片有alt文本', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const images = page.locator('img');
|
|
const count = await images.count();
|
|
for (let i = 0; i < count; i++) {
|
|
const alt = await images.nth(i).getAttribute('alt');
|
|
expect(alt).toBeTruthy();
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe('UAT: 响应式设计', () => {
|
|
test('UAT-120: 移动端导航菜单可打开', async ({ page }) => {
|
|
await page.setViewportSize({ width: 375, height: 667 });
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const menuButton = page.locator('button[aria-label="打开菜单"]').or(
|
|
page.locator('button[aria-label="关闭菜单"]')
|
|
);
|
|
if (await menuButton.isVisible()) {
|
|
await menuButton.click();
|
|
await page.waitForTimeout(300);
|
|
}
|
|
});
|
|
|
|
test('UAT-121: 桌面端导航菜单直接显示', async ({ page }) => {
|
|
await page.setViewportSize({ width: 1280, height: 720 });
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const desktopNav = page.locator('nav[aria-label="主导航"]');
|
|
await expect(desktopNav).toBeVisible();
|
|
});
|
|
});
|
|
|
|
test.describe('UAT: 页面标题与SEO', () => {
|
|
const titlePages = [
|
|
{ name: '产品列表', url: '/products' },
|
|
{ name: '服务列表', url: '/services' },
|
|
{ name: '解决方案', url: '/solutions' },
|
|
{ name: '关于我们', url: '/about' },
|
|
{ name: '联系我们', url: '/contact' },
|
|
{ name: '新闻动态', url: '/news' },
|
|
{ name: '隐私政策', url: '/privacy' },
|
|
{ name: '服务条款', url: '/terms' },
|
|
];
|
|
|
|
for (const pageInfo of titlePages) {
|
|
test(`UAT-130: ${pageInfo.name}页面标题无重复公司名`, async ({ page }) => {
|
|
await page.goto(pageInfo.url);
|
|
await page.waitForLoadState('networkidle');
|
|
const title = await page.title();
|
|
const companyNameCount = (title.match(/四川睿新致远科技有限公司/g) || []).length;
|
|
expect(companyNameCount).toBeLessThanOrEqual(1);
|
|
});
|
|
}
|
|
|
|
for (const pageInfo of titlePages) {
|
|
test(`UAT-131: ${pageInfo.name}页面标题使用简体品牌名`, async ({ page }) => {
|
|
await page.goto(pageInfo.url);
|
|
await page.waitForLoadState('networkidle');
|
|
const title = await page.title();
|
|
expect(title).not.toContain('睿新致遠');
|
|
});
|
|
}
|
|
});
|
|
|
|
test.describe('UAT: 品牌名一致性', () => {
|
|
test('UAT-140: 视觉展示使用繁体品牌名（配合青柳隷書字体）', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const brandElement = page.locator('.font-brand').first();
|
|
if (await brandElement.isVisible()) {
|
|
const text = await brandElement.textContent();
|
|
expect(text).toContain('睿新致遠');
|
|
}
|
|
});
|
|
|
|
test('UAT-141: SEO元数据使用简体品牌名', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const metaDescription = await page.locator('meta[name="description"]').getAttribute('content');
|
|
if (metaDescription) {
|
|
expect(metaDescription).not.toContain('睿新致遠');
|
|
}
|
|
});
|
|
|
|
test('UAT-142: 结构化数据使用完整公司名', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForLoadState('networkidle');
|
|
const ldJsonScripts = page.locator('script[type="application/ld+json"]');
|
|
const count = await ldJsonScripts.count();
|
|
if (count > 0) {
|
|
const content = await ldJsonScripts.first().textContent();
|
|
const schema = JSON.parse(content || '{}');
|
|
expect(schema.name).toBe('四川睿新致远科技有限公司');
|
|
}
|
|
});
|
|
});
|