記事を投稿しました！ 【Jest】Jest概要学習備忘録 qiita.com/ramgap/items/2… #Qiita #駆け出しエンジニアと繋がりたい #Jest

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest カスタムマッチャーは、expect().extend()に関数を渡して作成する。その関数内で条件判定のロジックを書き、最後にmessageとpassをキーに持つオブジェクトを返す。passの真偽値がテスト結果となる。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest describeは、関連するテストを1つのブロックにまとめるためのメソッドで、その中に関連するテストケースを記述する。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest アプリのテストカバレッジを見るにはコンソールで以下コマンドを実行する。 npm test --coverage coverage/というディレクトリが生成され、index.htmlに、わかりやすくテストサマリが表示される。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest setupFilesとsetupFilesAfterEnvは、Jestでテストを実行する前に特定の設定や処理を行うための設定。jest.config.jsで、テスト前に実行するファイルを指定できる。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest testEnvironmentはJestのテスト実行環境を設定するオプション。デフォルトはNode.js環境だが、フロントエンドのテストにはjsdomを使ってブラウザに近い環境で実行できる。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest Jestの詳細な設定は、jest.config.js|ts|mjs|cjs|jsonといったファイルで定義するのが推奨されており、これらのファイルは自動的に検出される。設定はオブジェクトとしてエクスポートする。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest jest.mock()の引数にモジュール名を渡すと、モジュール全体をモック化できる。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest Node.jsで複数の関数をエクスポートするには、関数をオブジェクトとしてエクスポートし、インポート時に分割代入を使用する。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest 特定の値を返すだけでなく、実装自体をモックしたい場合は、jest.fnやモック関数のmockImplementationOnceメソッドを使えば実現できる。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #Jest でAPIにアクセスせずにテストするためには、jest.mock()でaxiosをモックし、mockResolvedValueを使って任意のデータを返すように設定可。これにより、axios.get('/users.json')などの呼び出しに対して偽（仮）のレスポンスを返すことが可能。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest モック関数は、テスト用の値注入にも便利！モック関数（引数無し）を作成し、そのmockReturnValueOnceをメソッドチェーンで繋げば、モック関数を呼び出すごとにメソッドチェーンの順で指定した値を返す。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest モック関数を使ってテスト対象を実行し、モック関数のmockプロパティをexpectでチェック！コールバックが期待通り呼ばれているかをテストできる。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest jest.fn(callback)でモック関数作成！mockプロパティで呼び出し時のデータや返り値が確認でき、関数の動作を詳細に追える！

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest expectの後にresolveマッチャーを付けた上でpromiseをreturnすれば、promiseが解決することをテストできる。rejectも同様。

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest 非同期処理のコールバックテストは、testにdoneを渡して、expect後にdone()を呼ぶ。エラー時はdone(error)をcatchで処理！

#今日の積み上げ #駆け出しエンジニアと繋がりたい #jest expect.assertions(number)で、特定の回数だけアサーションが実行されたかを確認。非同期コードのテストで、ちゃんとアサーションが呼ばれたかチェックするのに便利！