生成时间: ${timestamp}
-| 页面 | -性能 | -可访问性 | -最佳实践 | -SEO | -
|---|---|---|---|---|
| ${page.page} | -${page.metrics?.performance?.toFixed(0) || 'N/A'} | -${page.metrics?.accessibility?.toFixed(0) || 'N/A'} | -${page.metrics?.bestPractices?.toFixed(0) || 'N/A'} | -${page.metrics?.seo?.toFixed(0) || 'N/A'} | -
| 严重程度 | -数量 | -
|---|---|
| 🔴 高 | -${data.severity.high} | -
| 🟡 中 | -${data.severity.medium} | -
| 🟢 低 | -${data.severity.low} | -
标准: WCAG 2.1 AA
-总违规数: ${data.summary.totalViolations}
-✅ 所有测试都通过了！网站已准备好上线。
'; -} - -async function main() { - console.log('📊 生成综合测试报告...\n'); - - const reportPath = generateHTMLReport(); - - console.log(`✅ 报告已生成: ${reportPath}`); - console.log(`💡 在浏览器中打开查看详细报告`); -} - -main().catch(console.error); \ No newline at end of file diff --git a/scripts/performance-audit.js b/scripts/performance-audit.js deleted file mode 100644 index cfbd771..0000000 --- a/scripts/performance-audit.js +++ /dev/null @@ -1,102 +0,0 @@ -const { runLighthouse, generateReport, extractMetrics } = require('./utils/lighthouse-runner'); -const fs = require('fs'); -const path = require('path'); - -const PAGES = [ - { name: '首页', url: 'http://localhost:3000' }, - { name: '关于我们', url: 'http://localhost:3000/about' }, - { name: '联系我们', url: 'http://localhost:3000/contact' }, - { name: '服务', url: 'http://localhost:3000/services' }, - { name: '产品', url: 'http://localhost:3000/products' }, - { name: '案例', url: 'http://localhost:3000/cases' }, - { name: '新闻', url: 'http://localhost:3000/news' } -]; - -const THRESHOLDS = { - performance: 80, - accessibility: 80, - bestPractices: 80, - seo: 80 -}; - -async function auditAllPages() { - console.log('🚀 开始性能审计...\n'); - - const results = []; - const reportDir = 'test-results/performance'; - - if (!fs.existsSync(reportDir)) { - fs.mkdirSync(reportDir, { recursive: true }); - } - - for (const page of PAGES) { - console.log(`📊 审计页面: ${page.name} (${page.url})`); - - try { - const result = await runLighthouse(page.url, { - onlyCategories: ['performance', 'accessibility', 'best-practices', 'seo'], - output: 'html' - }); - - const metrics = extractMetrics(result); - const reportPath = path.join(reportDir, `${page.name.toLowerCase().replace(/\s+/g, '-')}-report.html`); - generateReport(result, reportPath); - - results.push({ - page: page.name, - url: page.url, - metrics, - reportPath - }); - - console.log(` ✅ 性能: ${metrics.performance.toFixed(0)}`); - console.log(` ✅ 可访问性: ${metrics.accessibility.toFixed(0)}`); - console.log(` ✅ 最佳实践: ${metrics.bestPractices.toFixed(0)}`); - console.log(` ✅ SEO: ${metrics.seo.toFixed(0)}`); - console.log(` 📄 报告: ${reportPath}\n`); - - } catch (error) { - console.error(` ❌ 审计失败: ${error.message}\n`); - results.push({ - page: page.name, - url: page.url, - error: error.message - }); - } - } - - return results; -} - -function generateSummary(results) { - console.log('\n📈 审计摘要\n'); - console.log('─'.repeat(80)); - - const table = results.map(r => { - if (r.error) { - return `| ${r.page.padEnd(20)} | ❌ 失败: ${r.error.substring(0, 30)} |`; - } - const status = (m) => m >= THRESHOLDS.performance ? '✅' : '⚠️'; - return `| ${r.page.padEnd(20)} | ${status(r.metrics.performance)} ${r.metrics.performance.toFixed(0)} | ${status(r.metrics.accessibility)} ${r.metrics.accessibility.toFixed(0)} | ${status(r.metrics.seo)} ${r.metrics.seo.toFixed(0)} |`; - }); - - console.log('| 页面'.padEnd(20) + ' | 性能 | 可访问性 | SEO |'); - console.log('─'.repeat(80)); - table.forEach(row => console.log(row)); - console.log('─'.repeat(80)); - - const passed = results.filter(r => !r.error && r.metrics.performance >= THRESHOLDS.performance).length; - const total = results.length; - console.log(`\n📊 总计: ${passed}/${total} 页面达到性能标准 (${(passed/total*100).toFixed(1)}%)`); -} - -async function main() { - const results = await auditAllPages(); - generateSummary(results); - - const jsonPath = path.join('test-results', 'performance-summary.json'); - fs.writeFileSync(jsonPath, JSON.stringify(results, null, 2)); - console.log(`\n💾 详细结果已保存到: ${jsonPath}`); -} - -main().catch(console.error); \ No newline at end of file diff --git a/scripts/run-all-tests.sh b/scripts/run-all-tests.sh deleted file mode 100755 index ba758e7..0000000 --- a/scripts/run-all-tests.sh +++ /dev/null @@ -1,82 +0,0 @@ -#!/bin/bash - -set -e - -echo "🚀 开始运行所有开发环境测试..." -echo "========================================" -echo "" - -RED='\033[0;31m' -GREEN='\033[0;32m' -YELLOW='\033[1;33m' -NC='\033[0m' - -mkdir -p test-results - -echo "📡 检查开发服务器..." -if ! curl -s http://localhost:3000 > /dev/null; then - echo -e "${RED}❌ 开发服务器未运行${NC}" - echo "请先运行: npm run dev" - exit 1 -fi -echo -e "${GREEN}✅ 开发服务器运行正常${NC}" -echo "" - -echo "⚡ 运行性能审计..." -node scripts/performance-audit.js -if [ $? -eq 0 ]; then - echo -e "${GREEN}✅ 性能审计完成${NC}" -else - echo -e "${RED}❌ 性能审计失败${NC}" -fi -echo "" - -echo "🔍 运行SEO检查..." -node scripts/seo-check.js -if [ $? -eq 0 ]; then - echo -e "${GREEN}✅ SEO检查完成${NC}" -else - echo -e "${RED}❌ SEO检查失败${NC}" -fi -echo "" - -echo "♿ 运行可访问性测试..." -node scripts/accessibility-test.js -if [ $? -eq 0 ]; then - echo -e "${GREEN}✅ 可访问性测试完成${NC}" -else - echo -e "${RED}❌ 可访问性测试失败${NC}" -fi -echo "" - -echo "📝 运行表单验证..." -node scripts/form-validation.js -if [ $? -eq 0 ]; then - echo -e "${GREEN}✅ 表单验证完成${NC}" -else - echo -e "${RED}❌ 表单验证失败${NC}" -fi -echo "" - -echo "📊 生成综合测试报告..." -node scripts/generate-test-report.js -if [ $? -eq 0 ]; then - echo -e "${GREEN}✅ 报告生成完成${NC}" -else - echo -e "${RED}❌ 报告生成失败${NC}" -fi -echo "" - -echo "========================================" -echo "📈 测试完成！" -echo "" -echo "📁 结果文件位置:" -echo " - test-results/performance-summary.json" -echo " - test-results/performance/*.html" -echo " - test-results/seo-summary.json" -echo " - test-results/accessibility-summary.json" -echo " - test-results/form-validation-summary.json" -echo " - test-results/test-report.html" -echo "" -echo -e "${GREEN}💡 在浏览器中打开 test-results/test-report.html 查看详细报告${NC}" -echo "" \ No newline at end of file diff --git a/scripts/seo-check.js b/scripts/seo-check.js deleted file mode 100644 index 94fec87..0000000 --- a/scripts/seo-check.js +++ /dev/null @@ -1,63 +0,0 @@ -const { SEOValidator } = require('./utils/seo-validator'); -const fs = require('fs'); -const path = require('path'); - -const PAGES = [ - { name: '首页', url: 'http://localhost:3000' }, - { name: '关于我们', url: 'http://localhost:3000/about' }, - { name: '联系我们', url: 'http://localhost:3000/contact' }, - { name: '服务', url: 'http://localhost:3000/services' }, - { name: '产品', url: 'http://localhost:3000/products' }, - { name: '案例', url: 'http://localhost:3000/cases' }, - { name: '新闻', url: 'http://localhost:3000/news' } -]; - -async function checkAllPages() { - console.log('🔍 开始SEO检查...\n'); - - const validator = new SEOValidator(); - - for (const page of PAGES) { - console.log(`📄 检查页面: ${page.name}`); - const result = await validator.validatePage(page.url, page.name); - - if (result.issues.length === 0) { - console.log(` ✅ 无SEO问题\n`); - } else { - console.log(` ⚠️ 发现 ${result.issues.length} 个问题:`); - result.issues.forEach(issue => { - console.log(` - ${issue.check}: ${issue.issue} (${issue.severity})`); - }); - console.log(); - } - } - - return validator.getSummary(); -} - -function generateSummary(summary) { - console.log('\n📊 SEO检查摘要\n'); - console.log('─'.repeat(80)); - console.log(`总页面数: ${summary.totalPages}`); - console.log(`有问题页面: ${summary.pagesWithIssues}`); - console.log(`总问题数: ${summary.totalIssues}`); - console.log(`\n问题严重程度:`); - console.log(` 🔴 高: ${summary.severity.high}`); - console.log(` 🟡 中: ${summary.severity.medium}`); - console.log(` 🟢 低: ${summary.severity.low}`); - console.log('─'.repeat(80)); - - const passRate = ((summary.totalPages - summary.pagesWithIssues) / summary.totalPages * 100).toFixed(1); - console.log(`\n✅ SEO通过率: ${passRate}%`); -} - -async function main() { - const summary = await checkAllPages(); - generateSummary(summary); - - const outputPath = 'test-results/seo-summary.json'; - fs.writeFileSync(outputPath, JSON.stringify(summary, null, 2)); - console.log(`\n💾 详细结果已保存到: ${outputPath}`); -} - -main().catch(console.error); \ No newline at end of file diff --git a/scripts/utils/axe-runner.js b/scripts/utils/axe-runner.js deleted file mode 100644 index 2a16451..0000000 --- a/scripts/utils/axe-runner.js +++ /dev/null @@ -1,74 +0,0 @@ -const { chromium } = require('playwright'); -const AxeBuilder = require('@axe-core/playwright').default; -const fs = require('fs'); -const path = require('path'); - -async function runAxeTest(url, pageName) { - const browser = await chromium.launch(); - const context = await browser.newContext(); - const page = await context.newPage(); - const results = []; - - try { - await page.goto(url, { waitUntil: 'networkidle' }); - - const accessibilityScanResults = await new AxeBuilder({ page }) - .withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa']) - .analyze(); - - const violations = accessibilityScanResults.violations.map(v => ({ - id: v.id, - impact: v.impact, - description: v.description, - help: v.help, - helpUrl: v.helpUrl, - nodes: v.nodes.length - })); - - const passes = accessibilityScanResults.passes.length; - const incomplete = accessibilityScanResults.incomplete.length; - - results.push({ - page: pageName, - url, - violations, - passes, - incomplete, - score: calculateScore(violations, passes, incomplete) - }); - - console.log(` ✅ 扫描完成: ${violations.length} 个违规, ${passes} 个通过, ${incomplete} 个未完成`); - - await context.close(); - await browser.close(); - return results[0]; - - } catch (error) { - await context.close(); - await browser.close(); - throw new Error(`可访问性测试失败: ${error.message}`); - } -} - -function calculateScore(violations, passes, incomplete) { - const total = violations.length + passes + incomplete; - if (total === 0) return 100; - return ((passes / total) * 100).toFixed(1); -} - -function generateReport(results, outputPath) { - const report = { - timestamp: new Date().toISOString(), - summary: { - totalPages: results.length, - totalViolations: results.reduce((sum, r) => sum + r.violations.length, 0), - averageScore: (results.reduce((sum, r) => sum + parseFloat(r.score), 0) / results.length).toFixed(1) - }, - pages: results - }; - - fs.writeFileSync(outputPath, JSON.stringify(report, null, 2)); - return outputPath; -} - -module.exports = { runAxeTest, generateReport }; \ No newline at end of file diff --git a/scripts/utils/form-tester.js b/scripts/utils/form-tester.js deleted file mode 100644 index 3dece75..0000000 --- a/scripts/utils/form-tester.js +++ /dev/null @@ -1,162 +0,0 @@ -const { chromium } = require('playwright'); -const fs = require('fs'); - -class FormTester { - constructor() { - this.results = []; - } - - async testContactForm() { - const browser = await chromium.launch(); - const page = await browser.newPage(); - - try { - await page.goto('http://localhost:3000/contact', { waitUntil: 'networkidle' }); - - const form = { - nameInput: page.locator('[data-testid="name-input"]'), - phoneInput: page.locator('[data-testid="phone-input"]'), - emailInput: page.locator('[data-testid="email-input"]'), - subjectInput: page.locator('[data-testid="subject-input"]'), - messageInput: page.locator('[data-testid="message-input"]'), - submitButton: page.locator('[data-testid="submit-button"]') - }; - - console.log(' 📝 测试表单字段可见性...'); - - const visibilityTests = [ - { name: '姓名输入框', element: form.nameInput }, - { name: '电话输入框', element: form.phoneInput }, - { name: '邮箱输入框', element: form.emailInput }, - { name: '主题输入框', element: form.subjectInput }, - { name: '消息输入框', element: form.messageInput }, - { name: '提交按钮', element: form.submitButton } - ]; - - const visibilityResults = []; - for (const test of visibilityTests) { - try { - await test.element.waitFor({ state: 'visible', timeout: 5000 }); - visibilityResults.push({ name: test.name, passed: true }); - console.log(` ✅ ${test.name} 可见`); - } catch (error) { - visibilityResults.push({ name: test.name, passed: false, error: error.message }); - console.log(` ❌ ${test.name} 不可见: ${error.message}`); - } - } - - console.log(' 📝 测试表单验证...'); - - const validationTests = [ - { - name: '必填字段验证', - test: async () => { - await form.submitButton.click(); - const errorMessages = await page.locator('[data-testid*="error"]').count(); - return errorMessages > 0; - } - }, - { - name: '邮箱格式验证', - test: async () => { - await form.emailInput.fill('invalid-email'); - await form.emailInput.blur(); - const error = await page.locator('[data-testid="email-input"] + [data-testid*="error"]').isVisible(); - return error; - } - }, - { - name: '电话格式验证', - test: async () => { - await form.phoneInput.fill('123'); - await form.phoneInput.blur(); - const error = await page.locator('[data-testid="phone-input"] + [data-testid*="error"]').isVisible(); - return error; - } - } - ]; - - const validationResults = []; - for (const test of validationTests) { - try { - await page.reload(); - await page.waitForLoadState('networkidle'); - const passed = await test.test(); - validationResults.push({ name: test.name, passed }); - console.log(` ${passed ? '✅' : '❌'} ${test.name}`); - } catch (error) { - validationResults.push({ name: test.name, passed: false, error: error.message }); - console.log(` ❌ ${test.name}: ${error.message}`); - } - } - - console.log(' 📝 测试表单提交...'); - - const submitTest = { - name: '表单提交', - test: async () => { - await form.nameInput.fill('测试用户'); - await form.phoneInput.fill('13800138000'); - await form.emailInput.fill('test@example.com'); - await form.subjectInput.fill('测试主题'); - await form.messageInput.fill('这是一条测试消息'); - await form.submitButton.click(); - - await page.waitForTimeout(2000); - - const successMessage = await page.locator('[data-testid*="success"]').isVisible(); - const errorMessage = await page.locator('[data-testid*="error"]').isVisible(); - - if (successMessage) { - return { passed: true, message: '提交成功' }; - } else if (errorMessage) { - return { passed: false, message: '提交失败' }; - } else { - return { passed: true, message: '表单已提交（需后端验证）' }; - } - } - }; - - let submitResult; - try { - submitResult = await submitTest.test(); - console.log(` ${submitResult.passed ? '✅' : '❌'} ${submitResult.name}: ${submitResult.message}`); - } catch (error) { - submitResult = { passed: false, error: error.message }; - console.log(` ❌ ${submitTest.name}: ${error.message}`); - } - - await browser.close(); - - return { - page: '联系我们', - url: 'http://localhost:3000/contact', - visibility: visibilityResults, - validation: validationResults, - submit: submitResult - }; - - } catch (error) { - await browser.close(); - throw new Error(`表单测试失败: ${error.message}`); - } - } - - getSummary() { - const totalTests = this.results.reduce((sum, r) => - sum + r.visibility.length + r.validation.length + 1, 0); - const passedTests = this.results.reduce((sum, r) => - sum + r.visibility.filter(t => t.passed).length + - r.validation.filter(t => t.passed).length + - (r.submit?.passed ? 1 : 0), 0); - - return { - totalForms: this.results.length, - totalTests, - passedTests, - passRate: ((passedTests / totalTests) * 100).toFixed(1) - }; - } -} - -module.exports = { FormTester }; \ No newline at end of file diff --git a/scripts/utils/lighthouse-runner.js b/scripts/utils/lighthouse-runner.js deleted file mode 100644 index 9246198..0000000 --- a/scripts/utils/lighthouse-runner.js +++ /dev/null @@ -1,33 +0,0 @@ -const lighthouse = require('lighthouse').default; -const chromeLauncher = require('chrome-launcher'); -const fs = require('fs'); -const path = require('path'); - -async function runLighthouse(url, options = {}) { - const chrome = await chromeLauncher.launch({ chromeFlags: ['--headless'] }); - options.port = chrome.port; - - const runnerResult = await lighthouse(url, options); - await chrome.kill(); - - return runnerResult; -} - -function generateReport(result, outputPath) { - const reportHtml = result.report; - fs.writeFileSync(outputPath, reportHtml); - return outputPath; -} - -function extractMetrics(result) { - const categories = result.lhr?.categories || {}; - return { - performance: categories.performance?.score * 100 || 0, - accessibility: categories.accessibility?.score * 100 || 0, - bestPractices: categories['best-practices']?.score * 100 || 0, - seo: categories.seo?.score * 100 || 0, - pwa: categories.pwa?.score * 100 || 0 - }; -} - -module.exports = { runLighthouse, generateReport, extractMetrics }; \ No newline at end of file diff --git a/scripts/utils/seo-validator.js b/scripts/utils/seo-validator.js deleted file mode 100644 index 59d80e5..0000000 --- a/scripts/utils/seo-validator.js +++ /dev/null @@ -1,136 +0,0 @@ -const { chromium } = require('playwright'); -const fs = require('fs'); - -class SEOValidator { - constructor() { - this.issues = []; - } - - async validatePage(url, pageName) { - const browser = await chromium.launch(); - const page = await browser.newPage(); - - try { - await page.goto(url, { waitUntil: 'networkidle' }); - - const checks = { - title: this.checkTitle(page), - description: this.checkDescription(page), - headings: this.checkHeadings(page), - images: this.checkImages(page), - links: this.checkLinks(page), - ogTags: this.checkOpenGraph(page), - canonical: this.checkCanonical(page), - h1: this.checkH1(page), - lang: this.checkLanguage(page) - }; - - const pageIssues = Object.entries(checks) - .filter(([_, result]) => !result.passed) - .map(([check, result]) => ({ - check, - issue: result.issue, - severity: result.severity - })); - - if (pageIssues.length > 0) { - this.issues.push({ - page: pageName, - url, - issues: pageIssues - }); - } - - await browser.close(); - return { checks, issues: pageIssues }; - - } catch (error) { - await browser.close(); - throw new Error(`SEO验证失败: ${error.message}`); - } - } - - checkTitle(page) { - return { - passed: true, - details: '需要手动验证' - }; - } - - checkDescription(page) { - return { - passed: true, - details: '需要手动验证' - }; - } - - checkHeadings(page) { - return { - passed: true, - details: '需要手动验证' - }; - } - - checkImages(page) { - return { - passed: true, - details: '需要手动验证' - }; - } - - checkLinks(page) { - return { - passed: true, - details: '需要手动验证' - }; - } - - checkOpenGraph(page) { - return { - passed: true, - details: '需要手动验证' - }; - } - - checkCanonical(page) { - return { - passed: true, - details: '需要手动验证' - }; - } - - checkH1(page) { - return { - passed: true, - details: '需要手动验证' - }; - } - - checkLanguage(page) { - return { - passed: true, - details: '需要手动验证' - }; - } - - getSummary() { - const totalIssues = this.issues.reduce((sum, page) => sum + page.issues.length, 0); - const pagesWithIssues = this.issues.length; - - return { - totalPages: this.issues.length + (this.issues.length === 0 ? 7 : 0), - pagesWithIssues, - totalIssues, - severity: { - high: this.issues.reduce((sum, page) => - sum + page.issues.filter(i => i.severity === 'high').length, 0), - medium: this.issues.reduce((sum, page) => - sum + page.issues.filter(i => i.severity === 'medium').length, 0), - low: this.issues.reduce((sum, page) => - sum + page.issues.filter(i => i.severity === 'low').length, 0) - } - }; - } -} - -module.exports = { SEOValidator }; \ No newline at end of file