Vitest を GitHub Actions 上で実行するときに設定したいオプションや composite action - カバレッジレポート編

はじめに

Vitest をプロジェクトに設定しローカル環境はもちろん CI/CD 環境でも動かす場面は少なくありません。今回は GitHub Actions で Vitest を実行する際に設定したい内容や composite actions をまとめました。

Vitest は GitHub Actinos の workflow command に対応しています。なお、この設定は process.env.GITHUB_ACTIONS が true である場合自動的に有効になります。

もし、レポーター設定をデフォルト値以外で使用している場合は、 github-actions を追加することで利用可能です。

export default defineConfig({
   test: {
     coverage: {
       reporter: ["dot", "github-actions"],

こちらの記事でも紹介されていましたが、 vitest-coverage-report-action を導入することで作成した Pull request にコメントでテストカバレッジを追加してくれます。

vitest-coverage-report-action を使用するためには、 reporter に下記値を定義する必要があります。

export default defineConfig({
   test: {
     coverage: {
       reporter: ["json-summary", "json"],

上記内容適用した設定ファイルは以下のようになります。

export default defineConfig({
   test: {
     coverage: {
       reporter: ["dot", "github-actions", "json-summary", "json"],