從零開始使用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