测试单元测试javascript单元测试及框架介绍

转载

mob604756eba0ee 2013-04-27 19:40:00

文章标签 单元测试 javascript html java sed 文章分类 代码人生

今天的内容关键字为测试单元测试

1. 什么是单元测试

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

每一个想理的测试案例独立于其它案例；为测试时断绝模块，经常用应stubs、mock 或fake等测试马甲程序。单元测试常通由件软发开人员编写，于用保确他们所写的代码符合件软需和求遵守发开标目。

单元测试的标目是断绝程序模块并证明这些单个模块是确正的。单元测试能保确在发开进程的初期能就发现问题，是为了让程序“死得更早”。我们该应从发开的初期就为有所数函和方法编写单元测试，可读性强的单元测试可以使程序员便方地查检代码片断是不是然依常正作工。精良计设的单元测试案例覆盖程序单元分支和环循条件的有所路径。用采种这自底向上的测试路径，先测试程序模块再测试模块的集合，一旦变革致使错误产生，借助于单元测试可以速快定位并修复错误。

2. JavaScript单元测试现状

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

但是随着单元测试的及普，尤其是迅速发开的动推，出现了很多优良的JavaScript单元测试框架，如QUnit、Jasmine等。有所的这些框架基本上都能对Javascript代码停止很好的测试，当然UI部份的代码测试一样比拟费事，但是我们可以通过心精结构我们的测试代码来测试部份UI代码。但是每一个框架都不是全能的，它们都有各自善于的范畴，上面选取了几个有具代表性的框架停止绍介。

3. 单元测试经常使用框架

l QUnit框架

a) 简介

QUnit是jQuery团队发开的JavaScript单元测试工具，能功强大且用应单简。前目有所的JQuery代码都用应QUnit停止测试，原生的JavaScript也可以用应QUnit。

最初，John Resig将QUnit计设为jQuery的一部份。2008年，QUnit才有了自己的名字、主页和API文档，也开始答应其他人用它来做单元测试。但时当QUnit还是基于jQuery的。直到2009年，QUnit才可以全完的独立运行。

b) 点优

用应起来非常便方，有英俊的观外和整完的测试能功（括包异步测试）；

非常单简，轻易上手，前目公然的API只有19个；

不要需赖依其它任何件软包或框架，只要能运行JS的方地能就够，QUnit本身只有一个JS件文和CSS件文，当然如果要需可以和jQuery等其它框架集成；

不仅支撑在浏览器中测试，还支撑在Rhino和node.js等后端测试。

c) 足不

对主动化支撑好不，很难和Ant、Maven或主动构建等工具集成，要主用在浏览器中停止测试。

d) API

QUnit有所的API可以分为类三：Setup，Assertions，Asynchronous Testing，上面就分别对这些API做些绍介：

Setup:

test( name, [expected], testFun ) 代表QUnit中的一个测试

name：要测试的称名，比如“加法数函”或“add”等

expected：可选参数，用来表现该测试数函的言断的量数，是个正整数

testFun：一个数函，有所的测试代码都该应括包在该数函里，常通这是一个匿名数函。

例：

`test(“add` `function``”, 1,` `function``() {``equal(add(1, 2), 3);``});`

asyncTest( name, [expected], testFun ) 代表QUnit中的一个异步测试，参数同test

expect( amount ) 用在测试数函中，于用声明测试言断的量数，这个数函和test中的expected参数的作用是一样的。要主作用就是查检你声明的个数和你写的言断的现实个数是不是致一。

module( name, [lifecycle] ) 要主于用测试数函的分组，一个module数函为一个分组，比如module(“validate”)表现面后的测试用例都是validate相干的代码，或者module(“common.js”)，标明面后的测试用例都是common.js里头的代码。一个测试件文可以写多个module。

name：分组或者模块的称名

lifecycle：可选参数，它是一个象对，可以设置setup和teardown回调数函

例：

`module(“common.js”,` `{``setup:``function``(){},``teardown:` `function``() {}` `}``);`

setup：在module开始之前执行，可认为该module上面的测试代码做一些准备作工

teardown：将会在该module的有所测试代码执行后执行，比如做一些理清还原作工等。

QUnit.init( ) 于用初始化QUnit测试框架，常通这个数函是不要需我们手工调用的。

QUnit.reset( ) 重设数函，常通是在每一个test数函执行后由QUnit自己调用来重设个整QUnit测试境环，当然必要时我们自己也可以调用它来原复，不经常使用。

Assertions:

ok( state, [message] ) 言断。state值为true时表现通过，否则失败。

equal( actual, expected, [message] ) 比拟参数actual和expected是不是等相，相当于 ==

notEqual( actual, expected, [message] ) 比拟两个参数是不是不等相，相当于 !=

deepEqual( actual, expected, [message] ) 要主于用数组和象对等型类的值是不是等相，会递归遍历它们所含包的值是不是等相。

notDeepEqual( actual, expected, [message] ) 要主于用数组和象对等型类的值是不是不等相，会递归遍历它们所含包的值是不是不等相。

strictEqual( actual, expected, [message] ) 比拟两个参数是不是格严等相，相当于 ===

notStrictEqual( actual, expected, [message] ) 比拟两个参数是不是不格严等相，相当于 !==

throws( block, expected, [message] ) 测试block数函是不是抛出一个异常，抛出则通过，不抛则失败。

block：我们要测试的数函

expected：可选参数，是一个型类，用来验证第一个数函抛出的异常是不是是我们预期的型类。

例：

`function``CustomError( message ) {``this``.message = message;``}``CustomError.prototype.toString =` `function``() {``return``this``.message;``};``throws(``function``() {``throw``new``CustomError(“some error description”);``},``CustomError,``"raised error is an instance of CustomError"``);`

Asynchronous Testing:

stop( [increment] ) 停止测试的运行，于用异步测试。在异步测试时一般先把QUnit的test runner停下来。

increment：增长停止的间时。

start( [decrement] ) 当异步调用胜利后就该应把停止的test runner动启起来让它接着往前跑

decrement：用来增长停止的间时。

例：

`test(` `"a test"``,` `function``() {``stop();``var``result =` `null``;``$.ajax(``url,``{},``function``(data){``result = data;``}``);``setTimeout(``function``() {``equals(result,` `"success"``);``start();``}, 150 );``});`

e) 用应

test.html

导入qunit.css，qunit.js

顺次导入被测试件文src.js和测试件文test.js

测试单元测试javascript单元测试及框架介绍_sed

src.js里是我们要测试的一些数函

测试单元测试javascript单元测试及框架介绍_html_02

test.js里放我们的测试

测试单元测试javascript单元测试及框架介绍_sed_03

打开test.html，显示：

测试单元测试javascript单元测试及框架介绍_html_04

如果期望值与数函执行的结果不致一，会报错：

test.js

测试单元测试javascript单元测试及框架介绍_sed_05

test.html显示：

测试单元测试javascript单元测试及框架介绍_javascript_06

期望值与结果不符，测试不通过。

与浏览器主动化测试工具集成的接口：

都是QUnit主动调用的一些数函，一般不用改，也可以自己定制

QUnit.log(Function({ result, actual, expected, message })) 这个接口会在每一个言断执行后被主动调用

result：言断是不是通过

message：言断里的message参数

例：

`QUnit.log(``function``(details){``alert(“Log: ” + details.result + “ ” + details.message);``})`

QUnit.testStart(Function({ name })) 在每一个测试数函执行前被主动调用

name：测试数函中的name参数值

QUnit.testDone(Function({ name, failed, passed, total })) 在每一个测试数函结束后执行被主动调用

name：同上

failed：指失败言断的个数

passed：指胜利言断的个数

total：有所言断的个数

QUnit.moduleStart(Function({ name })) 在每一个module有所的测试代码执行前被主动调用

name：module数函中name参数的值

QUnit.moduleDone(Function({ name, failed, passed, total })) 在每一个module有所的测试代码执行完之后被主动执行

failed：指失败言断的个数

passed：指胜利言断的个数

total：指有所言断的个数

QUnit.begin(Function()) 在有所的测试代码调用之前运行

QUnit.done(Function({ failed, passed, total, runtime })) 在有所的测试代码调用之后运行

failed：指失败言断的个数

passed：指胜利言断的个数

total：指有所言断的个数

runtime：有所代码的执行间时