使用QUnit对JS进行单元测试

最新推荐文章于 2018-11-11 12:00:25 发布

kewen303

最新推荐文章于 2018-11-11 12:00:25 发布

阅读量925

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/kewen1989/article/details/46858603

版权

JS 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

使用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>

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，就能看到测试结果了