这是基本原则
版本:25.x.

总统Pas.

安装de jest avec

添加 --dev Jest.

OU.NPM.

NPM. 安装 ——save-dev开玩笑

remarque:la文档de evest利用les命令但是NPM.fonctionnera合理。你们可以比较这些命令ET.NPM.丹蕾斯yabo2013Docs de Yarn.

Commençoons面包仪联合国测试倒入UneHypothétiquefonction Qui AffanneNe Deux Nombres。Tout d'Abord,Créez联合国Fichierum.js.

函数 一种 B. {
返回 一种 + B. ;
}
模块 出口 = ;

elsuite,Créez联合国FichierNommésum.test.js.。IL S'AGIT de Notre Test Soluel:

测试 '增加1 + 2到等于3' = > {
预计 1 2 成为 3. ;
} ;

Ajoutez La SectionSuivanteàPottrepackage.json.

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

enfin,lancez.纱线测试npm运行测试让我们一起来听听下面的信息:

通过。/ sum.test.js.
✓补充道 1 + 2 等于 3. 5ms.

VOUS VENEZD'ÉcrireVotrePremier Test Avec Jest AvecSuccès!

Ce测试使用预计ET.成为倾倒测试仪que deux valeurs Sont Excharement Indiques。PourConnaîtrelesautresélamentsque jest patut tester,consultez利用率des比较

Exécution en mode ligne de命令

Vous Pouvezexécuterjest指示depuis le cli(Si celui-ci est全球化丹普尔小路,面积纱线全球加入jestnpm安装jest - global) avec variété d'options实用。

Voici评论exécuterjest sur des fichiers函授à我的测试,现在,config.json.Comme Fichier De Configuration et Firficher Une Notification de L'OS NatifAprèsL'Enejution:

Jest My-test --notify --config = config.json.

Si Vous Souhaitez En Apprendre Davantage Sur L'Exécutionde笑话在指挥模式下,请向页面咨询选项cli de jest

配置additionnelle

Générez联合国Fichier de Configuration de Base

Basé关于你的项目,请你们提出问题和créera一个基本的配置文件对支票选项有一个详细的描述:

jest --init.

Utilisez Babel.

倒入惯例禁止禁忌,Installez LesDépendances通过

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

configurez babel pour cibler votre版astiurede node encréantun fichierbabel.config.js.à la Racine de votre项目:

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

La ConfigurationIdéalepabeldépendradevotre projet。ConsultezLa文件De Babel再加上détails。

Faites en Sorte Que Votre Configuration Babel SoitAdaptéeàjest

Jestdéfiniraprocess.env.node_env.'测试'S'IL N'EST PasDéfiniAvecQueLque选择了D'Autre。Vous Pouvez L'UtiliSer Dans Votre Configuration PourParamétrerDemanière调节箱唯一申请La ComplationNécessaire浇注Jest,Par Exemple。

// babel.config.js.
模块 出口 = API. = > {
const 坚持 = API. nv '测试' ;
// vous pouvez utiliser istest pousdéterminerles presets et les plugins iciliser。
返回 {
// ......
} ;
} ;

近马雷:Babel-Jest.Est自动化installélorsquevousInstallez jest et transportera自动化les fichiers si Une Configuration de Babel存在Dans Votre Projet。PouréviterCeRésultat,vouspouvezréinitialiserspolicicatement l'选项de配置变换

// jest.config.js.
模块 出口 = {
变换 { }
} ;
在巴别塔6的冲锋中

Jest 24 ABreaughtnéLe支持倒孩儿6.别无贵州推荐逃任者àBabel7,Qui Est Activents Maintenu。依赖依赖,Si Vous Ne Pouvez PasPasseràbabel7,连续u il utiliser jest 23 ou mettezleàjourvers jest 24 avecBabel-Jest.Verrouilléàla版本23,Comme Dans L'Exemple Ci-Dessous:

“依赖性”:{
“Babel-Core”:“^ 6.26.3”,
:“babel-jest ^ 23.6.0”,
“babel-preset-env”:“^ 1.7.0”,
“jest”:“^ 24.0.0”
}

我们推荐généralement使用même版本的表格,这个解决方案你们可以继续使用à使用dernière版本的表格。

Utilisez webpack.

JestPatêtreUtilisédansles projets qui实用实用webpackPourGérerLESRessources,Les Styles et La Compilation。WebPack OffreQuelquesDéfisSitmuliersParRapportàdaurres避免。Consultez Le.指导webpack倒开始。

Utilisez包裹

JestPatêtreUtilisédansles projets qui实用实用包裹捆绑PourGérerLESRessources,Les Styles et La Compilation deManièreImilaireàwebpack。ParcelNécessite迈克配置。Reportez-Vousàla文件officielle倒开始。

Utilisez TypeScript.

通过通天塔来假装TypeScript。一切就绪,请保证你们会有相应的指示l'利用副巴贝尔ci-dessus。elsuite,Installez.@babel / preset-typescript通过

添加 --dev @ babel / preset-typescript

elsuite,ajoutez.@babel / preset-typescriptàlaliste des预设Dans选票babel.config.js.

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

Toutefois, l' use of TypeScript avec Babel présente quelques不方便。La奖励en充电de TypeScript Dans Babel Quement Unement Une ranepilation,JestNeVérifieraPASLE语写DE VOS测试LORS de LeurExéurecution。Si Vous Souhaitez Cela,VousPouvezàlalape utiliserTS-JEST.,Ou Simplinteexécuterle compilateur类型签字tscSéparément (ou dans le prolongement de votre process de construction)。

Vous PouvezÉgalement安装程序LE模块@types /开玩笑倾倒La Version de Jest Que Vous Utilisez。Cela Permettra De Fournir Un Teamage Confect Lors deL'écritureDeVos测试Avec TypeScript。

倾倒LES模块@类型/ *,IL ESTRecommandéD'Sessayerde Fairededere La Version du模块Associé。Par Exemple,Si Vous Utilisez26.4.0笑话阿洛斯利伊斯州26.4.x.@types /开玩笑是理想的。在général中,试着处理不可抗力(26.)Et Minure(4.)AussiFidèlementQue可能。

添加 - - - dev @types /笑话