- 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>
65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
import { chromium } from 'playwright';
|
|
|
|
(async () => {
|
|
const browser = await chromium.launch({
|
|
headless: false // 有头模式,方便观察
|
|
});
|
|
const context = await browser.newContext();
|
|
const page = await context.newPage();
|
|
|
|
// 监听控制台消息
|
|
page.on('console', msg => {
|
|
console.log(`浏览器控制台 [${msg.type()}]:`, msg.text());
|
|
});
|
|
|
|
// 监听页面错误
|
|
page.on('pageerror', error => {
|
|
console.error('页面错误:', error.message);
|
|
});
|
|
|
|
try {
|
|
console.log('正在访问 http://localhost:5666/ ...\n');
|
|
|
|
const response = await page.goto('http://localhost:5666/', {
|
|
waitUntil: 'domcontentloaded',
|
|
timeout: 30000
|
|
});
|
|
|
|
console.log('响应状态:', response?.status());
|
|
console.log('当前URL:', page.url());
|
|
|
|
// 等待页面加载
|
|
await page.waitForTimeout(3000);
|
|
|
|
// 截图查看页面状态
|
|
await page.screenshot({
|
|
path: 'server-check.png',
|
|
fullPage: true
|
|
});
|
|
console.log('\n已保存截图: server-check.png');
|
|
|
|
// 检查页面内容
|
|
const title = await page.title();
|
|
console.log('页面标题:', title);
|
|
|
|
// 检查是否有错误信息
|
|
const bodyText = await page.locator('body').textContent();
|
|
console.log('\n页面内容预览:');
|
|
console.log(bodyText.substring(0, 500) + '...');
|
|
|
|
// 保持浏览器打开10秒以便查看
|
|
console.log('\n浏览器将在10秒后关闭...');
|
|
await page.waitForTimeout(10000);
|
|
|
|
} catch (error) {
|
|
console.error('访问失败:', error.message);
|
|
|
|
// 尝试获取更多错误信息
|
|
if (error.message.includes('ERR_CONNECTION_REFUSED')) {
|
|
console.log('\n服务器可能未启动或端口错误');
|
|
console.log('检查端口 5666 是否被占用...');
|
|
}
|
|
} finally {
|
|
await browser.close();
|
|
}
|
|
})(); |