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