前端臨床手札——單元測(cè)試

godlong_X 發(fā)布于2019-05-29 16:57 / 3430人閱讀

摘要：感覺不能這樣下去就學(xué)寫一下單元測(cè)試，等他更新代碼我都跑一遍確認(rèn)一下，這樣工作安心多了。具體執(zhí)行的測(cè)試用例實(shí)現(xiàn)代碼。測(cè)試工具斷言庫(kù)測(cè)試驅(qū)動(dòng)開發(fā)及測(cè)試框架入門學(xué)習(xí)

最近博主工作是和另一枚后端合作，但是經(jīng)常發(fā)現(xiàn)他寫的接口出錯(cuò)，苦逼連連。感覺不能這樣下去就學(xué)寫一下單元測(cè)試，等他更新代碼我都跑一遍確認(rèn)一下，這樣工作安心多了。

經(jīng)過(guò)博主一番查找，貌似被推薦比較多的有mocha和chai，下面記錄簡(jiǎn)單使用的筆記，其他不懂的google吧！:)

由于測(cè)試的項(xiàng)目是前端項(xiàng)目，測(cè)試的方式也是打開頁(yè)面。下面先說(shuō)明一下目錄結(jié)構(gòu)

test/
    vendor/
        chai-as-promised.js //后面介紹是怎么使用
        chai.js
        mocha.css
        mocha.js
    units/
        account.js
        sample.js
        ...
    index.html
    index.js

測(cè)試用的頁(yè)面

###index.html###




    
    Testing
    


    
    
    
    
    
    



###index.js###

mocha.setup("tdd"); //設(shè)置使用什么模式 tdd / bdd 
require("units/sample")(); //引入對(duì)應(yīng)測(cè)試用例
mocha.run(); //運(yùn)行

具體用例，關(guān)于chai的使用請(qǐng)看 chai.assert api

###units/sample.js###

module.exports = function(){
    
    //chai.assert 是經(jīng)典的斷言風(fēng)格
    var assert = require("../vendor/chai").assert;
        
    //定義一組測(cè)試用例。
    suite("Array", function(){
        
        //此方法會(huì)在這個(gè)suite所有測(cè)試用例執(zhí)行前執(zhí)行一次，只一次，這是跟setup的區(qū)別。
        suiteSetup(function(){
            console.log("suitSetup...");
        });
        
        //此方法會(huì)在每個(gè)測(cè)試用例執(zhí)行前都執(zhí)行一遍。
        setup(function(){
            console.log("setup...");
        });

        suite("indexOf()", function(){
            //具體執(zhí)行的測(cè)試用例實(shí)現(xiàn)代碼。
            test("should return -1 when not present", function(){
                assert.equal(-1, [1, 2, 3].indexOf(4));
            });
        });

        suite("indexOf2()", function(){
            test("should return not -1 when present", function(){
                assert.equal(0, [1, 2, 3].indexOf(1));
            });
        });

        //此方法會(huì)在每個(gè)測(cè)試用例執(zhí)行后都執(zhí)行一遍，與setup相反。
        teardown(function(){
            console.log("teardown...");
        });

        //此方法會(huì)在這個(gè)suite所有測(cè)試用例執(zhí)行后執(zhí)行一次，與suiteSetup相反。
        suiteTeardown(function(){
            console.log("suiteTeardown..."); 
        });
    });

}

斷言Promise

###units/account.js###
var chai = require("../vendor/chai"),
    chaiAsPromised = require("../vendor/chai-as-promised");

chai.use(chaiAsPromised);

module.exports = function(){
        
    //這個(gè)是項(xiàng)目的model類
    var account = require("models/account.model")
        
    suite("Account", function(){
        //測(cè)試登錄
        test("signin", function(){
        
            var user = {
                username: "admin@ggg.com",
                password: "654321"
            }

            //當(dāng)請(qǐng)求登錄接口沒返回用戶id時(shí)顯示`登錄失敗`
            return assert.eventually.deepProperty(account.signin(user), "attrs.id", "登錄失敗");
        });

        //測(cè)試登出
        test("signout", function(){
            //當(dāng)請(qǐng)求登出接口后返回對(duì)象的code屬性不等于0時(shí)提示`退出失敗`
            return assert.eventually.propertyVal(account.signout(), "code", 0, "退出失敗");
        });

    });

}

目前會(huì)在整個(gè)項(xiàng)目的根目錄下創(chuàng)建test目錄進(jìn)行存放測(cè)試相關(guān)的代碼，使用也很方便，打開test/index.html即可。

測(cè)試工具 mocha 
斷言庫(kù) chai
測(cè)試驅(qū)動(dòng)開發(fā)(TDD)及測(cè)試框架Mocha.js入門學(xué)習(xí)

GPU云服務(wù)器云服務(wù)器單元測(cè)試單元測(cè)試規(guī)范單元測(cè)試圖片測(cè)試java php單元測(cè)試’

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/8728.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

godlong_X

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

anaconda怎么安裝tensorflow

閱讀 1239·2023-04-25 17:28
【Python爬蟲】騰訊視頻m3u8格式分析爬取（附源碼，高清無(wú)水印）

閱讀 3908·2021-10-14 09:43
Vultr優(yōu)惠活動(dòng)整理，最新活動(dòng)充100美元送100美元，有效期一年

閱讀 4202·2021-10-09 10:02
CSS總結(jié)

閱讀 2009·2019-08-30 14:04
CSS語(yǔ)法總結(jié)

閱讀 3200·2019-08-30 13:09
深入 css z-index 屬性

閱讀 3332·2019-08-30 12:53
前端實(shí)現(xiàn)文字跑馬燈的三種方式

閱讀 2980·2019-08-29 17:11
JavaScript線程機(jī)制與事件機(jī)制

閱讀 1877·2019-08-29 16:58

亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

前端臨床手札——單元測(cè)試

相關(guān)文章