Jest测试初学(一)--Jest 的简单配置
一 生成jest.config.js配置文件
执行安装命令 npx jest --init
然后在工程的根目录下会生成一个jest.config.js文件(这个文件值得细细研究!)
如果想修改测试覆盖率报告的文件夹名称,可以在jest.config.js中配置, 修改这一项 coverageDirectory: "coverage",
二 生成测试覆盖率报告
执行命令 npx jest --coverage 在项目目录下会生成一个文件夹,存放测试覆盖率的文件
同时可以修改package.json的配置
"scripts": { "test": "jest", "coverage": "jest --coverage" },
再执行 npm run coverage 也可以生成测试覆盖率报告 打开文件下的 index.html就可以看到生成的测试报告
三 配置可以用esModule模块导入的测试环境
因为jest能辨识commonJS的模块语法,在node环境下对于esModule的语法无法解析,所以需要配置babel,将esModule转化为commonJS的代码,这样就可以支持用esModule模块导入
-
先安装babel
npm install @babel/core@7.4.5 -D npm install @babel/preset-env@7.4.5 -D
-
再项目下配置babel,创建 .babelrc 文件
{ "presets": [ [ "@babel/preset-env", { "targets": { "node": "current" } } ] ] }
需要配置该文件的内部机制: 当运行npm run jest的时候,会去到jest插件中寻找babel-jest,babel-jest会去检测当前的环境下你是否安装了babel 或者是babel-core,如果有babel-core,那么他就会去读取.babelrc里面的配置,在运行测试之前,结合babel,先把你的代码做一次转化,运行转化过的测试用例代码
上一篇:
5款热门的远程控制软件,让你事半功倍
下一篇:
Delphi进程注入的部分代码