Jest を使用して単体テストをマスターする: 包括的なガイド

はじめに
単体テストは、コードが期待どおりに動作することを保証するソフトウェア開発の基礎です。利用可能なさまざまなテスト フレームワークの中で、Jest は JavaScript 開発者にとって主要な選択肢として浮上しています。シンプルさと効率性を念頭に置いて構築された Jest を使用すると、開発者は最小限の構成で堅牢な単体テストを作成できます。

Jest とは何ですか?
Jest は、Meta (旧 Facebook) によって開発されたオープンソースの JavaScript テスト フレームワークです。 React、Node.js、その他の JavaScript ライブラリを使用して構築されたアプリケーションとシームレスに統合するように設計されています。 Jest は使いやすさ、強力な機能、優れた開発者エクスペリエンスで知られており、テストを作成するための頼りになるツールとなっています。

Jest 単体テストを使用する理由
Jest は、単体テストの作成、編成、実行のプロセスを簡素化します。開発者が Jest を選ぶ理由は次のとおりです:

• ゼロ構成: Jest は箱から出してすぐに動作し、最小限のセットアップが必要です。
• 組み込みモッキング: 関数、モジュール、さらにはタイマーをモックするツールを提供します。
• スナップショット テスト: Jest は回帰テスト用に UI 出力をキャプチャします。
• 速度: Jest は効率を最大化するためにテストを並行して実行します。

プロジェクトでの Jest のセットアップ

前提条件
Jest を使用する前に、マシンに Node.js と npm がインストールされていることを確認してください。

Jest のインストール
Jest をインストールするには、次のコマンドを実行します:

バッシュ

コードをコピー

npm install --save-dev jest

Jest の構成
Jest を構成するには、package.json ファイルに jest プロパティを追加するか、専用の jest.config.js ファイルを作成します。これにより、テスト ディレクトリ、カバレッジのしきい値などのオプションをカスタマイズできます。

Jest を使用して最初の単体テストを作成する

テスト ファイルの作成
Jest は、デフォルトで .test.js または .spec.js 拡張子を持つテスト ファイルを認識します。たとえば、math.js で関数をテストしている場合は、math.test.js.

という名前のファイルを作成します。

テストケースの作成
Jest テスト ケースの簡単な例を次に示します。

JavaScript

コードをコピー

const add = (a, b) => a b; 

test('2 つの数値を加算', () => {

expect(add(2, 3)).toBe(5); 

}); 

テストの実行
次のコマンドを使用してテストを実行します:

バッシュ

コードをコピー

npm テスト

Jest はすべてのテスト ファイルを識別し、そのファイル内のテスト ケースを実行します。

単体テスト用の Jest の主な機能

モッキング関数
Jest を使用すると、関数とモジュールをモックしてコンポーネントを個別にテストできます:

JavaScript

コードをコピー

const mockFn = jest.fn(); 

mockFn.mockReturnValue(42); 

expect(mockFn()).toBe(42); 

スナップショットのテスト
スナップショット テストにより、UI コンポーネントが予期せず変更されないことが保証されます。 Jest はコンポーネントの出力を保存し、後続のテスト実行中にそれを比較します。

JavaScript

コードをコピー

test('正しくレンダリングされます', () => {

const Tree = renderer.create().toJSON(); 

Expect(tree).toMatchSnapshot(); 

}); 

コードカバレッジレポート
Jest は、コード カバレッジ レポートを生成するための組み込みサポートを提供します。

バッシュ

コードをコピー

npm テスト -- --カバレッジ

これにより、コードのテストされていない部分が強調表示されます。

Jest 単体テストを作成するためのベスト プラクティス

テストを独立した状態に保つ
信頼性と保守性を確保するために、テスト間の相互依存性を回避します。

わかりやすいテスト名を使用する
テスト対象のシナリオを明確に説明するテスト名を記述します (例: 「2 つの数値の合計を返す必要があります」.

)

エッジケースに焦点を当てる
エッジケースをテストすることで、アプリケーションがさまざまな条件下で堅牢であることを確認します。

一般的な Jest テスト パターン

アレンジ・アクト・アサート (AAA)
テストを 3 つの異なるフェーズに構造化します:

1. 手配: テスト データと環境をセットアップします。
2. 動作: テスト対象の関数または機能を実行します。
3. アサート: 結果が期待と一致することを確認します。

各フックの前後
これらのフックを使用すると、各テストの前後にリソースをセットアップまたはクリーンアップできます。

JavaScript

コードをコピー

beforeEach(() => {

initializeDatabase(); 

}); 

afterEach(() => {

clearDatabase(); 

}); 

Jest テストのデバッグ

監視モードでのテストの実行
Jest の監視モードは、変更が検出されるたびにテストを再実行します:

バッシュ

コードをコピー

npm テスト -- --watch

コンソール ログを使用したデバッグ
console.log() ステートメントを追加すると、テストの問題を特定するのに役立ちます。

高度な Jest 機能

並列テストの実行
Jest はテストを並列実行して実行時間を短縮します。これは、大規模なテスト スイートに特に有益です。

非同期コードのテスト
Jest は、async/await、Promises、done():

などのユーティリティを使用して非同期テストを処理します。

JavaScript

コードをコピー

test('データを取得', async () => {

const data = await fetchData(); 

expect(data).toBeDefined(); 

}); 

カスタムマッチャー
カスタム マッチャーを作成して Jest の機能を拡張し、テストをより表現力豊かにします。

Jest と他の単体テスト フレームワーク

使いやすさ
Mocha や Jasmine とは異なり、Jest は最小限のセットアップが必要なため、初心者に優しいです。

組み込み機能
モックやアサーションなどの Jest の組み込み機能により、追加のライブラリの必要性が減ります。

コミュニティサポート
大規模なコミュニティと広範なドキュメントを備えた Jest は、優れたサポートと定期的なアップデートを提供します。

結論
Jest は、JavaScript アプリケーションで単体テストを作成および実行するための強力なツールです。そのシンプルさ、スピード、豊富な機能セットにより、開発者の間で人気があります。ベスト プラクティスに従い、Jest の機能を活用することで、コードの信頼性、保守性、バグのなさを保証できます。

以上がJest を使用して単体テストをマスターする: 包括的なガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。