跳转到主要内容
版本:下一个

开始

Jest安装使用:

添加 - - - dev开玩笑

npm:

npm 安装 ——save-dev开玩笑

注意:Jest文档使用命令,但npm也会工作。你可以比较npm命令的纱文档,这yabo2013里

让我们首先为一个假设的两个数相加的函数编写一个测试。首先,创建一个sum.js文件:

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

然后,创建一个名为sum.test.js。这将包含我们实际的测试:

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

将以下部分添加到您的package.json:

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

最后,运行纱线测试npm运行测试Jest将打印如下信息:

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

您刚刚使用Jest成功地编写了第一个测试!

这个测试使用预计托比来测试两个值是否完全相同。要了解Jest可以测试的其他东西,请看使用匹配器

从命令行运行#

您可以直接从CLI运行Jest(如果它在您的路径,例如,纱线全局添加笑话npm安装jest——global),提供多种有用的选择。

下面是如何在匹配的文件上运行Jest我的测试,使用json作为配置文件,并在运行后显示本机操作系统通知:

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

如果你想了解更多关于跑步的知识开玩笑通过命令行,查看Jest CLI选项页面。

额外的配置#

生成基本配置文件#

根据您的项目,Jest会问您一些问题,并创建一个基本配置文件,每个选项都有简短的描述:

笑话——初始化

使用巴别塔#

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

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

配置Babel,通过创建一个babel.config.js在你的项目的根目录下:

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

Babel的理想配置取决于您的项目。看到巴别塔的文档yabo2013为更多的细节。

使您的Babel配置笑话意识

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

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

注意:babel-jest安装Jest时自动安装,如果项目中存在babel配置,将自动转换文件。要避免此行为,您可以显式重置变换配置选项:

/ / 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-bundler管理资产、样式和编译,类似于webpack。包裹不需要配置。向官员求助yabo2013开始。

使用打印稿#

Jest通过Babel支持TypeScript。首先,确保你按照说明做了使用巴别塔以上。接下来,安装@babel / preset-typescript通过:

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

然后添加@babel / preset-typescript到您的babel.config.js

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

然而,还是有一些警告和Babel一起使用TypeScript。因为Babel中的TypeScript支持是纯粹的翻译,所以Jest不会在运行测试时检查类型。如果你想要,你可以用ts-jest或者直接运行TypeScript编译器tsc单独(或作为构建过程的一部分)。

您可能还想安装@types /开玩笑您正在使用的Jest版本的模块。这将有助于在使用Ty亚搏取款peScript编写测试时提供完整的类型。

@types / *建议尝试匹配相关模块的版本。例如,如果你正在使用26.4.0开玩笑然后使用26.4.x@types /开玩笑是理想的。一般来说,尽量匹配专业(26)及minor (4)版本尽量接近。

添加 - - - dev @types /笑话
最后一次更新在通过克里斯牧羊人