互联网的快速发展，给web开发人员带来了前所未有的挑战。对于前端开发，前端开发er所需要编写的js早已不是那些寥寥几行的视觉效果代码。代码量的大增，多人协同，人员素质悬殊不齐，这都需要一个标准，来对代码的规范性进行控制。Jasmine作为一个前端团队使用的测试框架，便运应而生。
1、jasmine简介
jasmine是一个用来编写Javascript测试的框架，它不依赖于任何其它的javascript框架。它有拥有灵巧而明确的语法可以让你轻松的编写测试代码。目前最新的版本为2.0.0。
在jasmine中，一个典型的单元测试起始于一个全局函数describe,describe包含了N个it函数，一个it函数包含N个断言。
一个基本的测试代码如下：
复制代码
describe("A suite", function() {
it("contains spec with an expectation", function() {
expect(true).toBe(true);
});
});
复制代码
2、下载jasmine
大家可以点击下面的链接进行下载：
https://github.com/pivotal/jasmine/tree/master/dist
推荐下载2.0.0版本的压缩包。
解压之后，我们进入文件目录下的lib\jasmine-2.0.0，这下面通常包括以下这些文件。
这些文件是我们进行js测试所需要的。
3、jasmine的依赖
jasmine的运行依赖4个部分：
1) 运行环境
浏览器（ie，Firefox，chrome）
2) 源文件
开发人员编写的js脚步
3) 测试文件
符合jasmineAPI的测试脚本
4) 输出结果
基于网页输出或控制台输出
4、jasmine的使用
我们在项目中新建test.html文件，主体代码如下：
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>jasmine-js单元测试框架</title> <link rel="stylesheet" href="jasmine/jasmine.css"> <script src="jasmine/jasmine.js"></script> <script src="jasmine/jasmine-html.js"></script> <script src="jasmine/boot.js"></script> </head> <body> <div> <p>js单元测试</p> </div> <script src="src.js"></script> <script src="test.js"></script> </body> </html> |
