Reactのテスト
ライブラリ
タスクランナー
コンポーネントのテスト
スナップショットテストで使用する
E2E
テストの種類
よくあるテストパターンが確認できる
スナップショット
一般的には、スナップショットを使うよりもより個別的なアサーションを行う方がベターです。
コストが低いので使いたくなるrmaruon.icon
rmaruon.iconの現時点(学習中 / 導入段階)のやり方
実装
コンポーネントを抽出する
ビューとロジックを分離する
変更時のコストも高いし、テストを書くコストも高い
共通部品化できるものはする
テスト
Jest、React Test Renderer、React Testing Libraryを使用する
publicを対象にテスト
コンポーネント(ビュー)はスナップショットを実施
最低限のリグレッションテストとして実施
propsの受け渡しのテストやイベント、state変化による条件分岐のテストなどは段階的に導入したい
ref
わかりやすい
考え方
全てのコンポーネントをテストする必要はない
最小単位のコンポーネントの動作を担保する
順序
Snapshotテスト
propsのテスト
data(props等)の型チェック
eventのテスト
条件や状態変化前後(domへのclass付け外し等)のテスト