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);
});