フロントエンドのテスト手法は様々ありますが、今回はReact-testing-libraryの著者であるKent C. Dodds氏のTesting Trophyを参考に紹介していきます。 なおTesting Trophyについての詳しい解説はKent C. Dodds氏の下記の記事を読んでみてください。

Static vs Unit vs Integration vs E2E Testing for Frontend Apps

引用：https://qiita.com/KNR109/items/7cf6b24bed318dab5715

種類の概要

4種類のテスト

<aside> 🌿 4種類のテストは、下に行けば行くほど（Testing TrophyではTrophyの上のレイヤーに行くほど）、以下のような特徴がある。

  1. Static Test（静的テスト）
  2. Unit Test（単体テスト）
  3. Integration Test（結合テスト）
  4. End to End Test（E2Eテスト）

1. Static Test（静的テスト）

コードのタイプミスや型エラーをチェックする

FlowやTypeScriptなどの静的型解析を導入することでチェックできる

2. Unit Test（単体テスト）

個々の独立した関数やコンポーネントが動作するかをチェックする

単体テストのテストツールとしては、Jestが一番人気のフレームワークになっている