kt-financial-system/apps/web-finance/test-menu-navigation.js

import { chromium } from 'playwright';

(async () => {
  const browser = await chromium.launch({
    headless: false // 有头模式，方便观察
  });
  const context = await browser.newContext();
  const page = await context.newPage();

  // 收集错误信息
  const errors = [];
  page.on('console', msg => {
    if (msg.type() === 'error') {
      errors.push(msg.text());
    }
  });

  try {
    console.log('开始测试菜单导航...\n');
    
    // 直接访问主页
    await page.goto('http://localhost:5666/', {
      waitUntil: 'networkidle',
      timeout: 30000
    });
    
    console.log('当前页面:', page.url());
    
    // 等待页面加载
    await page.waitForTimeout(3000);
    
    // 截图查看当前状态
    await page.screenshot({ 
      path: 'test-current-state.png',
      fullPage: true 
    });
    
    // 检查是否已经登录
    if (!page.url().includes('/auth/login')) {
      console.log('✓ 已经登录或在主页面\n');
      
      // 测试菜单列表
      const menuTests = [
        { text: '财务概览', expectedUrl: '/finance/dashboard' },
        { text: '交易管理', expectedUrl: '/finance/transaction' },
        { text: '分类管理', expectedUrl: '/finance/category' },
        { text: '人员管理', expectedUrl: '/finance/person' },
        { text: '贷款管理', expectedUrl: '/finance/loan' },
        { text: '数据概览', expectedUrl: '/analytics/overview' },
      ];
      
      for (const menu of menuTests) {
        console.log(`\n测试菜单: ${menu.text}`);
        
        try {
          // 尝试点击菜单
          const menuItem = await page.locator(`text="${menu.text}"`).first();
          
          if (await menuItem.isVisible()) {
            await menuItem.click();
            await page.waitForTimeout(2000);
            
            console.log(`✓ 成功点击菜单`);
            console.log(`  当前URL: ${page.url()}`);
            
            // 检查页面内容
            const pageTitle = await page.locator('h1, h2, .page-title, .page-header-title').first().textContent().catch(() => null);
            if (pageTitle) {
              console.log(`  页面标题: ${pageTitle}`);
            }
            
            // 检查是否有表格
            const tables = await page.locator('.ant-table').count();
            if (tables > 0) {
              console.log(`  ✓ 找到 ${tables} 个表格`);
              
              // 检查表格是否有数据
              const rows = await page.locator('.ant-table-row').count();
              console.log(`  表格数据行: ${rows}`);
            }
            
            // 检查是否有图表
            const charts = await page.locator('canvas').count();
            if (charts > 0) {
              console.log(`  ✓ 找到 ${charts} 个图表`);
            }
            
            // 检查操作按钮
            const buttons = await page.locator('button').count();
            console.log(`  按钮数量: ${buttons}`);
            
            // 检查是否有错误
            const errorAlerts = await page.locator('.ant-alert-error').count();
            if (errorAlerts > 0) {
              console.log(`  ⚠️  发现 ${errorAlerts} 个错误提示`);
            }
            
            // 截图
            await page.screenshot({ 
              path: `test-menu-${menu.text.replace(/\s+/g, '-')}.png`,
              fullPage: true 
            });
            
          } else {
            // 尝试展开菜单组
            const menuGroups = await page.locator('.ant-menu-submenu-title').all();
            for (const group of menuGroups) {
              const groupText = await group.textContent();
              if (groupText && groupText.includes('财务管理') || groupText.includes('数据分析')) {
                await group.click();
                await page.waitForTimeout(500);
                
                // 再次尝试点击菜单
                const subMenuItem = await page.locator(`text="${menu.text}"`).first();
                if (await subMenuItem.isVisible()) {
                  await subMenuItem.click();
                  await page.waitForTimeout(2000);
                  console.log(`✓ 成功点击子菜单`);
                  console.log(`  当前URL: ${page.url()}`);
                  break;
                }
              }
            }
          }
          
        } catch (error) {
          console.log(`✗ 无法访问菜单: ${error.message}`);
        }
      }
      
    } else {
      console.log('需要先登录，请手动登录后重试');
    }
    
    // 输出错误总结
    console.log('\n========== 错误总结 ==========');
    if (errors.length > 0) {
      errors.forEach((err, index) => {
        console.log(`${index + 1}. ${err}`);
      });
    } else {
      console.log('✓ 没有控制台错误');
    }
    
  } catch (error) {
    console.error('测试失败:', error);
  } finally {
    // 保持浏览器打开以便查看
    console.log('\n测试完成，浏览器将在10秒后关闭...');
    await page.waitForTimeout(10000);
    await browser.close();
  }
})();