入門單元測(cè)試(javaScript篇)

單元測(cè)試的定義

單元測(cè)試(Unit Testing)撤摸，是指對(duì)軟件中的最小可測(cè)試單元進(jìn)行檢查和驗(yàn)證耍贾。對(duì)于單元測(cè)試中單元的含義爱榔，一般來說掉冶，要根據(jù)實(shí)際情況去判定其具體含義，如C語言中單元指一個(gè)函數(shù)厌小，Java里單元指一個(gè)類璧亚，圖形化的軟件中可以指一個(gè)窗口或一個(gè)菜單等。總的來說吉嚣，單元就是人為規(guī)定的最小的被測(cè)功能模塊。單元測(cè)試是在軟件開發(fā)過程中要進(jìn)行的最低級(jí)別的測(cè)試活動(dòng)尝哆，軟件的獨(dú)立單元將在與程序的其他部分相隔離的情況下進(jìn)行測(cè)試秉撇。
單元測(cè)試的特點(diǎn)如下：
- 最小可測(cè)試部件
- 單元與單元是相互獨(dú)立的
- 執(zhí)行速度快
- 問題相對(duì)容易定位
- 開發(fā)人員編寫
- 通過了解代碼的實(shí)現(xiàn)邏輯進(jìn)行的測(cè)試，通常也叫白盒測(cè)試

單元測(cè)試框架

javascript
mocha（推薦）秋泄，jasmine琐馆，qunit(jquery出品）
java
junit
android
junit，robolectric（junit的擴(kuò)展）
c
cunit
python
unittest(pyunit)

測(cè)試工具和語言

我們這里選擇javaScript來簡(jiǎn)單實(shí)驗(yàn)一些單元測(cè)試恒序。我們選擇Mocha作為我們的單元測(cè)試工具瘦麸。它入門簡(jiǎn)單，能同時(shí)適用于基于瀏覽器的測(cè)試和 Node.js 的測(cè)試歧胁，而且與其它測(cè)試工具配合同樣運(yùn)行良好滋饲。

設(shè)置目錄結(jié)構(gòu)

為了讓文件結(jié)構(gòu)更清晰厉碟，應(yīng)將測(cè)試文件放在主代碼文件的一個(gè)獨(dú)立目錄下屠缭。這是為了方便以后添加其它類型的測(cè)試（如集成測(cè)試（integration tests）和功能測(cè)試（functional tests））箍鼓。

對(duì)于 JavaScript，最流行的實(shí)踐方案是在項(xiàng)目根目錄下創(chuàng)建一個(gè) test/ 文件夾呵曹。然后款咖，將每個(gè)測(cè)試文件放置在該文件夾下，如 test/someModuleTest.js奄喂。另一種方案是铐殃，在 test/目錄下，再創(chuàng)建文件夾砍聊。但我建議盡量保持簡(jiǎn)單——這樣能保證在后面必要時(shí)進(jìn)行（快速）修改。

image.png

單元測(cè)試?yán)?/h2>

js文件

測(cè)試文件

我們這里引入的chai是斷言庫俯树，mocha支持多種斷言庫可以自由選擇

測(cè)試結(jié)果

更多的Mocha學(xué)習(xí)可以去阮一峰的博客或者mocha官網(wǎng)學(xué)習(xí)帘腹，講的比較詳細(xì)。

源碼中的單元測(cè)試

我們就來看jquery的代碼是怎么進(jìn)行單元測(cè)試的许饿，這里jquery是用jquery自家出品的qunit單元測(cè)試框架來進(jìn)行測(cè)試的阳欲。我們先來看一些qunit框架的內(nèi)容。

image.png

直接進(jìn)入jquery的源碼

源碼

測(cè)試

源碼