【初心者向け】TypeScriptのJestの「Mock Functions」とは？使い方とポイントを徹底解説！

悩む人

JestのMock Functionsって何？どうやって使うの？

Mock Functionsを使うことで、テストを効率よく進める方法を解説します！

きい

この記事を書いた人

• エンジニア歴４年のフリーランスデータエンジニア
• 高卒工場勤務からエンジニア転職
• ３年目でフリーランスになり年収1000万↑達成
• フルリモ歴２年、２児の育児中

JestのMock Functionsとは？

JestはJavaScript/TypeScript用のテストフレームワークで、特に「Mock Functions（モック関数）」が便利です。

Mock Functionsとは、関数の動作を模倣して、実際の処理を行わずにテストを行うための機能です。

例えば、以下のような場面で活躍します

• 実際のデータベース操作を省略して、ローカル環境でテストしたい。
• API呼び出しを模擬して、ネットワークの遅延やエラーを再現せずにテストしたい。

JestのMock Functionsが必要な理由

テストを効率的に進めるために、以下のような問題をMock Functionsで解決できます。

1. 外部依存の問題を回避

外部APIやデータベースに依存すると、テスト環境の準備が大変です。

Mock Functionsなら、擬似的な戻り値を設定できます。

2. 動作をコントロール

Mock Functionsは任意の戻り値やエラーを返せるため、さまざまなケースを簡単にテストできます。

3. 実行回数や引数の確認

Mock Functionsを使えば、呼び出し回数や渡された引数を追跡でき、関数が期待通りに動いているか検証できます。

実際に使ってみよう！

1. インストール

まず、Jestをインストールします。

npm install --save-dev jest @types/jest ts-jest

2. モック関数の基本的な使い方

以下は、Mock Functionsの基本的な例です。

Mock Functionsのよく使う機能

任意の戻り値を設定する

非同期関数をモックする

呼び出し履歴を確認する

まとめ

Mock Functionsを使うことで、以下のようなメリットがあります：

• 外部依存を取り除き、テストの安定性を向上。
• 動作のシミュレーションが簡単にできる。
• テスト中の呼び出し履歴や引数の検証が可能。

JestのMock Functionsを活用して、効率的で信頼性の高いテストを書けるようになりましょう！