因为最近的项目涉及到了Qunit测试框架,所以开始初步的去了解这个框架
Qunit是一个强大的JavaScript单元测试框架,用来测试JS代码,总共包含两个部分:qunit.js(提供各种测试的方法)
qunit.css(提供测试结果显示的style样式)
单元测试定义:
单元测试主要是用来检验程式的内部逻辑,是针对程序模块(软件设计的最小单位)
来进行正确性检验的测试工作,也称为个体测试、结构测试或逻辑驱动测试。每修改一次程序就会进行至少少一次单元测试。
首先我们可以去官网下载对应的qunit版本:https://qunitjs.com/
官网上面会列出最新版本的qunit下载,下载到本地,或者直接引用地址即可使用
自己编写的一个Qunit demo
首先我们将qunit,测试代码testJS.js和测试用例testCase.js引入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>QUnit Example</title>
<link rel="stylesheet" href="quint-2.4.0.css">
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script src="quint-2.4.0.js"></script>
<script src="testJS.js"></script>
<script src="testCase.js"></script>
</body>
</html>
testJS.js里面写着一段等待测试的JS代码,这段代码测试传入的参数是否为数字
//判断参数是否为数字
function isNumber(para){
if(typeof para =="number"){
return true;
}else{
return false;
}
}
然后我们通过testCase里面的用例去测试
QUnit.test('isnumber()函数测试',function(assert){
assert.ok (isNumber(2),"2是数字");
assert.ok (isNumber(108),"2是数字");
assert.ok (isNumber(-2),"2是数字");
assert.ok (isNumber(2.234),"2是数字");
assert.ok (isNumber(NaN),"空数值是数字");
assert.ok (isNumber('a'),"a 不是数字");
assert.ok (isNumber('Z'),"Z 不是数字");
assert.ok (isNumber(' '),"空格 不是数字");
assert.ok (isNumber('*'),"*不是数字");
assert.ok (isNumber('2'),"字符2不是数字");
assert.ok (isNumber('a1s2%'),"字符串a1s2%是数字");
});
最后我们双击打开qunit.html文件,就可以直接在网页上面看到最后的测试结果
