mocha-jest测试框架比较

一、 前提条件

环境：windows（先在windows上进行测试，随后转入ubuntu测试）

工具：webstrom,postman,mongodb

测试代码介绍：后台api接口

二、 Mocha

特点：灵活，但是只提供简单的测试结构，如果需要其他功能如assertions， spies，mocks等需要添加其他库/插件完成

安装： mocha必须在全局环境中安装

mocha不内置expect，因此一般使用mocha时会使用chai
npm install -g mocha
npm install –save-dev chai
使用：此处只给一个测试示例（配合supertest）

get方法

let request = require('supertest');
let config = require('../config/config');
describe('block', () => {
  it('getBlock api test', function (done) {
    request(config.app)
      .get('/block/getBlock')
      .set('Content-Type', 'application/json')
      .expect(200) //希望得到的状态码
      .end(function (err, res) {
        if(res.body.code === 1){
          console.log('success');
          done();
        } else {
          done(err);
        }
      });
  });
});

.set() 设置数据
.expect()是一个断言，上述测试代码在执行之后期望的状态码是200(OK)。
如果接收到的数据为html页面
.expect('Content-Type', 'text/html;charset=utf-8')
.end() 执行一个request请求，在回调函数里面根据业务逻辑的返回数据做断
言分析。
.send() 发送表单域数据
.attach() 主要用来测试文件上传，由于.send()只能上传文本域，所以关于
multipart -file的上传需要通过附件来绑定。

钩子函数

before()：在该区块的所有测试用例之前执行
after()：在该区块的所有测试用例之后执行
beforeEach()：在每个单元测试前执行
afterEach()：在每个单元测试后执行

describe('XXX TEST', function() {
  before (function (done) {
  }

  after(function (done) {
  }

  beforeEach(function(){
  })

  afterEach(function(){
  })

  it('XXX test', function(done) {
  }
}

三、 Jest

特点：安装配置简单，非常容易上手。内置Istanbul，可以查看到测试覆盖率，完美的支持React组件化测试。开发者一般用来测试React应用。

安装：

npm install –save-dev jest

Package.json中添加（显示代码覆盖率添加“jest --watchAll --coverage”）
注：使用—watchAll参数会使终端一直监听

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

使用：

生命周期函数

afterAll(fn, timeout): 当前文件中的所有测试执行完成后执行 fn, 如果 fn 是 promise，jest 会等待 timeout 毫秒，默认 5000
afterEach(fn, timeout): 每个 test 执行完后执行
beforeAll(fn, timeout):在所有测试开始前执行
beforeEach(fn, timeout):在每个测试开始前执行```

BeforeAll(() => {
  console.log('before all tests to excute !')
})

BeforeEach(() => {
  console.log('before each test !')
})

AfterAll(() => {
  console.log('after all tests to excute !')
})

AfterEach(() => {
  console.log('after each test !')
})

Test('test lifecycle 01', () => {
  expect(1 + 2).toBe(3)
})

Test('test lifecycle 03', () => {
  expect(2 + 2).toBe(4)
})

简单加法示例：

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);
});

Jest中的test方法只是it的一个别名

结果类似如下：

图片.png

get方法

describe('block', () => {
  //获取版块成功
  test('block/getBlock success', () => {
    return request(config.app)
      .get('/block/getBlock')
      // .send()
      .then((res) => {
        expect(res.status).toBe(200);
        expect(res.body.code).toBe(1);
      });
  });

和mocha方法类似，写法多种， async/await，done()，return

图片.png 图片.png

问题：

当jest使用jest --watchAll –coverage时，能够成功输出代码覆盖率统计数据，但终端会一直监听。成功失败均不会结束build进程。仅仅使用jest时候会结束build任务，发送报告邮件。(最后发现是watchAll这个参数的问题)

注：

Jest希望在tests文件夹中找到我们的测试，这已成为JavaScript社区的惯例，我们也打算坚持这样做。如果你不喜欢tests这个设置，Jest也支持寻找任意的.test.js和.spec.js文件

有兴趣可以加入JavaScript交流群，和大佬们一起成长！！！

群号：348108867

图片.png