JavaScript单元测试框架介绍

什么是单元测试

在计算机编程中，单元测试（又称为模块测试）是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中，一个单元就是单个程序、函数、过程等；对于面向对象编程，最小单元就是方法，包括基类（超类）、抽象类、或者派生类（子类）中的方法。

每个理想的测试案例独立于其它案例；为测试时隔离模块，经常使用stubs、mock 或fake等测试马甲程序。单元测试通常由软件开发人员编写，用于确保他们所写的代码符合软件需求和遵循开发目标。Wiki上关于单元测试的详细介绍。

JavaScript单元测试现状

单元测试在后台开发中非常流行和普及，比如JAVA开发者的JUnit等，而在前端开发中则使用的非常少。究其原因，主要是单元测试更适用于逻辑代码的测试，这对于JAVA等后台编程语言来说测试起来非常方便，但是前端开发很多时候要要UI打交道，UI相关的代码不是不可以进行单元测试，但的确很麻烦，比起逻辑代码来说困难多了，这就导致了单元测试在前端开发没有普及起来。

但是随着单元测试的普及，尤其是敏捷开发的推动，涌现了许多优秀的JavaScript单元测试框架，见详细列表。所有的这些框架基本上都能对Javascript代码进行很好的测试，当然UI部分的代码测试一样比较麻烦，但是我们可以通过精心构造我们的测试代码来测试部分UI代码。但是每个框架都不是万能的，它们都有各自擅长的领域，下面我就选取了几个具有代表性的框架进行介绍。

QUnit框架介绍

QUnit是jQuery团队开发的JavaScript单元测试工具，目前所有的JQuery代码都使用QUnit进行测试，并且JQuery开发团队将他们的使用QUnit写的测试代码都发布出来了，光凭这一点就足以QUnit的强大，足以胜任大部分JavaScript单元测试。

QUnit的优点：

• 使用起来非常方便，有漂亮的外观和完整的测试功能（包括异步测试），这是见过最漂亮最详细的测试界面了。
• 非常简单，容易上手，目前公开的APi只有16个。
• 不需要依赖其它任何软件包或框架，只要能运行JS的地方就可以，QUnit本身只有一个JS文件和CSS文件，当然如果需要可以和JQuery等其它框架集成。
• 不仅支持在浏览器中测试，还支持在Rhino和node.js等后端测试。

QUnit的缺点：

• 对自动化支持不好，很难和Ant/Maven或自动构建等工具集成，主要用在浏览器中进行测试。

QUnit教程

Jasmine框架介绍

Jasmine是一个有名的javascript单元测试框架，它是独立的行为驱动开发框架，提供了对JavaScript开发者来说相对容易使用的测试语法，可以帮助你轻松写出自己的单元测试代码。

Jasmine的优点：

• 它是基于行为驱动开发实现的测试框架，它的语法非常贴近自然语言，简单明了，容易理解。
• 能很方便的和Ant/Maven等进行集成进行自动化测试，也可以方便和Jekins等持续集成工具进行集成，可以生成测试结果的XMl文档。
• 它有丰富的API，同时用户也支持用户扩展它的API，这一点很少有其它框架能够做到。
• 使用方便简单，只需要引入两个js文件即可
• 不仅支持在浏览器中测试，还支持在Rhino和node.js等后端测试。
• 对于Ruby语言有特别的支持，能够非常方便的集成到Ruby项目中去

Jasmine的缺点：

• 在浏览器中的测试界面不如QUnit美观，详细。

Jasmine教程

JsTestDriver框架介绍

JsTestDriver是一个JavaScript单元测试工具，易于与持续构建系统相集成并能够在多个浏览器上运行测试轻松实现TDD风格的开发。当在项目中配置好js-test-driver以后，如同junit测试java文件一般，js-test-driver可以直接通过直接运行js文件，来对js文件单元测试。JsTestDriver框架本身就是JAVA的jar包，需要在本地运行并监听一个端口。

JsTestDriver的优点：

• 可以一次测试多个浏览器，使用方法是在启动服务时可以将多个浏览器的路径作为参数传进去。
• 能很方便的和Ant/Maven等进行集成进行自动化测试，也可以方便和Jekins等持续集成工具进行集成，可以生成测试结果的XMl文档。
• 有Eclise和IntelliJ插件，可以很方便的在这两个IDE中进行测试，和JUnit很像。
• 支持其它测试框架，可以测试其它测试框架写的测试代码，比如有对应的插件可以将QUnit和Jasmine测试代码转换成JsTestDriver的测试代码

JsTestDriver的缺点：

• 不能在浏览器中进行测试，只能通过自动化工具或控制台进行运行。生成的结果不够直观
• 安装使用稍微有点麻烦，依赖于JAVA环境

JsTestDriver教程

其它测试框架

除了以上提到的三个框架意外，还有好多其它测试框架，在这里也做个简单的介绍：

• JsUnit框架是最早也是最出名的一个前端单元测试框架，但现在已经停止维护了，建议不要再使用了。
• Yahoo Test和Yahoo Yeti主要是针对Yahoo YUI框架进行测试。
• google-js-test主要是针对chrome V8 JS引擎进行测试。
• FireUnit是Firebug的一个插件，是一个比较简单的测试工具。
• 更多测试框架

总结

• QUnit框架简单方便，测试界面直观详细，建议优先选择QUnit框架，当然Jasmine也是个不错的选择。
• 如果需要进行自动化测试，JsTestDriver和Jasmine都很好的支持自动化测试。