はじめに
こんにちは、エンジニアのkeitaMaxです。
Next.jsの自動テスト/CI のまとめです。
今までNext.jsの自動テスト/CI についての記事を書いてきたので、それをまとめました。
これから紹介するものが全て入っているリポジトリは以下です。
Storybookを使ったテスト
UI コンポーネントのテストをすることができます。
GitHubActionsを使ってPushしたときのテスト方法については以下で紹介しています。
Chromaticを使ったテスト
GitHubPushしたときに自動でChromaticにデプロイをして、前回とのUIの変更点を洗い出すようなテストを書いたのが以下の記事です。
ESLintを使ったテスト
単純な構文エラーやプロジェクト固有のコーディング規約に沿った静的解析を行ってくれるものです。
GitHubActionsを使ってテストするのも含めて以下の記事で紹介しています。
Jestを使ったテスト
Jestを使用したテストは以下の記事で紹介しています。
Codecovを使ったテスト
テストをしたときのコードカバレッジの取り方を以下で紹介しています。
Playwrightを使ったテスト
様々なブラウザでのテストができるPlaywrightを使用した記事が以下です。
SonarQubeを使ったテスト
さいごに
Next.jsを使用したテストについて今までいろいろやってきましたが、どれも簡単に実装することができたので、今後とも積極的に使用していきたいと思います。
やり方が違ったり、もっといいやり方があるというご指摘がある方はコメントしていただけると幸いです。
最後まで読んでいただきありがとうございました。