首页 > Web开发 > 详细

使用QUnit测试JS代码

时间:2014-02-15 16:22:05      阅读:345      评论:0      收藏:0      [点我收藏+]

当我们需要对javascript代码进行unit test的时候,qunit是个非常好的工具来方便我们的测试。qunit是一个非常简单的框架。

首先,在官网(http://qunitjs.com/)下载qunit-x.y.z.js 和qunit-x.y.z.css。

可以把这两个文件放在同一个目录下(比如我放在qunit文件夹下)

如果进行一个功能(函数)的ut,我们需要一个这样子的js文件(比如我的是ut1.js)

test( "hello test", function(){
var result1 = plus(1,2);
var result2 = plus("Hello"," World");
ok (result1 === 3, "Test passed(plus(1,2) equals 3)");
ok (result2 === "Hello World", "Test passed(plus(\"Hello\",\" World\") equals \"Hello World\")");
}); 

(这里我想要测试最简单的plus函数能不能work)

 

同时,需要建一个用于测试的html文件,(比如test.html,内容如下)

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>QUnit Test Result</title>
<link rel="stylesheet" href="../qunit/qunit-1.12.0.css">

<script>
function plus(a,b)
{
return a+b;
}
</script>
</head>
<body>
<div id="qunit">
</div>
<div id="qunit-fixture">
</div>

<script type="text/javascript" src="../qunit/qunit-1.12.0.js"></script>
<script type="text/javascript" src="ut1.js"></script>

</body>
</html>

其中,需要加入<link rel="stylesheet" href="../qunit/qunit-1.12.0.css">和<script type="text/javascript" src="../qunit/qunit-1.12.0.js"></script>

最后,打开test.html,则显示测试结果。

使用QUnit测试JS代码

原文:http://www.cnblogs.com/rambot/p/3550338.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!