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

Iniciando

Instale Jest usando:

添加 - - - dev开玩笑

npm:

npm 安装 ——save-dev开玩笑

注:一个documentação美国突击队员做的笑话, mas com onpmtambem funcionara。Você pode比较comandosenpmaqui

我的网址是começar por escrever um testuma função hipotética我的网址是números。你好,叫我阿基沃sum.js:

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

好的,我叫你sum.test.js。Este irá conter o nosso teste real:

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

Adicione a seguinte seção ao seupackage.json:

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

鱼翅,执行纱线测试npm运行测试e o Jest irá imprimir esta mensagem:

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

Você escreveu com successo seu primeiro teste usando Jest!

埃斯特证人usou预计e托比你要用的值是idênticos。Para saber可清醒得像开玩笑一样Usando匹配器

你要做的是把你的手分开#

Você pode executar Jest diretamente da CLI (se ele estiver disponível globalmente em seu)路径为什么exemplo:纱线全局添加笑话安装-g jestcom uma variedade de comandos úteis。

我希望你能给我写信我的测试, usandojsoncomo um arquivo de configuração e exibir uma notificação nativa no Sistema operational após a execução:

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

Se você gostaria de aprender我想请您做我的主任开玩笑através da linha de comando, dê uma olhada na páginaOpções de CLI Jest

Configuracao时会#

Gerando um arquivo de configuração básico#

Com base no seu projeto, o Jest fará algumas perguntas e irá criar um arquivo básico de configuração Com uma breve descrição para cada opção:

笑话——初始化

Usando巴别塔#

帕拉城市搜救巴别塔,安装为dependências necessárias via:

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

配置Babel para marcar a sua versão atual do Node criando um arquivobabel.config.jsna raiz do seu projeto:

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

一个configuração理想巴拉巴别dependerá做seu项目。《展望yabo2013文档做的巴别塔帕拉但是detalhes。

**使您的Babel配置笑话感知**

Jest definiraprocess.env.NODE_ENV帕拉“测试”请登录não,我爱你,我爱你。Você pode usar isso em sua configuração para configurar conditionalmente apenas a compilação necessária para Jest, por exemplo。

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

注:babel-jesté instalado automaticamente quando instalar Jest e irá automaticamente transformar arquivos se uma configuração de babel存在em sejeto。请把这封信寄给我,você请重新明确地定义一下opção de configuração de变换:

/ / jest.config.js
模块 出口 = {
变换 : { } ,
} ;
* * * *巴别塔6支持

笑话24我支持巴拉巴别6。向您推荐você atualize para o Babel 7,并向您推荐é ativamente mantido。不知道,请访问você não,继续访问第23段和第24段combabel-jestbloqueado na versão 23, como no exemplo abaixo

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

Nós您的老师推荐您使用的笑话versão您使用的笑话,porém esta solução permitirá que você继续使用versão您最近使用的笑话网站Babel 6 por hora。

Usando webpack#

这是我给你的建议webpackpara gerenciar assets, estilos e compilação。webpack oferece alguns desafios únicos em relação à outas ferramentas。Consulte oguia做webpack帕拉comecar。

Usando包裹#

这是我给你的建议parcel-bundlerpara gerenciar ativos, estilos, e compilação semelhante ao webpack。包裹请求者configuração 0。咨询documentação官方da帕拉comecar。

Usando打印稿#

O笑话支持TypeScript,通过Babel。初级证书网址você seguir为instruções emusando o巴别塔acima。Em seguida,安装o@babel / preset-typescript通过:

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

Entao adicione o@babel / preset-typescriptà列表预设em seubabel.config.js

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

没有,há algumas [ressalas](https://babeljs。/ /yabo2013 Babel -plugin-transform- TypeScriptComo o support para TypeScript em Babel é puramente transpilação, Jest não irá checar seus testes enquanto eles são executados。Se você quiser isso, você pode usarts-jest他们一旦disso。你可以执行编译TypeScripttsc分开(我们可以在compilação的过程中分开)。

Você também pode querer instalar o módulo@types /开玩笑para a versão do Jest que você está usando。Isso ajudará a fornecer a digitação completa ao escrever seus testes com TypeScript。

帕拉@types / *módulos, é tentar推荐人à versão do módulo associado。举个例子,请参见você estiver usando26.4.0开玩笑entao城市搜救26.4.x@types /开玩笑e理想。总经理,临时通讯员à versão principal (26) e com uma versão menor (4) o mais próximo possível。

添加 - - - dev @types /笑话