您的位置：首页 > Web前端 > JavaScript

用JsUnit测试和跟踪Javascript

2009-09-24 14:46 309 查看

最近读Ajax基础教程，读到了用JsUnit测试和跟踪Javascript，感觉不错。

一，用JsUnit测试Javascript，

1，准备好JsUnit，可以从http://sourceforge.net/projects/jsunit/
这儿下载JsUnit包，解压到工程文件下，JsUnit断言方法

assert([comment],
booleanValue)

assertTrue([comment], booleanValue)

assertFalse([comment], booleanValue)

assertEquals([comment], value1, value2)

assertNotEquals([comment], value1,
value2)

assertNull([comment], value)

assertNotNull([comment], value)

assertUndefined([comment], value)

assertNotUndefined([comment], value)

assertNaN([comment], value)

assertNotNaN([comment], value)

fail(comment)

2，准备好简单的测试页面：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>A Simple Test Page</title>
<mce:script type="text/javascript" src="jsunit/app/jsUnitCore.js" mce_src="jsunit/app/jsUnitCore.js"></mce:script>
<mce:script type="text/javascript" src="JavaScripts/Sample.js" mce_src="JavaScripts/Sample.js"><!--

// --></mce:script>
<mce:script type="text/javascript"><!--
function setUp() {
document.getElementById("value1").value = "2";
document.getElementById("value2").value = "2";
}
function testValidArgs() {
assertEquals("2 + 2 should equal 4", 4, addNumbers());
}
function addNumbers() {
var val1 = document.getElementById("value1").value;
var val2 = document.getElementById("value2").value;
return addTwoNumbers(val1, val2);
}
function tearDown() {
document.getElementById("value1").value = "";
document.getElementById("value2").value = "";
}
function exposeTestFunctionNames() {
var tests = new Array(1);
tests[0] = "testValidArgs";
return tests;
}

// --></mce:script>
</head>
<body>
<input type="text" size="3" id="value1"/>
<input type="text" size="3" id="value2"/>
<input type="button" value="Add" onclick="addNumbers()"/>
This is a simple test page for addTwoNumbers(value1, value2).
</body>
</html>

3，打开testRunner.html文件输入测试页面进行测试。

JsUnit支持很多方法setUp()

和
tearDown()

和
setUpPage()等，读完这些后，加深了对已经做自动化测试的理解。

测试结果：

二：JsUnit同时也支持JS跟踪。跟踪方法有

warn(message,
[value])

inform(message, [value])

debug(message, [value])

script language="JavaScript">
function addTwoNumbers(value1, value2) {
warn("this is a warning message");
warn("this is a warning message with a value", value1);
return value1 + value2;
}
function testValidArgs() {
inform("this is an inform message");
assertEquals("2 + 2 is 4", 4, addTwoNumbers(2, 2));
}
function testWithNegativeNumbers() {
debug("this is a debug message");
assertEquals("negative numbers: -2 + -2 is -4", -4,
addTwoNumbers(-2, -2));
}
</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航