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>
100 lines
2.8 KiB
JavaScript
100 lines
2.8 KiB
JavaScript
import { chromium } from 'playwright';
|
||
|
||
(async () => {
|
||
const browser = await chromium.launch({
|
||
headless: false,
|
||
slowMo: 500,
|
||
});
|
||
|
||
const page = await browser.newPage();
|
||
|
||
// 监听控制台消息
|
||
page.on('console', (msg) => {
|
||
console.log(`[${msg.type()}]`, msg.text());
|
||
});
|
||
|
||
// 监听页面错误
|
||
page.on('pageerror', (error) => {
|
||
console.log('[PAGE ERROR]', error.message);
|
||
});
|
||
|
||
try {
|
||
console.log('1. 访问系统...');
|
||
await page.goto('http://localhost:5667');
|
||
await page.waitForTimeout(2000);
|
||
|
||
console.log('2. 测试API页面...');
|
||
await page.goto('http://localhost:5667/finance/test-api');
|
||
await page.waitForTimeout(2000);
|
||
|
||
// 测试分类API
|
||
console.log('3. 测试分类API...');
|
||
const categoryBtn = await page.locator('button:has-text("测试分类API")');
|
||
await categoryBtn.click();
|
||
await page.waitForTimeout(2000);
|
||
|
||
// 检查结果
|
||
const preElement = await page.locator('pre');
|
||
if (await preElement.isVisible()) {
|
||
const content = await preElement.textContent();
|
||
console.log('分类API结果:', `${content?.slice(0, 100)}...`);
|
||
}
|
||
|
||
// 测试交易页面
|
||
console.log('4. 访问交易管理页面...');
|
||
await page.goto('http://localhost:5667/finance/transaction');
|
||
await page.waitForTimeout(3000);
|
||
|
||
// 检查是否还在加载
|
||
const spinners = await page.locator('.ant-spin').count();
|
||
console.log(`找到 ${spinners} 个加载指示器`);
|
||
|
||
// 检查表格是否加载
|
||
const table = await page.locator('.ant-table');
|
||
if (await table.isVisible()) {
|
||
console.log('✅ 表格已加载');
|
||
|
||
// 统计行数
|
||
const rows = await page.locator('.ant-table-tbody tr').count();
|
||
console.log(`表格中有 ${rows} 行数据`);
|
||
} else {
|
||
console.log('❌ 表格未加载');
|
||
}
|
||
|
||
// 检查新建按钮
|
||
const createBtn = await page.locator('button:has-text("新建交易")');
|
||
if (await createBtn.isVisible()) {
|
||
console.log('✅ 新建交易按钮存在');
|
||
|
||
// 点击新建按钮
|
||
await createBtn.click();
|
||
await page.waitForTimeout(1000);
|
||
|
||
// 检查弹窗
|
||
const modal = await page.locator('.ant-modal');
|
||
if (await modal.isVisible()) {
|
||
console.log('✅ 新建交易弹窗已打开');
|
||
|
||
// 关闭弹窗
|
||
await page.locator('.ant-modal-close').click();
|
||
}
|
||
}
|
||
|
||
// 截图
|
||
await page.screenshot({
|
||
path: 'transaction-page-test.png',
|
||
fullPage: true,
|
||
});
|
||
console.log('截图已保存');
|
||
|
||
console.log('\n测试完成！');
|
||
} catch (error) {
|
||
console.error('测试失败:', error);
|
||
await page.screenshot({ path: 'test-error.png', fullPage: true });
|
||
} finally {
|
||
await page.waitForTimeout(5000);
|
||
await browser.close();
|
||
console.log('浏览器已关闭');
|
||
}
|
||
})();
|