QUnit使用教程
一、什么是QUnit
QUnitqunitjs/ 是一个非常强大的javascript单元测试框架,可以帮你调试代码。它是由 jQuery 团队的成员写的,而且是 jQuery 的官方测试套装。它是完全基于浏览器运行的。
优点:
maven下载教程
1、 使用起来非常方便,有漂亮的的外观和完整的测试功能
2、 非常简单容易上手。
3、 不需要依赖任何软件包或者框架,只要能运行JS的地方及就可以,QUnit本身只有一個JS文件和CSS文件,如果需要的话可以和JQuery等其它框架整合
4、 不仅支持在浏览器中测试,还支持在Rhinonode.js等后端进行测试。
缺点:
对自动测试的支援不好,很难和Ant/Maven或自动构建等工具整合
二、QUnit环境配置
任何HtmlJavaScript编辑器(我的用的是Notepad++)
QUnit官方下载reference jscss文件
三、QUnit测试步骤
1、 加入QUnit到单元测试(添加QUnit.jsQUnit.css到你要测试的HTML页面中。)
<script src="//code.jquery/qunit/qunit-1.22.0.js"></script>
<link rel="stylesheet" 
href="code.jquery/qunit/qunit-1.22.0.css">
如图:
2创建需要进行单元测试的JavaScript
将要进行单元测试的代码放到一个单独的js文件中(Calculations.js):
// Create Calculation class.
var Calculation = function () { };
// Add Addition to method to the Calculation class.
Calculation.prototype.Add = function (a, b) {
    return a + b;
};
// Add Subtraction method to the Calculation class.
Calculation.prototype.Substraction = function (a, b) {
    return a - b;
};
// Add Multiplication method to the Calculation class.
Calculation.prototype.Multiplication = function (a, b) {
    return a * b;
};
// Add Division method to the Calculation class.
Calculation.prototype.Division = function (a, b) {
    return a / b;
};
3为上面的方法创建一个单元测试用例
下面的代码就是上面JavaScript方法的单元测试用例,我们同样将它放到单独的一个js文件中(UnitTest.js
// Instantiate Calculation class.
var c = new Calculation();
// Unit test for addition.
st("Addition Test", function () { 
    ok(c.Add(2, 3) == "5", "Passed!");
});
// Unit test for subtraction.
st("Substraction Test", function () {
    ok(c.Substraction(3, 2) == "1", "Passed!");
});
// Unit test for division.
st("Division Test", function () {