javascript单元测试之jasmine

时间：2014-08-26 00:28:35 阅读：279 评论：0 收藏：0 [点我收藏+]

标签：des style blog http color java io strong 文件

目前 JS 单元测试框架有丰富的选择，比如 Buster.js、TestSwarm、JsTestDriver 等。而 Jasmine 作为流行的 JavaScript 测试工具，提出BDD(Behavior Driven Development)行为驱动开发的概念，仅 66K 左右，且功能丰富，可以容易的写出清晰简洁的针对项目的测试用例。对基于 JavaScript 开发的项目来说，是一款不错的测试框架选择。

安装：

下载 jasmine最新版 https://github.com/pivotal/jasmine/blob/master/dist/jasmine-standalone-2.0.3.zip

解压后，“SpecRunner.html”是一个demo，可以双击打开看到测试结果页面

文件夹spec和src分别是demo的测试js目录和源代码js的目录

Hello World:

下面我们就按照demo的结构，建立一个最小测试套件，感受一下这款简单好用的单元测试。

1. 先建立测试结果页面，test.html

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/js/jasmine-2.0.3/jasmine.css">
<script type="text/javascript" src="/js/jasmine-2.0.3/jasmine.js"></script>
<script type="text/javascript" src="/js/jasmine-2.0.3/jasmine-html.js"></script>
<script type="text/javascript" src="/js/jasmine-2.0.3/boot.js"></script>
</head>
<body>
<h1>jasmine test</h1>
<script type="text/javascript" src="src.js"></script>
<script type="text/javascript" src="test.js"></script>
</body>
</html>

jasmine.css是测试结果显示的外观控制

jasmine.js就是jasmine.js的测试运行类库

jasmine-html.js是测试结果显示的类库

boot.js是启动和初始化测试框架的js，

Starting with version 2.0, this file "boots" Jasmine, performing all of the necessary initialization before executing the loaded environment and all of a project‘s specs. This file should be loaded after `jasmine.js`, but before any project source files or spec files are loaded. Thus this file can also be used to customize Jasmine for a project.

网上很多教程是基于2.0之前的版本，会自己写一段js来启动jasmine，现在只要载入boot.js就OK啦（不过应该在jasmine.js后面，其他js源代码之前load）

这三个文件都会在解压后的lib里找到。

src.js 就是我们今天要测试的js代码，是不是很简单^_^

function Hello(helloWho){
    return "Hello " + helloWho;
}

test.js就是我们测试用例

describe("A suite of basic functions", function() {
    var name;

    it("Hello World test", function() {
        input = "World";
        var exp = "Hello World";
        expect(exp).toEqual(Hello(input));
    });
});

describe块和it块都有两个参数，一个是字符串，可以随便写，另外一个就是函数。一般来说一个describe用来描述一个套件，包含多个it，每个it用来测试一个function。

当然，describe也是可以嵌套describe的。

在本例中，我们可以看到实际用来检验的语句就是“expect().toEqual();”， expect()就是期望得到的结果，toEqual()是它的子方法，表示是否等于它的预期。

expect(3).toEqual(1+2)就是通过单元测试了。

OK，一个最简单的单元测试就写好了，访问一下test.html

bubuko.com,布布扣