网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Javascript
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.JavaScript极速狂飙:CSS样式表的.
.一段非常简单的让图片自动切换js.
.修改后的prototype.js,增加进度.
.javascript弹出窗口问题总结.
.javascript 获取GET方法的参数.
.用JavaScript刷新框架子页面的方.
.用Javascript实现评估用户输入密.
.Javascript实例教程(19) 使用HoT.
.javascript实现四个重叠DIV切换功.
.关于Firefox下JavaScript设置主页.
.javascript通过prototype属性扩充.
.Javascript下的日历控件(Calend.
.Javascript制作浮动的工具条.
.用javascript实现select的美化.
.FireFox 如何用Javascript 修改状.
.内外网同时访问问题_判断访问计算.
.JS+CSS打造可拖动的聊天窗口层.
.一行JS代码给实现Blog页面下雪效.
.Javascript 篱式 条件判断.
.使用Javascript创建快捷方式.

javascript单元测试(Jsunit应用)

发表日期:2008-8-7


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])

上一篇:JavaScript中try...catch和异常处理 人气:1023
下一篇:javascript节点操作DOMDocument属性和方法 人气:1566
浏览全部javascript的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐