Jsunit 就是 Junit 的javascript 版本,下載并解壓Jsunit zip,大部分的核心文件都在 jsunit/app 目錄下,
兩個最基本的文件:
. jsUnitCore.js -- 每個測試文件都要引用它
. testRunner.html -- 用來運行具體的jsunit 測試

(1) 起步例子:
在Jsunit解壓后的同級目錄下建立兩個文件,目錄結構:
|-- jsunit
|-- simple.js
|-- simple_test.html

寫完后運行 jsunit/testRunner.html,在頁面中選擇simple_test.html, 點擊run,可以看到測試結果信息。

// simple.js 被測試的javascript文件
function addTwoNumbers(value1, value2){
    return parseInt(value1) + parseInt(value2);
}

// simple_test.html 測試文件
<!DOCTYPE HTML PUBLIC 
"-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript" 
src="jsunit/app/jsUnitCore.js"></script>
<script language="JavaScript" 
src="simple.js"></script>
<script language="JavaScript">
function testValidArgs()
{
    assertEquals("2 + 2 is 4", 
    4, addTwoNumbers(2, 2));
}
function testWithNegativeNumbers()
{
    assertEquals("-2 + -2 is -4", 
    -4, addTwoNumbers(-2, -2));
}
function exposeTestFunctionNames()
{
    var tests = new Array(2);
    tests[0] = "testValidArgs";
    tests[1] = "testWithNegativeNumbers";
    return tests;
}
</script>
</HEAD>

<BODY>
test page for addTwoNumbers(value1, value2);
</BODY>
</HTML>

通常以"test"開頭的測試函數會被自動發現,但如果沒有發現,就需要我們用exposeTestFunctionNames 函數來顯示指定測試函數。

(2) setUpPage()

jsunit 包含了一次性啟動方法,setUpPage() 只對每個測試頁調用一次,即在所有測試函數調用之前調用,適于做預處理,但要注意在setUpPage()最后一行要把 setUpPageStatus 變量設置為 “complete”, 如:

var arg1;
var arg2;

function setUpPage(){
    arg1 = 2;
    arg2 = 2;
    setUpPageStatus = "complete";
}

(3) 測試集

測試集把不同的測試頁分組組織,其中包含測試頁或其他測試集,他們會按照順序執行。
注意點:
. 測試集中不能包含任何測試函數
. 必須包含一個返回 jsUnitTestSuite 對象的 suite 函數
. 有兩個方法添加測試頁:addTestPage(testPage) addTestSuite(testSuite), 在添加測試頁時要注意路徑,應是相對于testRunner.html 的

例子:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript" 
src="jsunit/app/jsUnitCore.js"></script>
<script language="JavaScript" 
src="simple.js"></script>
<script language="JavaScript">
function sampleSuite()
{
var sampleSuite = new top.jsUnitTestSuite();
sampleSuite.addTestPage("../simple_test.html");
return sampleSuite;
}
function suite()
{
var testSuite = new top.jsUnitTestSuite();
testSuite.addTestSuite(sampleSuite());
testSuite.addTestPage("../simple_test.html");
return testSuite;
}
</script>
</HEAD>

<BODY>
</BODY>
</HTML>

(4) 日志和跟蹤

運行testRunner.html時會發現他有 Trace level 項,用于現實我們在測試方法中的日志信息,包含3個函數:
warn(message, [value])
inform(message, [value])
debug(message, [value])

原文出處:http://www.zhuoda.org/irini/83098.html
JsUnit下載地址:http://sourceforge.net/projects/jsunit/