互联网的快速发展,给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版本的压缩包。
  解压之后,我们进入文件目录下的libjasmine-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>