複数ページのアクセシビリティチェックの結果をCSV出力

❯ node -v

v18.12.1

❯ npm -v

8.19.2

❯  npm install puppeteer --no-save

❯  npm install @axe-core/puppeteer

❯  npm install axe-reports

// 必要なモジュールをインポート
const { AxePuppeteer } = require('@axe-core/puppeteer');
const puppeteer = require('puppeteer');
const AXE_LOCALE_JA = require('axe-core/locales/ja.json');
const AxeReports = require('axe-reports');
const fs = require('fs');

// 設定オブジェクトの定義
const config = {
	locale: AXE_LOCALE_JA
}

// URLリストの取得と整形
let urls_list = fs.readFileSync("./urls.txt", "utf-8");
urls_list = urls_list.replace(/\r?\n/g, ',');
urls_list = urls_list.split(',');

// 空文字列をフィルタリングして有効なURLのみを取得
const urls = urls_list.filter(url => url.trim() !== "");

// CSVレポートのヘッダー行を作成
AxeReports.createCsvReportHeaderRow();

// 50件ずつURLを処理する関数
async function process_urls(start_index, browser) {
	for (let i = start_index; i < start_index + 50 && i < urls.length; i++) {
		const url = urls[i];
		const page = await browser.newPage();
		await page.setBypassCSP(true);

		try {
			await Promise.all([
				page.setDefaultNavigationTimeout(0),
				page.waitForNavigation({waitUntil: ['load', 'networkidle2']}),
				page.goto(url)
			]);
		} catch (error) {
			console.error(`Navigation error on ${url}:`, error.message);
			fs.appendFileSync('output.csv', `"${url}","チェックに失敗しました: ${error.message}"\n`);
			await page.close();
			continue;
		}

		try {
			// アクセシビリティチェックとタイムアウトをraceさせる
			await Promise.race([
				new AxePuppeteer(page).configure(config).withTags(['wcag2a', 'wcag2aa', 'bestpractice']).analyze().then(results => {
					AxeReports.createCsvReportRow(results);
				}),
				new Promise((_, reject) => setTimeout(() => reject(new Error('Timeout after 30 seconds')), 30000))
			]);
		} catch (error) {
			console.error(`Accessibility check failed on ${url}:`, error.message);
			fs.appendFileSync('output.csv', `"${url}","アクセシビリティチェックに失敗しました: ${error.message}"\n`);
		}

		await page.close();
	}
}
// アクセシビリティチェックの実行
(async () => {
  const browser = await puppeteer.launch({
    headless: "new",
    timeout: 0,  // 追加: ページナビゲーションのタイムアウトを無効にする
    protocolTimeout: 60000  // 追加: プロトコルタイムアウトを60秒に設定
  });

	// 全てのURLを50件ずつ処理
	for (let i = 0; i < urls.length; i += 50) {
		await process_urls(i, browser);
	}

	await browser.close();
})();

withTags(['wcag2a', 'wcag2aa', 'bestpractice']) 

❯  node axe-test.js => result.csv