QUnit使用教程
一、什么是QUnit？
QUnit（qunitjs/） 是一个非常强大的javascript单元测试框架，可以帮你调试代码。它是由 jQuery 团队的成员写的，而且是 jQuery 的官方测试套装。它是完全基于浏览器运行的。
优点：
maven下载教程
1、 使用起来非常方便，有漂亮的的外观和完整的测试功能
2、 非常简单容易上手。
3、 不需要依赖任何软件包或者框架，只要能运行JS的地方及就可以，QUnit本身只有一個JS文件和CSS文件，如果需要的话可以和JQuery等其它框架整合
4、 不仅支持在浏览器中测试，还支持在Rhino和node.js等后端进行测试。
缺点：
对自动测试的支援不好，很难和Ant/Maven或自动构建等工具整合
二、QUnit环境配置
任何Html和JavaScript编辑器(我的用的是Notepad++)
从QUnit官方下载reference js和css文件
三、QUnit测试步骤
1、 加入QUnit到单元测试（添加QUnit.js和QUnit.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 () {

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。