QUnit的简介
本文只介绍Qunit的使用，不再介绍单元测试框架的选型过程。
QUnit的官网介绍：
QUnit is a powerful, easy-to-use JavaScript unit testing framework.
QUnit是一个强大的、简单易用的javascript单元测试框架。
下载QUnit
可以到QUnit官网(http://qunitjs.com)上下载qunit.js和qunit.css两个文件。
虽然有jQuery CDN(http://code.jquery.com/)和GitHub托管(https://github.com/jquery/qunit)的代码可用，但是为了稳定，还是下载了使用吧。
QUnit上手应用
以下的代码示例直接使用QUnit官网首页的示例。
QUnit单元测试的HTML页面代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>QUnit Example</title>
<link rel="stylesheet" href="/resources/qunit.css">
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script src="/resources/qunit.js"></script>
<script src="/resources/tests.js"></script>
</body>
</html>
tests.js中的示例代码：
test( "hello test", function() {
ok( 1 == "1", "Passed!" );
});
QUnit的常用API
断言是单元测试中最常用、最核心的概念，就是在测试的时候，对代码的运行结果作出的一些假设。如果断言成立，就说单元测试通过，反之则视为测试失败。
测试方法和模块
最常用的测试代码，示例如下：
test("该测试用例的主题", function(){/*- 具体的测试断言 -*/});
当测试用例较多时，可以用module()方法进行分组。示例如下：
module( "测试分组一" );
test( "测试方法1", function() {});
test( "测试方法2", function() {});
module( "测试分组二" );
test( "测试方法3", function() {});
test( "测试方法4", function() {});
在测试结果HTML页面上，会以 测试分组一：测试方法1 的形式呈现。
异步测试
javascript编程中，经常用到回调函数，所以异步测试也是经常用到的。
如下示例：
asyncTest( "asynchronous test: one second later!", function() {
expect( 1 );
setTimeout(function() {
ok( true, "Passed and ready to resume!" );
start();
}, 1000);
});
注意start()函数的用法。
由于是异步调用，所以使用expect()告诉QUnit期待几个断言是个好习惯。
QUnit支持的断言
一个测试方法只有一个断言是个好习惯。只是好习惯哦！
一目了然，ok和equal是最常用的。
- ok( state, message ) ： 真假断言，state为true则通过。
- equal( actual, expected, message ) ： 相等断言，actual和expected相等（==）则通过。
- notEqual( actual, expected, message ) ： 不等断言，actual和expected不相等（!=）则通过。
- deepEqual( actual, expected, message ) ： 递归相等断言，actual和expected全相等（包括其子元素都相等，适用于基本类型，数组和对象）则通过。
- notDeepEqual( actual, expected, message ) ： 递归不相等断言，actual和expected不全相等（包括其子元素都相等，适用于基本类型，数组和对象）则通过。
- strictEqual( actual, expected, message ) ： 全相等断言，actual和expected全相等（===）则通过。
- notStrictEqual( actual, expected, message ) ： 不全相等断言，actual和expected不全相等（===）则通过。
- raises( block, expected, message ) ： 异常断言，block中抛出异常则通过，expected为可选参数，是所期待抛出异常名的正则表达式。
与Grunt构建工具的集成
Grunt构建工具的安装和使用，可以参考教程《Grunt的安装和使用》
QUnit的Grunt任务
QUnit Grunt任务(grunt-contrib-qunit)的使用，请参见GitHub上的说明https://github.com/gruntjs/grunt-contrib-qunit。
使用QUint作单元测试，PhantomJS是必须要安装的。PhantomJS(http://phantomjs.org/) 是一个无界面的WebKit浏览器引擎，还有配套的JavaScript API。它原生支持各种web标准技术：DOM处理，CSS选择器，JSON，Canvas，以及SVG。
安装grunt-contrib-qunit任务时，作为npm依赖项，PhantomJS会自己被安装。
也可以在命令行中使用以下的命令进行安装：
npm install phantomjs -g
友情提示：
本来这一切都是顺理成章，非常流畅的。可惜，一道国墙给这个世界的互联互通制造了些许障碍。
如果电脑上从来没有安装过PhantomJS，或者当前的版本不够高，安装程序会自动从bitbucket网站上下载，例如：http://cdn.bitbucket.org/ariya/phantomjs/downloads/phantomjs-1.9.7-windows.zip。但是，非常不幸，这个地址是被墙了的。
你可以从各种不同的途径，获取这个压缩包，然后拷贝到C:\Users\Administrator\AppData\Local\Temp\phantomjs（具体地址根据自己的电脑作调整，或者查看安装报错的信息）。接着，重新启动安装，一切都OK了！