从零开始使用mocha测试

mocha 须要在node环境下跑，请确保已经安装了node

 

1.新建一个文件夹 test

 

2.命令行切换到test目录下，执行命令： npm init ，出现选择按enter，一系列选择完成以后，实际上是帮咱们建立了package.json文件

 

3. 在当前文件夹下面，建立新文件夹 app 用于存放咱们的业务代码，以及test文件夹，用于存放咱们的测试文件

 

4.安装moncha，安装断言库 chai， 这里我选择了局部安装

npm install mocha -S

npm install chai -S

安装完成以后，能够看到咱们当前的文件目录以下，package-lock.json用于锁定咱们当前安装时的包的版本号，而且须要上传到git，以保证其余人在npm install时你们的依赖能保证一致。node_modules用于存放咱们的依赖

 

5.而后咱们须要在package.json里面配置moncha使用命令，

 

 

或者改为 "test": "mocha test"也能够，为何能够这么配置，参见阮一峰老师的文章：

 

 

配置完成以后，咱们就能够在控制台执行 npm run test 来测试一下，因为咱们的test文件尚未建好，这时候会报错误，

 

6. 新建一个test.js 在 test文件夹下，编写一个简单的用例

var {expect}=require("chai");

describe("运算",function(){
  it("加法",function(){
    expect(1+1).to.equal(2);
  })

  it("减法",function(){
    expect(4-3).to.equal(2);
  })
})

 

 

7. 执行命令: npm test 会跑test文件夹下的全部测试文件，若是须要指定某个文件，则使用 npm test test/test1.js

 

 

 

8.在app目录下，新建一个add.js

 

 

9.在test目录下，新建test_add.js，用于测试add.js

 

 

10.再执行npm run test 则会执行test1.js 和 test_add.js里面的，控制台能够看到全部的测试结果

 

 

11. 测试异步请求，安装一下fetch

npm install node-fetch -S

 

12. 编写测试用例文件 test_promise.js

 

13.再次使用 npm run test 能够执行咱们全部的控制文件

14. vue项目里面应用

http://www.javashuo.com/article/p-dlthpsot-kv.html

 

 

参考文章：阮一峰大佬的mocha相关文章

 

本篇博客代码： https://github.com/daisygogogo/my-demo/tree/master/test_moncha_demo