60 lines
2.6 KiB
TypeScript
60 lines
2.6 KiB
TypeScript
import { test, expect, devices } from '@playwright/test';
|
|
|
|
test.use({ ...devices['Pixel 5'] });
|
|
|
|
test.describe('移动菜单调试测试', () => {
|
|
test.setTimeout(60000);
|
|
|
|
test('调试移动菜单打开', async ({ page }) => {
|
|
console.log('=== 步骤1: 打开首页 ===');
|
|
await page.goto('/');
|
|
await page.waitForLoadState('domcontentloaded');
|
|
|
|
console.log('=== 步骤2: 查找菜单按钮 ===');
|
|
const menuButton = page.locator('button[aria-label*="菜单"], button[aria-label*="menu"], button[aria-label*="Menu"], button[data-testid="mobile-menu-button"]');
|
|
const buttonCount = await menuButton.count();
|
|
console.log(`找到 ${buttonCount} 个菜单按钮`);
|
|
|
|
if (buttonCount > 0) {
|
|
console.log('=== 步骤3: 点击菜单按钮 ===');
|
|
await menuButton.first().click();
|
|
await page.waitForTimeout(1000);
|
|
|
|
console.log('=== 步骤4: 检查移动菜单是否打开 ===');
|
|
const mobileMenu = page.locator('#mobile-menu, [data-testid="mobile-navigation"]');
|
|
const menuCount = await mobileMenu.count();
|
|
console.log(`找到 ${menuCount} 个移动菜单`);
|
|
|
|
if (menuCount > 0) {
|
|
const isVisible = await mobileMenu.first().isVisible();
|
|
console.log(`移动菜单是否可见: ${isVisible}`);
|
|
|
|
if (isVisible) {
|
|
console.log('=== 步骤5: 查找所有菜单项 ===');
|
|
const allLinks = await mobileMenu.first().locator('a').allTextContents();
|
|
console.log('所有菜单项文本:', allLinks);
|
|
|
|
console.log('=== 步骤6: 查找"产品服务"菜单项 ===');
|
|
const productLink = mobileMenu.first().locator('a:has-text("产品服务")');
|
|
const productCount = await productLink.count();
|
|
console.log(`找到 ${productCount} 个"产品服务"菜单项`);
|
|
|
|
if (productCount > 0) {
|
|
const isProductVisible = await productLink.first().isVisible();
|
|
console.log(`"产品服务"菜单项是否可见: ${isProductVisible}`);
|
|
|
|
if (isProductVisible) {
|
|
console.log('=== 步骤7: 点击"产品服务"菜单项 ===');
|
|
await productLink.first().click();
|
|
await page.waitForTimeout(1000);
|
|
console.log('点击成功，当前URL:', page.url());
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
expect(true).toBeTruthy();
|
|
});
|
|
});
|