在 WebStorm 使用 Mocha 进行单元测试

配置 WebStorm
  • 为了让 WebStorm 识别 Mocha / Should 关键字,需配置

    • 打开 File - Settings - Languages&Frameworks - JavaScript - Libraries - Download
      • 选择下载 mocha 和 should


        在 WebStorm 使用 Mocha 进行单元测试_第1张图片
        mocha1.png
  • 为了能运行 mocha 脚本,需配置 Run/Debug Configurations

    • 点击添加按钮,添加新的配置: Mocha
    • 选择 Node interpreter / Mocha package / 选择要运行的测试文件 / 文件夹 / 测试套件 / 测试用例


      在 WebStorm 使用 Mocha 进行单元测试_第2张图片
      mocha2.png

      在 WebStorm 使用 Mocha 进行单元测试_第3张图片
      mocha3.png
测试代码
  • 需测试的代码 add.js
function add(a, b) {
    return a + b;
}
module.exports = add;
  • 测试代码 add.test.js
    • describe() 函数是测试描述,表示一组相关测试用例对某个模块的测试
    • it() 是一个测试用例,在一个 describe 块的内部可以执行多个测试用例 (it 块)
    • done 用于异步测试。在 Node 环境中,绝大部分的业务逻辑都是异步的,Mocha 提供了一个回调函数 done, 在业务代码执行完毕之后调用 done() 结束测试用例,不然的话测试用例就会出现 timeout 的情况导致测试用例失败。Mocha 默认的超时时间为 2000 ms, 如果由于测试用例的执行时间比较长需要延长超时时间,可加参数 -t , 如 mocha -t 3000 add.test.js
    • 可使用参数 -w 用来监视指定的测试脚本,只要测试脚本有变化,就会自动运行 Mocha
describe('test add', function () {
    it('1 + 1 should be equal to 2', function (done) {
        (add(1,1) === 2).should.be.true();
        done();
    });

    it('1 + 2 should not be equal to 2', function (done) {
        (add(1,2) === 2).should.be.true();
        done();
    });
});
  • 点击试用 mocha 运行
    • 其中一个用例运行成功,一个用例运行失败


      在 WebStorm 使用 Mocha 进行单元测试_第4张图片
      mocha4.png

你可能感兴趣的:(在 WebStorm 使用 Mocha 进行单元测试)