1. 程式人生 > >WebStorm整合Mocha + Chai進行js單元測試

WebStorm整合Mocha + Chai進行js單元測試

介紹

Mocha(發音"摩卡")誕生於2011年,是現在最流行的JavaScript測試框架之一,在瀏覽器和Node環境都可以使用。
所謂"測試框架",就是執行測試的工具。通過它,可以為JavaScript應用新增測試,從而保證程式碼的質量。


準備工作

1.首先需要安裝Node.JS
2.npm安裝mocha模組

 $ npm install --global mocha

3.npm安裝chai模組

$ npm install chai


編寫測試程式碼

/**
 * Created by 34275 on 2017/7/21.
 */
var expect = require('chai').expect; //依賴於Node

describe('Array', function() {
    describe('#indexOf()', function() {
        it('should return -1 when the value is not present', function() {
            expect([1,2,3].indexOf(4)).equal(-1)
        });
        it('should return 1 when the value is present', function() {
            expect([1,2,3].indexOf(2)).equal(1)
        });
        it('should return 0 when the value is present', function() {
            expect([1,2,3].indexOf(3)).not.equal(1)
        });
    });
});

使用WebSotrm整合Mocha

1.首先進入config頁面

2.新增一個Mocha任務

3.按照圖示進行配置 Name:測試任務的名稱 Node interpreter:Node的執行檔案地址 Working directory:工作目錄 Mocha package:Mocha的測試目錄 最後選擇需要測試的檔案

4.完成配置之後,就可以直接執行Mocha任務

5.檢視結果 出現如上圖所示,則表示測試用例全部通過

出現上圖所示,則表示測試用例有失敗的,可以檢視具體錯誤原因。