(本文转自淘宝QA博客,原文地址:http://www.taobaotest.com/blogs/2175)
目前网上关于前端js测试框架jasmine功能介绍的文章少之又少,由于笔者最近接触js的测试,将选用jasmine作为测试框架,这里简单介绍一下jasmine在测试中的使用,后续还将对测试中遇到的问题和框架的使用经验进行分享。文章内容主要来源于对官网(http://pivotal.github.com/jasmine/)的翻译和其他一些零散的文档,以及笔者对该框架的一些理解,如有描述不清或理解偏差,欢迎拍砖
Jasmine是一种js测试框架,它不依赖于其它任何的js框架,不需要DOM,且清爽、明确的语法使得使用者很容易地进行白盒测试。
先来大致了解jasmine用例的语法结构:
测试suite开始于全局方法describe,这个方法含两个参数:一个String,一个function,String用来描述一个spec suite(笔者将spec理解为测试主体,而suite就是spec的集合),而function的内容就是suites
spces用jasmine的全局方法it来定义,it和describe一样,包含两个参数(一个String,一个function),String用来描述spec,而function的内容就是测试主体。一个spec可以包含一个或多个expections。
一个expectation在jasmine中就是一个断言,返回true或false。只有当一个spec中的expections全为ture时,这个spec显示通过,否则失败
最基本的jasmine用例结构如下图:
因为describe和it是function,所以可以包含可执行的代码。由于javaScript的语法规则,定义在describe中的变量在it里是有效的,如下图
Ecpections由方法expect构建,带有实际值,它和Matcher方法链接在一起,Matcher方法带期望值。
每个matcher在真实值和期望值之间进行比较,返回boolean。jasmine通过exception的返回来判定spec是通过还是失败
任何matcher都能通过在expect调用matcher前加上not来判断一个否定的断言,如下图
Jasmine含有一个丰富的matcher集,也可以自己定义matcher来实现一个特殊的断言,下面简单介绍一下各种matcher的使用,对于简单易理解的读者可以通过下面截图中it的一个参数字符串的意思来理解,复杂的笔者会做出相应的说明
下图的两个matcher都为判等,toBe()与toEqual的区别相当于js中==和===的区别,前者判断值,后者判断值和类型
下图为匹配方法,红色为不能匹配
下面的matcher都易懂,不解释,所有的expect返回的都为true,记住这点对理解matcher用法很有帮助
toBeCloseTo相对难理解,这里做一下解释:
先来看toBeCloseTo的源码,如下图,先对传入的精度参数判零后做了一次逻辑或运算,并将返回值赋给精度参数,之后代码很好理解,是根据精度参数调整四舍五入的范围,最初让笔者纠结的是这个方法为什么要用精度参数和2做逻辑或,这么一来不是无论传什么非零参数,精度参数在逻辑或之后都成了1?后来发现是这么回事,注意:js逻辑或的值就是true或者false类型的原来是个大的错误,逻辑或会取||两边的一个不为0或false的值,从左往右
分析完源码就不难理解toBeCloseTo的作用,就是将expected和actual的小数点后precision+1位四舍五入,然后判断是否相等,相等返回true,否则返回false,见下图
toThrow()不解释,见下图
为了避免重复的setup和teardown,jasmine提供了全局的方法 beforeEach和afterEach,beforeEach在每个spec(it)前执行一次,afterEach在每个spec(it)后执行一次,官网的例子写得不是很好,笔者做了一下修改,见下图
describe是可以嵌套的,并且specs可以定义在任何一层的describe中,jasmine允许用树状的方法来组成一个suite.在一个spec执行之前,jasmine从树的根节点依次执行各个beforeEach,afterEach同理,只是在spec执行之后执行,见下图
suites和specs是可以设为无效的,只需要将describe和it写成xdescribe和xit,这样在运行时它们是被忽略的,它们的结果不会出现在总的结果里
上述的这些特性已基本可以满足一般场景测试的需求,读者可以自行尝试,在本系列的第二讲中将介绍jasmine的一些不常用的特性,以满足一些特殊的测试场景