aller au contenu校长
版本:26.x.

总统Pas.

安装de jest avec

添加 --dev Jest.

OU.NPM.

NPM. 安装 --save-dev Jest

remarque:la文档de evest利用les命令NPM.Fonctionneraégalement。vous pouvez pasper les命令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.纱线测试OU.NPM运行测试et jest favichera ce消息:

通过。/ 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éupitutionen模式Ligne de Commite

Vous Pouvezexécuterjest指示depuis le cli(Si celui-ci est全球化丹普尔小路,面积纱线全球加入jestOU.npm安装jest - globalAVEC UneVariétéD'选项使用者。

Voici评论exécuterjest sur des fichiers函授à我的测试,En Unitisant.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笑话en模式Ligne de Commande,Consultez La Page选项cli de jest

ConfigurationAffernelle.

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

BaséSurVotreProjet,Jest Vous Posera Quelques问题ETCréera联合国Fichier De Configuration De Base Avec Une Courte说明倒Chaque选项:

jest --init.

Utilisez Babel.

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

添加 --dev babel-jest @ babel / core @ babel / preset-eng

configurez babel pour cibler votre版astiurede node encréantun fichierbabel.config.js.àlachdevotreprojet:

// babel.config.js.
模块 出口 = {
预设 [ [ 'Babel / Preset-Env' { 目标 { 节点 '当前的' } } ] ]
} ;

La ConfigurationIdéalepabeldépendradevotre projet。Consultez.La文件De Babel倒加dedétails。

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

Jestdéfiniraprocess.env.node_env.Avec.'测试'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 istest. = 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”
}

Bien que nous推荐Géneralessd'uteriserlamêmeversion de Chaque Paquet Jest,Cette Solution De Contournement Vous Permettra deContinueràUneriserLaDernière版De Jest Avec Babel 6 Pour Le时刻。

Utilisez webpack.

JestPatêtreUtilisédansles projets qui实用实用网客PourGérerLESRessources,Les Styles et La Compilation。WebPack OffreQuelquesDéfisSitmuliersParRapportàdaurres避免。Consultez Le.指南网克倒起来。

Utilisez包裹

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

Utilisez TypeScript.

Jest Prend通过Babel充电。Tout D'Abord,Assurez-Vous D'Avoir Suivi Les指示Surl'利用副巴贝尔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',{targets:{node:'current'}}],
+ '@babel / preset-typescript',
],
};

Toutefois,L'利用率de TypeStript AvecBabelPrésenteQuelquesInconvénients。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类型签字TSC.Séparément(欧Dans Le Promatement de Votre Processus de Construction)。

Vous PouvezÉgalement安装程序LE模块@类型/ jest倾倒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.@类型/ jestEstIdéal。ENGÉNÉRAL,ESSEZ DE FAIRE QuanceSegence La Version Majeure(26.)Et Minure(4.)AussiFidèlementQue可能。

添加 --dev @ types / jest