1. jest hello world（创建实践项目）

创建项目

使用 npm 初始化，并安装 jest

# 创建项目文件夹
mkdir jest-test
cd jest-test
# 初始化package.json
npm init -y
// 安装jset
yarn add jest@27.5.1 -D

安装 Jest 后，用 jest-cli 初始化 jest 配置文件：

npx jest --init

初始化配置文件时，Jest 会询问你的需求，可以按自己的需求来，也可以按我的选择先实践一下

执行完之后根据我们的选择会生成一个 jest.config.js 的配置文件

第一个测试

新建一个工具函数文件 src/utils/sum.js

const sum = (a, b) => {
    return a + b;
}

module.exports = sum;

添加第一个测试用例 src/utils/sum.test.js：

const sum = require("../../src/utils/sum");

describe('sum', () => {
  it('可以做加法', () => {
    expect(sum(1, 1)).toEqual(2);
  });
})

执行测试

npm run test

执行结果

单文件测试

npm run test <文件的相对路径>
# npm run test ./src/utils/sum.test.js

覆盖率报告

上面终端里展示的就是覆盖率情况，在根目录下的 coverage 目录，也会生成很多覆盖率文件

├── clover.xml             # Clover XML 格式的覆盖率报告
├── coverage-final.json    # JSON 格式的覆盖率报告
├── lcov-report            # HTML 格式的覆盖率报告
│   ├── base.css
│   ├── block-navigation.js
│   ├── favicon.png
│   ├── index.html         # 覆盖率根文件
│   ├── prettify.css
│   ├── prettify.js
│   ├── sort-arrow-sprite.png
│   ├── sorter.js
│   └── sum.js.html        # sum.js 的覆盖率情况
└── lcov.info