jest框架搭建

1.在本机的某个目录下，创建一个文件，命名“jesttest”
2.使用visual studio code2打开这个文件
3.在visual studio code2的terminal中执行命令npm init

haha@jesttest$ npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install ` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (jesttest) 
version: (1.0.0) 
description: test
entry point: (index.js) 
test command: 
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /Users/lihong/Documents/jesttest/package.json:

{
  "name": "jesttest",
  "version": "1.0.0",
  "description": "test",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}


Is this OK? (yes) yes

输入yes后，目录中会出现package.json配置文件
4.执行命令安装相关依赖：jest、babel-jest、babel-core、babel-preset-env、regenerator-runtime、@babel/runtime、@babel/plugin-transform-runtime、@babel/preset-env

npm install -D jest babel-jest babel-core babel-preset-env regenerator-runtime
npm i --save-dev @babel/plugin-transform-runtime
npm i --save-dev @babel/preset-env
npm install @babel/runtime

5.在项目的根目录下添加.babelrc文件，并在文件复制如下内容:

{
"presets": ["@babel/preset-env"],
"plugins": [
["@babel/transform-runtime"]
]
}

6.打开package.json文件，将script下的test的值修改为jest：

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

7.在根目录下添加src和test文件夹
src文件夹下新建文件unitTestSrc.js，内容为：

export default {
    sum(a, b) {
        return a + b;
    }
}

test文件夹下新建文件unitTestSrc.test.js，内容为：

import functions  from '../src/unitTestSrc';

test('sum(2 + 2) 等于 4', () => {
    expect(functions.sum(2, 2)).toBe(4);
})

8. 在terminal执行命令：npm run test，示例test脚本可以成功运行。

> [email protected] test /Users/lihong/Documents/jesttest
> jest

 PASS  test/unitTestSrc.test.js
  ✓ sum(2 + 2) 等于 4 (4ms)

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        2.134s
Ran all test suites.

9. 下载实际项目中需要测试的包：

npm i --save @xsl/utils --registry=https://npm.xingshulin.com/

下载编写用例需要的包：

npm install axios
npm install logger

接下来就可以编写自己的测试用用例啦，记得用例名必须以test.js结尾，不然jest框架不会运行它。

中途遇到问题：
1）.未安装
npm i --save-dev @babel/plugin-transform-runtime
npm i --save-dev @babel/preset-env
及未在.babelrc将配置成

{
"presets": ["@babel/preset-env"],
"plugins": [
["@babel/transform-runtime"]
]
}

时会报错：regeneratorRuntime is not defined
2）. axios请求报 ERROR: Cross origin http://localhost forbidden
这是因为axios的版本太低造成的，运行下面命令就能解决：

npm install axios

在这个问题上耗费了很多时间，一直在百度相关问题，还是没有找到答案，后来是牛人帮忙解决的，发现版本比较低，所以以后碰到类似的问题，可以往版本的方向考虑一下。
3）Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.Error:
同样百度了很久之后，才发现时自己的vpn没有开，能连接上服务才怪呢。所以不能一头扎到问题里，只知道百度，还要多思考一下可能的原因，环境啊，之类的。
参考链接：https://www.jianshu.com/p/b169e3756f71