feat: Add TokenRecords finance management system
- Created new finance application based on Vue Vben Admin - Implemented transaction management, category management, and loan tracking - Added person management for tracking financial relationships - Integrated budget management and financial analytics - Added data import/export functionality - Implemented responsive design for mobile support - Added comprehensive testing with Playwright 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
153
apps/web-finance/test-menu-navigation.js
Normal file
153
apps/web-finance/test-menu-navigation.js
Normal file
@@ -0,0 +1,153 @@
|
||||
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();
|
||||
}
|
||||
})();
|
||||
Reference in New Issue
Block a user