使用QUnit对JS进行单元测试
陶修洁
使用QUnit
建立一个测试页面，引入qunit.js和qunit.css这两个必需的文件，这两个文件是存放在github上的，鉴于目前操蛋的互联网环境，最好下载到本地调用。
注：body中的元素id命名必须依照如下形式，否则无法正常显示。
首先搞个测试结果显示页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>QUnit Test!!!!</title>
<link rel="stylesheet" href="./qunit-1.16.0.css">
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script src="./qunit-1.16.0.js"></script>
<script src="./UnderTestJS/ModelTest.js"></script>
</body>
</html>
<script src="./UnderTestJS/ModelTest.js"></script>这一行就是引入了我们需要测试的js代码。
var TestModel = function() {
var name = ""; // 变量
return {
setName : function(username) {
name = username;
},
getName : function() {
return name;
},
sayHello : function() {
return "Hello " + this.getName();
}
};
}();
QUnit.test("hello test", function(assert) {
assert.ok(1 == "1", "Passed!");
});
QUnit.test("set/get Name", function(assert) {
TestModel.setName("kewen");
assert.ok(TestModel.getName() == "kewen", "Passed!");
});
QUnit.test("saHello", function(assert) {
assert.ok(TestModel.sayHello() == "Hello kewen", "Passed!");
});
这时候打开我们刚才写的HTML，就能看到测试结果了
类似资料：