参考資料

React テスト応用、テストに悩む人へ

Testing Libraryでのテスト実装の考え方

なぜテストを書くのか

開発者が安心して開発をするため

テストコードを書くことで、仕様変更によってコードを修正する際に、デグレを防ぐことができる。

また、実装からは読みづらい意図をテストを書くことによて明確にすることができる。(テスト項目で確認できる)

フロントのテストを実装する際に意識すること

React Testing Library に書かれている思想

• テストがソフトウェアの利用方法に似ているほどテストの信頼性が得られる
• 実装の詳細をテストせず、ソフトウェアが利用されるユースケースに対してテストをかく

テストライブラリでのテスト実装方針

• ユーザー操作後に、期待される振る舞いを検証するテストをかく
  • コンポーネントに特定のPropsやstateに任意の値を代入してコンポーネントの整合性が保たれているかなどのテストはそこまで重要ではない

同期的カウンターコンポーネントのテスト

非同期カウンターコンポーネントのテスト

カスタムHooksのテスト

テスト時のTips