08ea5fbe98
添加用户管理视图、API和状态管理文件
50 lines
1.6 KiB
TypeScript
50 lines
1.6 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test('调试:检查页面结构', async ({ page }) => {
|
|
await page.goto('http://localhost:8081');
|
|
|
|
await page.waitForLoadState('networkidle');
|
|
|
|
console.log('页面URL:', page.url());
|
|
console.log('页面标题:', await page.title());
|
|
|
|
await page.screenshot({ path: 'test-results/debug-page.png' });
|
|
|
|
const bodyText = await page.textContent('body');
|
|
console.log('页面内容长度:', bodyText?.length);
|
|
|
|
const allElements = await page.evaluate(() => {
|
|
const elements = document.querySelectorAll('*');
|
|
return Array.from(elements).map(el => ({
|
|
tag: el.tagName,
|
|
class: el.className,
|
|
id: el.id,
|
|
text: el.textContent?.substring(0, 50)
|
|
})).slice(0, 50);
|
|
});
|
|
|
|
console.log('前50个元素:', JSON.stringify(allElements, null, 2));
|
|
|
|
const bottomNav = await page.$('.bottom-navigation');
|
|
console.log('底部导航栏存在:', !!bottomNav);
|
|
|
|
if (bottomNav) {
|
|
const navItems = await bottomNav.$$('.nav-item');
|
|
console.log('导航项数量:', navItems.length);
|
|
|
|
for (let i = 0; i < navItems.length; i++) {
|
|
const text = await navItems[i].textContent();
|
|
const className = await navItems[i].getAttribute('class');
|
|
console.log(`导航项 ${i}:`, { text, className });
|
|
}
|
|
}
|
|
|
|
const calendarPage = await page.$('.calendar-page');
|
|
console.log('万年历页面存在:', !!calendarPage);
|
|
|
|
const almanacPage = await page.$('.almanac-page');
|
|
console.log('黄历页面存在:', !!almanacPage);
|
|
|
|
const userPage = await page.$('.user-page');
|
|
console.log('用户页面存在:', !!userPage);
|
|
}); |