<\/code> 中，QUnit 將為我們處理重置。最後，我們包含了一個(gè) tests.js 文件，該文件代表包含測(cè)試的文件。我的建議是在處理真實(shí)項(xiàng)目時(shí)使用文件來(lái)存儲(chǔ)測(cè)試。在我為本教程創(chuàng)建的實(shí)時(shí)演示中，我使用了 JSBin，當(dāng)然不允許上傳文件。因此，在演示中，您會(huì)看到我已經(jīng)內(nèi)聯(lián)了測(cè)試代碼?，F(xiàn)在您已經(jīng)了解了標(biāo)記每個(gè)部分的含義，請(qǐng)?jiān)跒g覽器中打開(kāi) index.html 頁(yè)面，看看會(huì)發(fā)生什麼。如果一切順利，您應(yīng)該會(huì)看到如下所示的實(shí)時(shí)演示界面，該界面也作為 JSBin 提供：QUnit 示例。在此階段，此界面中與我們相關(guān)的唯一部分是顯示 QUnit 花費(fèi)在處理測(cè)試上的時(shí)間、定義的斷言數(shù)量以及通過(guò)和失敗的測(cè)試數(shù)量的部分。上面的演示顯示我們沒(méi)有定義任何測(cè)試。讓我們解決這個(gè)問(wèn)題。 <\/p>\n

如何使用 QUnit 創(chuàng)建測(cè)試<\/strong><\/p>\n

QUnit 提供兩種創(chuàng)建新測(cè)試的方法：QUnit.test()<\/code> 和 QUnit.asyncTest()<\/code>。第一個(gè)用於測(cè)試同步運(yùn)行的代碼，而第二個(gè)用於測(cè)試異步代碼。在本節(jié)中，我將描述如何為同步代碼創(chuàng)建測(cè)試。 QUnit.test()<\/code> 方法的簽名如下：<\/p>\n

QUnit.test(name, testFunction)<\/pre>\n
第一個(gè)參數(shù) name<\/code> 是一個(gè)字符串，它幫助我們識(shí)別創(chuàng)建的測(cè)試。第二個(gè)參數(shù) testFunction<\/code> 是包含框架將執(zhí)行的斷言的函數(shù)?？蚣軐⒁粋€(gè)參數(shù)傳遞給此函數(shù)，該參數(shù)公開(kāi)所有 QUnit 的斷言方法。將此描述轉(zhuǎn)換為代碼，我們可以使用以下代碼更新 tests.js 文件：<\/p>\n
QUnit.test('我的第一個(gè)測(cè)試', function(assert) {\n   \/\/ 斷言在這里...\n});<\/pre>\n
此代碼創(chuàng)建一個(gè)由字符串“我的第一個(gè)測(cè)試”標(biāo)識(shí)的新測(cè)試和一個(gè)具有空主體的函數(shù)。添加沒(méi)有任何斷言的測(cè)試沒(méi)有任何用處。要解決此問(wèn)題，我們必須學(xué)習(xí) QUnit 中可用的斷言方法。 <\/p>\n
QUnit 的斷言方法<\/strong><\/p>\n
斷言是軟件測(cè)試的核心。它們使我們能夠驗(yàn)證我們的代碼是否按預(yù)期工作。在 QUnit 中，我們有很多方法可以驗(yàn)證這些期望?？梢酝ㄟ^(guò)傳遞給 QUnit.test()<\/code> 方法的函數(shù)的參數(shù)（在我們之前的示例中為 assert<\/code>）在測(cè)試中訪問(wèn)它們。下面的列表總結(jié)了可用的方法，以及它們的功能和簽名：<\/p>
\n
deepEqual(value, expected[, message])<\/code>：一種遞歸的嚴(yán)格比較，適用於所有 JavaScript 類(lèi)型。如果 value<\/code> 和 expected<\/code> 在屬性、值方面相同，並且具有相同的原型，則斷言通過(guò)；<\/li>\n
equal(value, expected[, message])<\/code>：使用非嚴(yán)格比較（==）驗(yàn)證提供的 value<\/code> 等於 expected<\/code> 參數(shù)。 <\/li>\n
notDeepEqual(value, expected[, message])<\/code>：與 deepEqual()<\/code> 相同，但測(cè)試不等式；<\/li>\n
notEqual(value, expected[, message])<\/code>：與 equal()<\/code> 相同，但測(cè)試不等式；<\/li>\n
propEqual(value, expected[, message])<\/code>：對(duì)象的屬性和值的嚴(yán)格比較。如果所有屬性和值都相同，則斷言通過(guò)；<\/li>\n
strictEqual(value, expected[, message])<\/code>：使用嚴(yán)格比較（===）驗(yàn)證提供的 value<\/code> 等於 expected<\/code> 參數(shù)；<\/li>\n
notPropEqual(value, expected[, message])<\/code>：與 propEqual()<\/code> 相同，但測(cè)試不等式；<\/li>\n
notStrictEqual(value, expected[, message])<\/code>：與 strictEqual()<\/code> 相同，但測(cè)試不等式；<\/li>\n
ok(value[, message])<\/code>：如果第一個(gè)參數(shù)為真值，則斷言通過(guò)；<\/li>\n
throws(function[, expected][, message])<\/code>：測(cè)試回調(diào)是否拋出異常，並可選地比較拋出的錯(cuò)誤；<\/li>\n<\/ul>\n
這些方法接受的參數(shù)含義如下：<\/p>\n
\n
value<\/code>：函數(shù)、方法返回的值或存儲(chǔ)在必須驗(yàn)證的變量中的值；<\/li>\n
expected<\/code>：要測(cè)試的值。對(duì)於 throws()<\/code> 方法，這可以是 Error 對(duì)象（實(shí)例）、Error 函數(shù)（構(gòu)造函數(shù)）、與字符串表示匹配（或部分匹配）的正則表達(dá)式或必須返回 true 以通過(guò)斷言檢查的回調(diào)函數(shù)<\/q><\/code>；<\/li>\n
message<\/code>：描述斷言的可選字符串；<\/li>\n
function<\/code>：要執(zhí)行的應(yīng)返回 Error 的函數(shù)；<\/li>\n<\/ul>\n
現(xiàn)在您已經(jīng)了解了可用的方法和參數(shù)，是時(shí)候查看一些代碼了。我不會(huì)為單個(gè)函數(shù)編寫(xiě)多個(gè)測(cè)試，而是嘗試重現(xiàn)更真實(shí)的示例。無(wú)論如何，我將向您展示的測(cè)試都不應(yīng)被視為完整的測(cè)試套件，但它們應(yīng)該讓您對(duì)從哪裡開(kāi)始有一個(gè)具體的了解。為了編寫(xiě)提到的測(cè)試，我們需要定義一些要測(cè)試的代碼。在這種情況下，我將定義一個(gè)對(duì)象字面量，如下所示：<\/p>
\n\n\n  \n