张翔
92 lines
2.9 KiB
JavaScript
92 lines
2.9 KiB
JavaScript
const { runAxeTest, generateReport } = require('./utils/axe-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 WCAG_STANDARD = 'WCAG 2.1 AA';
|
|
const MIN_SCORE = 80;
|
|
|
|
async function testAllPages() {
|
|
console.log('♿ 开始可访问性测试...\n');
|
|
console.log(`标准: ${WCAG_STANDARD}`);
|
|
console.log(`最低分数: ${MIN_SCORE}\n`);
|
|
|
|
const results = [];
|
|
const reportDir = 'test-results/accessibility';
|
|
|
|
if (!fs.existsSync(reportDir)) {
|
|
fs.mkdirSync(reportDir, { recursive: true });
|
|
}
|
|
|
|
for (const page of PAGES) {
|
|
console.log(`📄 测试页面: ${page.name} (${page.url})`);
|
|
|
|
try {
|
|
const result = await runAxeTest(page.url, page.name);
|
|
results.push(result);
|
|
|
|
const status = parseFloat(result.score) >= MIN_SCORE ? '✅' : '⚠️';
|
|
console.log(` ${status} 分数: ${result.score}\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)} | ❌ 失败 |`;
|
|
}
|
|
const status = parseFloat(r.score) >= MIN_SCORE ? '✅' : '⚠️';
|
|
const violations = r.violations.length;
|
|
return `| ${r.page.padEnd(20)} | ${status} ${r.score.padStart(6)} | ${violations.toString().padStart(3)} |`;
|
|
});
|
|
|
|
console.log('| 页面'.padEnd(20) + ' | 状态 | 违规 |');
|
|
console.log('─'.repeat(80));
|
|
table.forEach(row => console.log(row));
|
|
console.log('─'.repeat(80));
|
|
|
|
const passed = results.filter(r => !r.error && parseFloat(r.score) >= MIN_SCORE).length;
|
|
const total = results.length;
|
|
const avgScore = results
|
|
.filter(r => !r.error)
|
|
.reduce((sum, r) => sum + parseFloat(r.score), 0) / results.length;
|
|
|
|
console.log(`\n📈 统计:`);
|
|
console.log(` 平均分数: ${avgScore.toFixed(1)}`);
|
|
console.log(` 达标页面: ${passed}/${total} (${(passed/total*100).toFixed(1)}%)`);
|
|
console.log(` 总违规数: ${results.reduce((sum, r) => sum + (r.violations?.length || 0), 0)}`);
|
|
}
|
|
|
|
async function main() {
|
|
const results = await testAllPages();
|
|
generateSummary(results);
|
|
|
|
const reportPath = 'test-results/accessibility-summary.json';
|
|
generateReport(results, reportPath);
|
|
console.log(`\n💾 详细报告已保存到: ${reportPath}`);
|
|
}
|
|
|
|
main().catch(console.error); |