Jestを使用してプロジェクトに単体テストケースを追加する方法


テストなしの場合は単なるテキストです.テキストケースは、彼らがWebアプリケーションをより効率的にする最も重要なすべてのエッジケースは、これらのテストケースでcovesredされる任意のアプリケーションに重要です.テストについて話しているので、JavaScriptのJestと呼ばれるテストフレームワークについて話しましょう.
そこにいくつかの他の本当に素晴らしいフレームワークがあり、1つを選択すると風味とニーズにダウンしています.
この記事のために、私は我々の基礎として簡単なJavaScriptプロジェクトを使用します.ある文が真か偽かを決定するための決定スクリプトを持つでしょう.

チェック機能


あなたは、決定を見ることができます.メインフォルダのjs関数.
これは基本的に我々のアプリです.変数が数値かどうかを決定するために使用されます.
最も基本的なケースでは、次のテストを実行します.
isNumber(123);
// Should be true

isNumber('abc');
// Should be false

我々は最初にこのテストを行うためにプロジェクトに冗談を追加する必要があります.
npm install -D jest
これは、JESTパッケージをdev依存性にインストールします.今、私たちはpackage.json テストコマンドを含める.
"scripts": {
    "test": "jest"
}
jestについてのクールなことは、それがテスト可能な任意のファイルに自動的に発射できることです.
デフォルトでは、次のファイルで実行できます.
  • .テストフォルダ内のJSファイル
  • .テスト.プロジェクト内のファイル
  • .プロジェクト内のファイル
  • 今のところ、Aを加えましょうdetermine.test.js ファイル.これは我々が持っているように意味をなすdetermine.js 我々の基盤としてファイル.
    ファイルを起動するには、まず最初に関数をインポートしなければなりません.
    const { isNumber } = require('./determine');
    
    次に、テストを定義できます.各々のテストは、通過するか、失敗する孤立した範囲です.
    正しい答えを期待するために作られたテストを加えることから始めましょう.
    test('Validate a number', () => {
      expect(isNumber(1)).toBeTruthy();
    });
    
    文字列(テストの名前)を保持し、関数を実行するテストを定義します.
    実際のテスト状態
    expect -> function ( variable )-> true
    私は本当にジェストこれらの超人間が読みやすく理解した方法が大好きです.
    私たちは、私たちがそれにナンバー1を渡すとき、関数isnumberが真実であるように頼みます.
    テストを実行するには、次のコマンドを実行します.
    npm run test
    

    うわー、テストは成功です.失敗したテストケースを追加できます.
    test('Invalidate a string', () => {
      expect(isNumber('ABC')).toBeTruthy();
    });
    
    我々は同じテストを使用するが、間違った番号を渡すので、テストが失敗する必要があります.

    そして、それは期待されて失敗する!
    では、falseを評価するためにテストケースを変更しよう.

    結論


    これは非常にまっすぐ進むテストですが、それはどのような指定された数のフォームフィールドでは、任意の文字列ではなく、数値を必要とする例のように超重要にすることができます.このテストケースを使用できます.また、どのようにテストケースをより複雑にするあなたの手で.

    ありがとう