Qunit 单元测试框架 初步认识

因为最近的项目涉及到了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文件,就可以直接在网页上面看到最后的测试结果

 
 

猜你喜欢

转载自blog.csdn.net/qq_33673130/article/details/79454181