编程技巧共享

wwwlgy

浏览: 8690 次

最近访客更多访客>>

sb12345

gzl13634511461

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

这个比较伤心前几天在Vanessa的博客中才看到，原来已经有jsUnit了。之前不知道，所以自己写了一个测试框架。不过也反映一定的技巧，拿出来给大家看看。

var JSTest = {};
JSTest.name_testContent_div = 'testContent_div';
JSTest.name_resultContent_table = 'resultContent_table';

/**
*一个初始化函数
*主要是在主测试页面中，增加对应的测试HTML对象
*/
JSTest.init = function(){
//在body上创建两个控件

//首先是div控件，用于容纳测试的专用控件
var divObj = document.createElement('div');
divObj.setAttribute('id',JSTest.name_testContent_div);//类型
document.body.appendChild(divObj);

//创建table
var tableObj = document.createElement('table');
tableObj.setAttribute('border','1');
document.body.appendChild(tableObj);

//IE独有的，必须有tbody才能显示
var tabodyObj = document.createElement('tbody');
tabodyObj.setAttribute('id',JSTest.name_resultContent_table);//类型
tableObj.appendChild(tabodyObj);

}
/**
*添加测试结果到页面上
*/
JSTest.appendResult = function (name,result,isSucc){
var tableObj = document.getElementById(JSTest.name_resultContent_table);
var trObj = document.createElement('tr');
if(isSucc != null && !isSucc){
trObj.setAttribute('bgColor','#ff0000');
}

var tdObj_name = document.createElement('td');
tdObj_name.innerHTML = name;

var tdObj_result = document.createElement('td');
//如果成功，结果处变成绿色
if (isSucc==null || isSucc){
result = '<font color="#00ff00">'+result + '</font>';
}
tdObj_result.innerHTML = result;

tableObj.appendChild(trObj);
trObj.appendChild(tdObj_name);
trObj.appendChild(tdObj_result);

}
//记录当时正在测试的测试对象信息
JSTest.currentTest = null;
JSTest.currentTestResult = true;

JSTest.assertEquals = function(p1,p2){
if(!JSTest.currentTestResult){
//如果已经错误，那么跳过，不用再测试了
return;
}
var result = null;
var isSucc = p1 == p2;
if (!isSucc){
result = 'expect ' + p1 + ' but ' + p2 + ' is found!';
JSTest.appendResult(JSTest.currentTest,result,isSucc);
//记录当前失败状态
JSTest.currentTestResult = false;
return;
}
}

JSTest.testObj = new Array();
JSTest.addTestObj = function(testObjStr){
JSTest.testObj[JSTest.testObj.length] = testObjStr;
}

JSTest.runTest = function(){
JSTest.init();
for(var i=0;i<JSTest.testObj.length;i++){
var objStr = JSTest.testObj[i];
eval('var obj = ' + objStr);
for(pp in obj){
//获取所有以test打头
if (/test/.*/i.test(pp) && typeof(obj[pp])=='function'){
//这个是目标程序了，将名称记录下来
JSTest.currentTest = objStr + '.' + pp;
//运行里面的函数，测试函数
obj[pp]();
//一个函数测试结束，如果是全部成功，那么给出一个总体结果
if(JSTest.currentTestResult){
JSTest.appendResult(JSTest.currentTest,'ok',true);
}
}
//标志位复位
JSTest.currentTestResult = true;

}

}
}

使用很简单如：

var mainlogictest = {};

mainlogictest.TestSelectFirsPage = function(){
//加入cookies
Cookies.add('account','abc',0);
var result = mainlogic.SelectFirstPage();
JSTest.assertEquals('user/UserViewPage.html',result);
//检查登录状态
JSTest.assertEquals(LoginStatusConst.CACHELOGIN,mainlogic.mainData['main.userStatusInfo']['status']);
JSTest.assertEquals('abc',mainlogic.mainData['main.userStatusInfo']['account']);
//删除cookies
Cookies.remove('account');
result = mainlogic.SelectFirstPage();
JSTest.assertEquals('page/ViewPage.html',result);
}

JSTest.addTestObj('mainlogictest');

而对应的测试html更简单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="../../../script/globalConst.js"></script>
<script type="text/javascript" src="../../../script/globalScript.js"></script>
<script type="text/javascript" src="../../../control/script/maincontrol.js"></script>
<script type="text/javascript" src="../../../control/script/mainlogic.js"></script>
<script type="text/javascript" src="../../JSTest.js"></script>
<script type="text/javascript" src="mainlogic.test.js"></script>

</head>

其实这个函数没有写完，因为还有另外一个方向就是要模拟js里面用到html的obj。这个框架是留出来了，但是还没有写呢。

分享到：

GWT初探 | java程序员的知识体系和书籍推荐

2009-08-08 08:50
浏览 207
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论