675fe0a1a8
主要更新： - 🎯 新增综合分析仪表板，包含关键指标卡片、预算对比、智能洞察等组件 - 📊 增强数据可视化能力，新增标签云分析、时间维度分析等图表 - 📱 优化移动端响应式设计，改进触控交互体验 - 🔧 新增多个API模块（base、budget、tag），完善数据管理 - 🗂️ 重构路由结构，新增贷款、快速添加、设置、统计等独立模块 - 🔄 优化数据导入导出功能，增强数据迁移能力 - 🐛 修复多个已知问题，提升系统稳定性 技术改进： - 使用IndexedDB提升本地存储性能 - 实现模拟API服务，支持离线开发 - 增加自动化测试脚本，确保功能稳定 - 优化打包配置，提升构建效率 文件变更： - 新增42个文件 - 修改55个文件 - 包含测试脚本、配置文件、组件和API模块 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
104 lines
4.0 KiB
JavaScript
104 lines
4.0 KiB
JavaScript
import { chromium } from 'playwright';
|
|
|
|
(async () => {
|
|
const browser = await chromium.launch({ headless: false });
|
|
const page = await browser.newPage();
|
|
|
|
try {
|
|
console.log('1. 访问登录页面...');
|
|
await page.goto('http://localhost:5666');
|
|
|
|
// 等待登录页面加载
|
|
await page.waitForSelector('input[placeholder*="账号"]', { timeout: 10000 });
|
|
|
|
console.log('2. 执行登录...');
|
|
await page.fill('input[placeholder*="账号"]', 'admin');
|
|
await page.fill('input[placeholder*="密码"]', '111111');
|
|
|
|
// 点击登录按钮
|
|
await page.click('button:has-text("登录")');
|
|
|
|
// 等待跳转到首页
|
|
await page.waitForURL('**/dashboard', { timeout: 10000 });
|
|
console.log('3. 登录成功，已进入系统');
|
|
|
|
// 导航到分类统计页面
|
|
console.log('4. 访问分类统计页面...');
|
|
await page.goto('http://localhost:5666/finance/category-stats');
|
|
|
|
// 等待页面加载完成
|
|
await page.waitForLoadState('networkidle');
|
|
|
|
// 检查页面元素
|
|
console.log('5. 检查页面元素...');
|
|
|
|
// 检查统计卡片
|
|
const totalIncomeCard = await page.locator('.ant-statistic-title:has-text("总收入")').isVisible();
|
|
const totalExpenseCard = await page.locator('.ant-statistic-title:has-text("总支出")').isVisible();
|
|
const netIncomeCard = await page.locator('.ant-statistic-title:has-text("净收入")').isVisible();
|
|
|
|
console.log(' - 总收入卡片:', totalIncomeCard ? '✓' : '✗');
|
|
console.log(' - 总支出卡片:', totalExpenseCard ? '✓' : '✗');
|
|
console.log(' - 净收入卡片:', netIncomeCard ? '✓' : '✗');
|
|
|
|
// 检查图表切换按钮
|
|
const pieButton = await page.locator('button:has-text("饼图")').isVisible();
|
|
const barButton = await page.locator('button:has-text("柱状图")').isVisible();
|
|
const trendButton = await page.locator('button:has-text("趋势图")').isVisible();
|
|
|
|
console.log(' - 饼图按钮:', pieButton ? '✓' : '✗');
|
|
console.log(' - 柱状图按钮:', barButton ? '✓' : '✗');
|
|
console.log(' - 趋势图按钮:', trendButton ? '✓' : '✗');
|
|
|
|
// 切换到表格视图
|
|
console.log('6. 切换到表格视图...');
|
|
await page.click('button:has-text("表格")');
|
|
await page.waitForTimeout(1000);
|
|
|
|
// 检查表格是否显示
|
|
const table = await page.locator('.ant-table').isVisible();
|
|
console.log(' - 表格显示:', table ? '✓' : '✗');
|
|
|
|
// 切换回图表视图
|
|
console.log('7. 切换回图表视图...');
|
|
await page.click('button:has-text("图表")');
|
|
await page.waitForTimeout(1000);
|
|
|
|
// 切换不同的图表类型
|
|
console.log('8. 测试图表切换...');
|
|
await page.click('button:has-text("柱状图")');
|
|
await page.waitForTimeout(1000);
|
|
console.log(' - 切换到柱状图: ✓');
|
|
|
|
await page.click('button:has-text("趋势图")');
|
|
await page.waitForTimeout(1000);
|
|
console.log(' - 切换到趋势图: ✓');
|
|
|
|
await page.click('button:has-text("饼图")');
|
|
await page.waitForTimeout(1000);
|
|
console.log(' - 切换回饼图: ✓');
|
|
|
|
// 测试日期快速选择
|
|
console.log('9. 测试日期快速选择...');
|
|
await page.click('button:has-text("本月")');
|
|
await page.waitForTimeout(1000);
|
|
console.log(' - 选择本月: ✓');
|
|
|
|
await page.click('button:has-text("本年")');
|
|
await page.waitForTimeout(1000);
|
|
console.log(' - 选择本年: ✓');
|
|
|
|
// 截图
|
|
await page.screenshot({ path: 'category-stats-test.png', fullPage: true });
|
|
console.log('10. 页面截图已保存为 category-stats-test.png');
|
|
|
|
console.log('\n✅ 分类统计页面测试完成！所有功能正常工作。');
|
|
|
|
} catch (error) {
|
|
console.error('❌ 测试失败:', error.message);
|
|
await page.screenshot({ path: 'category-stats-error.png' });
|
|
console.log('错误截图已保存为 category-stats-error.png');
|
|
} finally {
|
|
await browser.close();
|
|
}
|
|
})(); |