开发学院网页设计 JavaScript javascript单元测试(Jsunit应用) 阅读

javascript单元测试(Jsunit应用)

　2008-08-07 19:57:55　来源：WEB开发网　　　

核心提示：Jsunit 就是 Junit 的javascript 版本，下载并解压Jsunit zip，javascript单元测试(Jsunit应用)，大部分的核心文件都在 jsunit/app 目录下，两个最基本的文件：. jsUnitCore.js -- 每个测试文件都要引用它. testRunner.html -- 用来

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>