javascript測試架構 Qunit

大家知道java有個測試架構叫Junit，可以用簡單的程式碼完成單元測試，最近jquery也出了一個測試javascript架構，叫Qunit。下面是jquery官網的關於QUnit的的介紹，希望對大家有協助。

 

 

介紹

在軟體開發中使用自動化的軟體測試載入器是非常基本的。單元測試是自動化的測試中的基本內容：針對你的功能的單元測試，最好是你唯寫一次，每個用到你功能的人都能運行你的測試，而測試的人之間不需要進行任何交流和額外的工作。

 

測試的另一個好處是，測試可以驅動軟體的開發，也就是“測試驅動開發”，先寫好簡單的測試，然後針對這個測試寫實現代碼，知道這個測試通過，然後增加測試內容，在實現它，通過一步步的重複這個過程寫出的代碼，往往比直接實現寫出來的代碼更好。

 

js的單元測試跟其他語言沒有什麼不同，盡需要一個測試架構來寫一個真實的測試。

 

自動化單元測試

 

問題

因為你從TDD中收益過，因此你想自動化測試你的應用程式，寫一個自己的測試程式也許很吸引人，但包含了很多工作（其中包括相容不同的瀏覽器）

 

方案

在一些js的單元測試架構中，你決定選擇了QUnit，Qunit是jquery實現的單元測試架構並且被廣泛的應用。

 

為了用Qunit，你僅僅需要引入兩個Qunit檔案在你的Html頁，Qunit包含qunit.js,執行測試的核心檔案，和qunit.css,用於顯示測試結果

 

 

  <script src=/resources/qunit.js></script><script> test( a basic test example, function() { var value = hello; equal( value, hello, We expect value to be hello ); }); </script>

 

在瀏覽器中開啟，結果如下

 

在html中，最重要的標籤是

元素中的Qunit的測試結果添加到這個標籤中。Test方法來自qunit.js檔案，包含兩個參數，第一個是字串，表示測試的名字，用來顯示在測試結果中，以便區分是哪個測試的結果，後一個是一個function，function中包含了測試實際要執行的代碼，其中包括一個或多個斷言（assertion）這裡是equal方法，用於顯示測試結果。

 

如果想在自己瀏覽器看一下效果的話，可以下載這個demo。