Jest 的安装和使用

安装

yarn add --dev jest

使用

创建一个名为 sum.js 的文件：

function sum(a, b) {
  return a + b;
}
module.exports = sum;

创建一个名为 sum.test.js 的测试文件：

const sum = require('./sum');

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});

在根目录打开 package.json，添加命令行快捷方式

{
  "scripts": {
    "test": "jest"
  }
}

在命令行工具运行

yarn test

结果：
PASS ./sum.test.js
✓ adds 1 + 2 to equal 3 (5ms)

配置Jest

1.暴露 Jest 配置文件

yarn jest --init

• 选择运行环境
  选择 jsdom(browser-like) 浏览器环境运行
• 是否生成测试覆盖率报告
  按y
• 是否自动清除模拟调用
  按y
• 根目录下 jest.config.js 文件既为 jest 配置文件

2.在根目录打开 package.json，添加命令行快捷方式

script:{
  "test":"jest --watchAll",
  "coverage":"jest --coverage"
}

3.安装 babel

jest 只认识 commonJS 语法，不认识 export 语句，所以需要安装 babel 进行转义

yarn add @babel/core@7.4.5 --dev
yarn add @babel/preset-env@7.4.5 --dev

4.配置babel

• 在根目录创建名为 .babelrc 的文件

  "presets":[
    ["@babel/preset-env", {"targets":{"node":"current"}}]
    ]
}

当运行 yarn test 时，jest 内部插件 babel-jest 会自动地检测当前环境下是否安装 babel或babel-core，如果安装 babel-core 会根据 .babelrc 的配置，先把代码转化成 jest 能识别的语句，再运行测试

使用

1.运行测试

yarn test

根据上面的配置，会自动运行所有测试用例

2.生成测试覆盖率报告

yarn coverage