mocha测试js教程(涉及es6、ts)

下面是源码目录结构

一、安装依赖

npm init

npm install --save-dev mocha
npm install --save-dev chai
npm install --save-dev @types/mocha
npm install --save-dev @types/chai

二、编写es5规范的测试案例

在lib下新建add.js

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

在test下新建 add.test.js，describe 也称为test suite，即“测试套件”，是可以嵌套的。一个describe可以有多个it,一个it代表一个测试用例。it里面又可以有多个expect，当然expect是chai 暴露出来的一种接口形式，我们也可以使用Assert、Should。

var add = require("../lib/add");
var expect = require("chai").expect;describe('加法函数测试',function(){it('1+1应该等于2',function(){expect(add(1,1)).to.be.equal(2);})
})

在package.json的script下新加 “test”: “mocha ./test/*.js”

"scripts": {"test": "mocha ./test/*.js"}

然后执行npm run test,会看到控制台输出如下时就表示这个测试案例通过了

这样就完成了一个es5规范的js的测试，那接下来问题来了，对于es6的我们该怎么处理，请看下面

三、编写es6的测试案例

在lib下新建es6.js

let square = function(n){return n*n;
};
export default  square;

test下编写测试代码es6.test.js

import square from "../lib/es6";
let expect = require("chai").expect;describe('square函数测试',function(){it('2的平方应该等于4',function(){expect(square(2)).to.be.equal(4);})
})

这时候直接运行npm run test会报错，对于es6预发我们需要使用babel-register模块

首先安装一下

npm install --save-dev babel-register
npm install --save-dev babel-preset-env

babel-preset-env依赖包的作用可以参考下这个文档
https://www.cnblogs.com/ye-hcj/p/7070084.html

然后修改一下package.json的script

"scripts": {"test": "mocha  -r babel-register ./test/*.js"}

创建.babelrc文件

{"presets": [["env"]]
}

在执行npm run test就可成功执行针对es6的测试案例

四、编写typescript测试案例

在lib下新建helloTs.ts，test下编写测试代码helloTs.test.ts

function hello():string{return 'hello World';
}
export default hello;

import hello from '../lib/helloTs';
import {expect} from 'chai';
import 'mocha';describe("hello function测试",function(){it('应该返回hello world',function(){const result = hello();expect(result).to.equal("hello World");})
})

npm install --save-dev typescript
npm install --save-dev ts-node

然后修改一下package.json的script,新加一条"testTs": “mocha -r ts-node/register ./test/*.ts”，当然要想处理typescript需要先安装typescript、ts-node模块

package.json的script变为

"scripts": {"test": "mocha  -r babel-core/register ./test/*.js","testTs": "mocha -r ts-node/register ./test/*.ts"},

然后执行npm run testTs即可

参考博客：https://blog.csdn.net/weixin_39678029/article/details/86094517 因为原博客有一些bug，上面我有一些改动