Jestを使用してプロジェクトに単体テストケースを追加する方法
2619 ワード
テストなしの場合は単なるテキストです.テキストケースは、彼らがWebアプリケーションをより効率的にする最も重要なすべてのエッジケースは、これらのテストケースでcovesredされる任意のアプリケーションに重要です.テストについて話しているので、JavaScriptのJestと呼ばれるテストフレームワークについて話しましょう.
そこにいくつかの他の本当に素晴らしいフレームワークがあり、1つを選択すると風味とニーズにダウンしています.
この記事のために、私は我々の基礎として簡単なJavaScriptプロジェクトを使用します.ある文が真か偽かを決定するための決定スクリプトを持つでしょう.
あなたは、決定を見ることができます.メインフォルダのjs関数.
これは基本的に我々のアプリです.変数が数値かどうかを決定するために使用されます.
最も基本的なケースでは、次のテストを実行します.
デフォルトでは、次のファイルで実行できます. .テストフォルダ内のJSファイル .テスト.プロジェクト内のファイル .プロジェクト内のファイル 今のところ、Aを加えましょう
ファイルを起動するには、まず最初に関数をインポートしなければなりません.
正しい答えを期待するために作られたテストを加えることから始めましょう.
実際のテスト状態
expect -> function ( variable )-> true
私は本当にジェストこれらの超人間が読みやすく理解した方法が大好きです.
私たちは、私たちがそれにナンバー1を渡すとき、関数isnumberが真実であるように頼みます.
テストを実行するには、次のコマンドを実行します.
うわー、テストは成功です.失敗したテストケースを追加できます.
そして、それは期待されて失敗する!
では、falseを評価するためにテストケースを変更しよう.
結論
そこにいくつかの他の本当に素晴らしいフレームワークがあり、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についてのクールなことは、それがテスト可能な任意のファイルに自動的に発射できることです.デフォルトでは、次のファイルで実行できます.
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を評価するためにテストケースを変更しよう.
結論
これは非常にまっすぐ進むテストですが、それはどのような指定された数のフォームフィールドでは、任意の文字列ではなく、数値を必要とする例のように超重要にすることができます.このテストケースを使用できます.また、どのようにテストケースをより複雑にするあなたの手で.
ありがとう
Reference
この問題について(Jestを使用してプロジェクトに単体テストケースを追加する方法), 我々は、より多くの情報をここで見つけました
https://dev.to/sanjaysinghrajpoot/how-to-add-unit-test-cases-to-your-project-using-jest-1h2l
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
Reference
この問題について(Jestを使用してプロジェクトに単体テストケースを追加する方法), 我々は、より多くの情報をここで見つけました https://dev.to/sanjaysinghrajpoot/how-to-add-unit-test-cases-to-your-project-using-jest-1h2lテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol