テスト手法の調査

[MaximizedOwl]

調査したいこと
Reactでのテストのベストプラクティスを調査し、実際にテストしてみる。

背景・経緯
品質保証の効率化。

開始時の状況
テストに関する記述はない。

タスクリスト

• テストに関する調査
• テスト実施
• 基礎固め完了

障壁
現状なし

その他
現状なし

参考資料

1. https://ja.reactjs.org/docs/testing.html

[MaximizedOwl]

ブラウザでの表示をテストする方法について
jsdomを利用する。

しばしばテストは、ブラウザのような実際の描画用の画面にアクセスできない環境で実行されます。このような環境では、Node.js 内で実行される軽量のブラウザ実装である jsdom を使ってブラウザ環境をシミュレートすることをお勧めします。https://ja.reactjs.org/docs/testing-environments.html#mocking-a-rendering-surface

ただし、

レイアウトやナビゲーションのような機能は有していません

とあるように、実施できない機能もある。それでも実際にブラウザを開いてテストするよりもよいとのこと。

[MaximizedOwl]

https://youtu.be/fY_yvz2e0YI

• テスティングトロフィー

[MaximizedOwl]

ベストプラクティス論

• https://zenn.dev/erukiti/articles/unit-testing-react-2021

[MaximizedOwl]

• React Testing Libraryの使い方
  https://qiita.com/ossan-engineer/items/4757d7457fafd44d2d2f

[MaximizedOwl]

あとはテストを回すべきタイミングは？ビルドして、開発環境へのデプロイ前？

[MaximizedOwl]

https://takashinoda.hatenablog.com/entry/2019/12/01/002203