GitHubのプルリクコメントにVitestのカバレッジレポートのSummaryを表示するZennKanon⚡️GitHubのプルリクコメントにVitestのカバレッジレポートのSummaryを表示する2024/06/11に公開TypeScriptViteVitesttechいきなり結論こういう感じでGitHubのプルリクコメント上にカバレッジレポートを表示してくれます。以下のように設定することで、Status列の表示が変わります。閾値が設定されていなければ青色に。80%」のように閾値を表示してくれます。},});閾値を下回っていれば、上記のように赤丸で表示されます。使うのはこちらの便利なツールです。https://github.com/marketplace/actions/vitest-coverage-reportVitestの設定json-summary形式でのレポートを出力するよう設定しておく必要があります。基本的に上記のページに記載されている設定方法をそのままコピペするだけでよいです。ハマりポイントdavelosert/vitest-coverage-report-actionはcoverage/coverage-summary.jsonにレポートが置かれている前提でなければうまく動いてくれません。そのため、カバレッジレポートの出力先をカスタム設定している場合は、テストが実行された後に作成されたレポートの置き場所をjson-summary-pathで教えてあげる必要があります。おわりにPRのたびにカバレッジが出てくれると、めちゃくちゃ便利ですよね。レビュワーもレビュイーもカバレッジを意識しながらレビューに臨めるので、結果としてカバレッジ向上ひいては品質向上につながってくれるかもしれません。設定自体は簡単なので、やるだけやっておきたいですね。Kobe.tsというTypeScriptコミュニティを主催していますフロント・バックエンドに限らず、周辺知識も含めてTypeScriptの勉強会を主催しています。毎朝オフラインでもくもくしたり、神戸を中心に関西でLTもしています。アイコンは公式配布のものです。x.com/tonikakuhayate/status/1806583319951233034バッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。アイコンは公式配布のものです。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。