エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JestでReactアプリのUIテストを自動化してみた(スナップショットテスト) | DevelopersIO
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JestでReactアプリのUIテストを自動化してみた(スナップショットテスト) | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、JavaScriptのテストフレームワークJestを使用し... こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、JavaScriptのテストフレームワークJestを使用して、ReactアプリケーションのUIテストの自動化をしてみました。 ReactアプリのUIテストをするためには Reactアプリケーションのユーザーインターフェース(UI)のテストを自動化する場合、次のような観点が考えられます。 DOM要素の出力が期待通りであるかのテスト コードの変更前後でDOM要素の出力に差分が発生していないか(又はしているか)のテスト 特に後者のテストは、ある時点の画面のスナップショットを用意したテストとなるため、スナップショットテストと呼びます。 そして、これらいずれのUIテストもJestを使用して自動化が可能です。 やってみた テスト環境の作成 テスト対象となるReactアプリケーションを新規作成します。 $ npx create-react-ap