Node.js 業務上利用する必要のあるスクリプトで結果がCSVファイルに出力されない

Question

### 実現したいこと仕事で利用する必要のある下記スクリプトをWindows 10 端末のNode.jsで実行し、ウェブアクセシビリティチェックを実施すること ※本日投稿させていただいた[こちらの質問](https://teratail.com/questions/gcoy9d8swc8oxe)にてエラーが解決したことにより、新たに判明した問題に関する内容です。 ※参考サイト: [GitHub 「axe-test.js」](https://github.com/caztcha/axe-test) ### 前提基礎知識の全くない状態にも関わらず業務でNode.jsを利用し特定のスクリプトを実行することを求められている状況なので、見当違いな内容を記載している可能性がありますが、ご容赦ください。上記サイトの手順書を頼りに事前設定・スクリプトの実行を行ったところ、本来CSVファイルに書き出されるはずの結果がターミナル上にのみ表示され、肝心のCSVファイルが出力されない状況です。あまり時間がないため、もし解決方法をご存じの方がいらっしゃいましたら、できるだけ早くご教示いただければ幸いです。 ### 発生している問題・エラーメッセージエラーメッセージは出力されておらず、下記の通り本来CSVファイルに転記されるはずの結果がターミナル上に表示されている状況です。 ``` URL,Volation Type,Impact,Help,HTML Element,Messages,DOM Element https://www.xxx.co.jp/,color-contrast,serious,https://dequeuniversity.com/rules/axe/4.9/color-contrast?appl ication=axe-puppeteer&lang=ja,お知らせ,要素のコントラスト比が不十分です 3.91（前景色: #009606、背景色: #ffffff、フォントサイズ: 10.5pt (14px)、フォントの太さ: normal）。コントラスト比4.5:1を必要とします,li :nth-child(1) > p:nth-child(1) > .info.category https://www.xxx.co.jp/,color-contrast,serious,https://dequeuniversity.com/rules/axe/4.9/color-contrast?appl ication=axe-puppeteer&lang=ja,お知らせ,要素のコントラスト比が不十分です 3.91（前景色: #009606、背景色: #ffffff、フォントサイズ: 10.5pt (14px)、フォントの太さ: normal）。コントラスト比4.5:1を必要とします,li :nth-child(5) > p:nth-child(1) > .info.category https://www.xxx.co.jp/,color-contrast,serious,https://dequeuniversity.com/rules/axe/4.9/color-contrast?appl ication=axe-puppeteer&lang=ja,お知らせ,要素のコントラスト比が不十分です 3.91（前景色: #009606、背景色: #ffffff、フォントサイズ: 10.5pt (14px)、フォントの太さ: normal）。コントラスト比4.5:1を必要とします,li :nth-child(6) > p:nth-child(1) > .info.category https://www.xxx.co.jp/,color-contrast,serious,https://dequeuniversity.com/rules/axe/4.9/color-contrast?appl ication=axe-puppeteer&lang=ja,お知らせ,要素のコントラスト比が不十分です 3.91（前景色: #009606、背景色: #ffffff、フォントサイズ: 10.5pt (14px)、フォントの太さ: normal）。コントラスト比4.5:1を必要とします,li :nth-child(7) > p:nth-child(1) > .info.category https://www.xxx.co.jp/,color-contrast,serious,https://dequeuniversity.com/rules/axe/4.9/color-contrast?appl ication=axe-puppeteer&lang=ja,

MASAYUKI OKUMOTO

,要素のコントラスト比が不十分です 1.24（前景色: #e6e6e6、背景色: #f fffff、フォントサイズ: 27.0pt (36px)、フォントの太さ: bold）。コントラスト比3:1を必要とします,.toppage_message_right_nam e > p:nth-child(2) https://www.xxx.co.jp/,page-has-heading-one,moderate,https://dequeuniversity.com/rules/axe/4.9/page-has-hea ding-one?application=axe-puppeteer&lang=ja,,,html ``` ### 該当のソースコード #### ○ダウンロードした「axe-test.js」 ※必要となるPuppeteer、axe-core、axe-reportsは参考サイトの手順通りにインストール済みです。 ```JavaScript const { AxePuppeteer } = require('@axe-core/puppeteer'); const puppeteer = require('puppeteer'); // テスト結果を日本語で出力するように設定する。 const AXE_LOCALE_JA = require('axe-core/locales/ja.json'); const config = { locale: AXE_LOCALE_JA } // テスト結果の出力に、axe-reports を使用するように設定する。 const AxeReports = require('axe-reports'); // テスト対象の URL を、外部テキストファイルから読み込んで、配列に整形する。 const fs = require('fs'); let urls_list = fs.readFileSync("./urls.txt", "utf-8"); urls_list = urls_list.replace(/ ? /g, ','); urls_list = urls_list.split(','); (async () => { const urls = urls_list // axe-reports で、見出し行をまずは作成する。 AxeReports.createCsvReportHeaderRow(); const browser = await puppeteer.launch(); for (let i = 0; i < urls.length; i++) { const url = urls[i]; const page = await browser.newPage(); await page.setBypassCSP(true); // デバイスのエミュレートをする場合は、下記を適用する。 // await page.emulate(puppeteer.devices['iPhone 8']); // ページを読み込む。 await Promise.all([ page.setDefaultNavigationTimeout(0), page.waitForNavigation({waitUntil: ['load', 'networkidle2']}), page.goto(`${url}`) ]); // テストを実行する。withTags で、テスト基準をいろいろ設定できる。 const results = await new AxePuppeteer(page).configure(config).withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'best-practice']).analyze(); // axe-reports で、検証結果の行を追加する。 AxeReports.createCsvReportRow(results); await page.close(); } await browser.close(); })(); ``` #### ○スクリプトの実行コマンド ``` node axe-test.js => result.csv ``` ### 試したことお恥ずかしながら基礎知識が殆どないため、「ウェブ検索をしてCSVへの書き出しにFSパッケージが使われることを知って追加インストールした」という対処しかできていません。以上です。よろしくお願いいたします。 ### 補足情報 Node.jsのバージョンは20.16.0を使用しています。

Accepted Answer

```
node axe-test.js => result.csv
```
axe-test の README が間違っているんじゃないでしょうか。ファイルにリダイレクトするなら、`node axe-test.js > result.csv` です。