JavaScript单元测试框架JsUnit基本介绍和使用 - 51Testing软件测试论坛

function add(num1, num2)
{
return num1 + num2;
}
function subtract(num1, num2)
{
return num1 - num2;
}
function multiply(num1, num2)
{
return num1 * num2;
}
function addNumbers()
{
var v1 = document.getElementById("value1").value;
var v2 = document.getElementById("value2").value;
v1 = parseInt(v1);
v2 = parseInt(v2);
var v3 = v1 + v2;
document.getElementById("value3").value = v3;
}
复制代码
　　测试页面:test1.html
复制代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="..\jsunit2_2\jsunit\app\jsUnitCore.js"></script>
<script type="text/javascript" src="test1.js"></script>
<script type="text/javascript">
var count = 0;
// 此函数只执行一次（在页面加载后），类似于JUnit 4.x中的@BeforeClass
// 注意：并没有与@AfterClass对应的函数存在
function setUpPage()
{
alert('setUpPage Invoked');
// 这行代码必须放在setUpPage函数的最后一行
// 告诉JsUnit，setUpPage函数已经执行完毕
setUpPageStatus = "complete";
}
// setUp run before every test function
function setUp()
{
//alert(count++); //JUnit若这样执行,count全是0,因为每一个测试方法都会生成新的测试对象;
//JsUnit会递增count, 因为都是在同一个页面里去执行,所以会基于原有的值
//设定初始条件
document.getElementById("value1").value = 2;
document.getElementById("value2").value = 3;
}
// tearDown run after every test function
function tearDown()
{
//alert("tearDown");
//清理状态
document.getElementById("value1").value = "";
document.getElementById("value2").value = "";
document.getElementById("value3").value = "";
}
// 以下为测试函数（Test Function）
function testAdd()
{
var result = add(1, 2);
assertEquals(3, result);
}
function testSubtract()
{
var result = subtract(1, 2);
assertEquals(-1, result);
}
function testMultiply()
{
var result = multiply(1, 2);
assertEquals(2,result);
}
function testAddNumbers()
{
addNumbers();
assertEquals("5", document.getElementById("value3").value);
}
</script>
</head>
<body>
<input type="text" id="value1"><br>
<input type="text" id="value2"><br>
<input type="text" id="value3"><br>
<input type="button" value="Add" onclick="addNumbers();">
</body>
</html>

复制代码

/**
* @class
* A JsUnitTestSuite represents a suite of JsUnit Test Pages. Test Pages and Test Suites can be added to a
* JsUnitTestSuite
* @constructor
*/
function JsUnitTestSuite() {
/**
* Declares that this object is a JsUnitTestSuite
*/
this.isJsUnitTestSuite = true;
/**
* @private
*/
this._testPages = Array();
/**
* @private
*/
this._pageIndex = 0;
for (var i = 0; i < arguments.length; i++) {
if (arguments[i]._testPages) {
this.addTestSuite(arguments[i]);
} else {
this.addTestPage(arguments[i]);
}
}
}
复制代码
测试套件的使用例子1: test2.html
复制代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="..\jsunit2_2\jsunit\app\jsUnitCore.js"></script>
<script type="text/javascript">
//测试套件名一定为suite
function suite()
{
var testSuite = new top.jsUnitTestSuite();
// 增加的测试页面的路径是相对于测试运行器（testRunner.html）的路径
// 而不是当前页面
testSuite.addTestPage("../../jsUnit_code/test1.html");
testSuite.addTestPage("../../jsUnit_code/test1.html");
testSuite.addTestPage("../../jsUnit_code/test1.html");
return testSuite; // 最后需要返回套件
}
</script>
</head>
<body>
</body>
</html>
复制代码
测试套件的使用例子2: test3.html
复制代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="..\jsunit2_2\jsunit\app\jsUnitCore.js"></script>
<script type="text/javascript">
// 自定义的测试套件
function mySuite()
{
var testSuite = new top.jsUnitTestSuite();
testSuite.addTestPage("../../jsUnit_code/test1.html");
testSuite.addTestPage("../../jsUnit_code/test1.html");
testSuite.addTestPage("../../jsUnit_code/test1.html");
return testSuite;
}
function suite()
{
var testSuite = new top.jsUnitTestSuite();
testSuite.addTestPage("../../jsUnit_code/test1.html"); // 在测试套件中加入页面
testSuite.addTestSuite(mySuite()); // 在测试套件中加入测试套件
return testSuite; // 记得返回套件
}
</script>
</head>
<body>
</body>
</html>

复制代码