首页 > 技术文章 > 从零开始使用mocha测试

daisygogogo 2019-06-11 15:43 原文

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项目里面应用
https://blog.csdn.net/Zahoshenglong/article/details/84499274
 
 
参考文章:阮一峰大佬的mocha相关文章
 
本篇博客代码:https://github.com/daisygogogo/my-demo/tree/master/test_moncha_demo
 

推荐阅读