跳转到主要内容
版本:26.倍

はじめましょう

次のコマンドでを使用してJestをインストールします。

添加 - - - dev开玩笑

npmの場合は次のように書きます。

npm 安装 ——save-dev开玩笑

注意:Jestのドキュメントではコマンドを使用していますが,npmを使用することもできます。コマンドとnpmコマンドの違いについて知りたい場合は,纱のドキュメントを参照してください。

2つの数値を加算する関数のテストを書くことから始めてみましょう。まずsum.jsファイルを作成します。

函数 总和 ( 一个 , b ) {
返回 一个 + b ;
}
模块 出口 = 总和 ;

その後,sum.test.jsというファイルを作成します。このファイルに実際のテストが含まれます。

常量 总和 = 需要 ( ”。/总和 ) ;
测试 ( ' 1 + 2等于3' , ( ) = > {
预计 ( 总和 ( 1 , 2 ) ) 托比 ( 3. ) ;
} ) ;

package.jsonに以下を追加します。

{
“脚本” : {
“测试” : “开玩笑”
}
}

最後に,纱线测试を実行すると,Jestは以下のメッセージを出力します。

通过。/ sum.test.js
✓补充道 1 + 2 等于 3. ( 5女士 )

あなたはJestを使用して,最初のテストを書き,うまくいきました!

このテストは预计と,托比を使用し2つの値が同じかテストしました。他のJestでテスト可能なものについては,使用匹配器を参照してください。

コマンドラインからの実行#

Jestは,CLIから様々な便利なオプションを付けて,直接実行できます。(実行するためには,例えば纱线全局添加笑话またはnpm安装jest——globalでインストールし,路径でグローバルに利用可能になっている必要があります。)

ここでは我的测试をJestで実行し,実行後にOSの通知を表示する方法を示します。そのとき構成ファイルとしてjsonを使用します。

jest my-test——notify——config = json

コマンドラインから开玩笑を実行する方法の詳細については,Jest CLI选项を参考にしてください。

追加設定#

基本の設定ファイルを生成する#

次のコマンドを実行すると,Jestはあなたのプロジェクトの構成に基づいたいくつかの質問をし,その回答から短いコメント付きの基本の設定ファイルを生成します。

笑话——初始化

巴别塔を使用する#

使用巴别塔,安装所需的依赖:

添加 ——dev babel-jest @babel/core @babel/preset-env

node . jsの現在のバージョンをターゲットにするために巴贝尔を定義するには,babel.config.jsというファイルをプロジェクトのルートに作ってください。

/ / babel.config.js
模块 出口 = {
预设 : ( ( “@babel / preset-env” , { 目标 : { 节点 : “当前” } } ] ] ,
} ;

巴别塔の最適な構成はプロジェクトによって異なります。詳しくは巴别塔のドキュメントを見てください。

巴别塔の設定にJestを認識させる

Jest将process.env.NODE_ENV“测试”如果它没有被设置为别的。您可以在配置中使用它来有条件地只设置Jest所需的编译,例如。

/ / babel.config.js
模块 出口 = api = > {
常量 坚持 = api env ( “测试” ) ;
//你可以使用isTest来确定要使用的预设值和插件。
返回 {
/ /……
} ;
} ;

注意:babel-jestはJestのインストール時に自動的にインストールされ,巴贝尔の設定がプロジェクト内にあれば自動的にファイルを変換します。これを避けるには,变换設定を明示的にリセットして下さい。

/ / jest.config.js
模块 出口 = {
变换 : { } ,
} ;
* *巴别塔6のサポート* *

对Babel 6的支持下降。我们强烈建议您升级到Babel 7,它正在积极维护。但是,如果您不能升级到Babel 7,那么要么继续使用Jest 23,要么升级到Jest 24 withbabel-jest锁定在第23版,如下面的例子:

“依赖”:{
:“babel-core ^ 6.26.3”,
:“babel-jest ^ 23.6.0”,
:“babel-preset-env ^ 1.7.0”,
“笑话”:“^ 24.0.0”
}

虽然我们通常建议使用每个Jest包的相同版本,但目前这个解决方案将允许您继续使用最新版本的Jest Babel 6。

Webpackを使用する#

Jestはwebpackでアセットやスタイル,コンパイル作業を管理するプロジェクトで使用できます。webpackは他のツールよりもユニークで挑戦的な機能を提供しています。具体的な使い方はwebpack指南を参照してください。

包裹を使用する#

Jestはparcel-bundleでwebpackと同様にアセットやスタイル,コンパイル作業を管理するプロジェクトで使用できます。包裹は設定が不要です。使用するには,公式のドキュメントを参照してください。

打印稿を使用する#

Jestは巴贝尔経由で打印稿をサポートしています。まず,巴别塔を使用するを確認してください。次に,コマンドで@babel / preset-typescriptをインストールしてください。

添加 - - - dev @babel / preset-typescript

最後に,@babel / preset-typescriptbabel.config.js内のプリセットのリストに追加してください。

/ / babel.config.js
模块。出口= {
预设:[
[@babel / preset-env,{目标:{节点:“当前”}}),
+ “@babel / preset-typescript”,
),
};

巴别塔で打印稿を使う場合,いくつかの注意事項があります。巴别塔は打印稿を純粋なトランスパイルによりサポートしているため,Jestはテストの実行時にテストコードの型検査を行いません。型検査を行いたい場合,代わりにts-jestを使用するか,打印稿コンパイラのtscをテストとは別に(またはビルドプロセスの一部として)使用してください。

使用しているJestのバージョンに対応している@types /开玩笑モジュールをインストールしてください。これにより,テストコードの型付けをより正確に行えるようになります。

@types / *モジュールについては,関連するモジュールのバージョンと一致させることをお勧めします。例えば,26.4.0开玩笑を使用している場合は,26.4.x@types /开玩笑を使用するのが理想的です。メジャーバージョン(26)とマイナーバージョン(4)が出来るだけ近いものを使用してください。

添加 - - - dev @types /笑话