Javascript测试框架Jasmine（一）：简介

最新推荐文章于 2024-07-13 00:09:17 发布

fxismonk

最新推荐文章于 2024-07-13 00:09:17 发布

阅读量360

点赞数

分类专栏：前端

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

zz from: http://keenwon.com/1191.html

随着javascript程序的复杂度加深，测试的重要性越来越明显。Javascript的测试框架有很多，例如：Jasmine，Qunit，JsTestDriver，JSUnit，Mocha等。经过一番对比后决定使用Jasmine。Jasmine是一套Javascript行为驱动开发框架（BDD），干净简洁，表达力强且易于组织，不依赖于其他任何框架和DOM，可运行于Node.js，浏览器端或移动端。

下载运行

下载GitHub上的项目。解压后，dist 下就是各个版本的独立运行包，解压最新的2.0.0版本，双击打开SpecRunner.html 即可运行测试，注意要在SpecRunner.html 的<head> 内引用Jasmine的js文件和测试文件。想简单使用的话，将soucre/spec 下的测试文件替换成你自己的即可。


  
  <!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Jasmine Spec Runner v2.0.0</title>
 
    <link rel="shortcut icon" type="image/png" href="lib/jasmine-2.0.0/jasmine_favicon.png">
    <link rel="stylesheet" type="text/css" href="lib/jasmine-2.0.0/jasmine.css">
 
    <script type="text/javascript" src="lib/jasmine-2.0.0/jasmine.js"></script>
    <script type="text/javascript" src="lib/jasmine-2.0.0/jasmine-html.js"></script>
    <script type="text/javascript" src="lib/jasmine-2.0.0/boot.js"></script>
 
    <!-- 被测试的代码 -->
    <script type="text/javascript" src="src/Player.js"></script>
    <script type="text/javascript" src="src/Song.js"></script>
 
    <!-- 测试用例代码 -->
    <script type="text/javascript" src="spec/SpecHelper.js"></script>
    <script type="text/javascript" src="spec/PlayerSpec.js"></script>
 
</head>
 
<body>
</body>
</html>

我把官方的例子部署在了我的Demo站上，点击查看。下面讲一些基础。

Suites

Suites可以理解为一组测试，使用全局的Jasmin函数describe 创建。describe 函数接受两个参数，一个字符串和一个函数。字符串是这个Suites的名字或标题（通常描述下测试内容），函数是实现Suites的代码块。

Specs

Specs可以理解为一个测试，使用全局的Jasmin函数it 创建。和describe 一样接受两个参数，一个字符串和一个函数，函数就是要执行的测试，字符串就是测试的名字。一个Spec可以包含多个expectations来测试代码。在Jasmine中，一个expectations就是一个断言，只能是true 或false。只有全部expectations是true 的时候spec才会通过。

由于describe 和it 块实质上都函数，所有他可以包含任何的可执行代码。javascript的作用域规则也是适用的，所以describe 内定义的变量，其内部所有的it 都能访问到。

Expectations

expectations由expect 函数创建。接受一个参数。和Matcher一起联用，设置测试的预期值。

最后看个最简单的例子：

 
 describe("A suite", function () {
    it("contains spec with an expectation", function () {
        expect(true).toBe(true);
    });
});

– 下一篇讲一下Matcher –

fxismonk

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript测试框架Jasmine（一）：简介

zz from: http://keenwon.com/1191.html随着javascript程序的复杂度加深，测试的重要性越来越明显。Javascript的测试框架有很多，例如：Jasmine，Qunit，JsTestDriver，JSUnit，Mocha等。经过一番对比后决定使用Jasmine。Jasmine是一套Javascript行为驱动开发框架（BDD），干净简洁，表达力强且
复制链接

扫一扫

专栏目录