测试驱动开发的艺术,TDD并不是看上去的那么美

  1. TDD通过边测量检验边编写代码,然后重构来幸免重构所引起的一无可取
  2. 经过自动化测量试验和不断集成工具,随即保持能够公布
  3. TDD第一步:

     1. 需求分解
     2. 将需求转化成测试
     3. 写一个失败的测试
     4. 逐步通过测试,再写一个测试
     5. 开始消除重复代码 (由于这个时候有测试在了,所以不用担心更改会引起集成错误)
    

    ### 见到这里感到在国内百货店现已很难落到实处那些了,因为日子很难令你去做那么些事情

  4. 互相之间测验,并不表明结果的没有错,而是证东魏码与其搭档对象的互相行为的准确

  5. 重构代码的时候不要一直用调节和测验器调节和测验,而是要把代码分为二个严酷地软件开采活动

    1. 规定改造点
    2. 规定测试点
    3. 蒙面测量试验点
    4. 修改代码
    5. 重构代码

    ### 先深入分析程序再写测验再重构,以前都搞反了,先重构再写测验所以很难去承接保险重构后代码精确,因为思维方向就窘迫,先重构再测量检验时固守本人的思路来写测量检验,更赞成于为了通过测量检验而写测量检验,而 先测量检验再重构思路更赞成于依靠作业来扩充测量检验

  6. 数据库测量检验,增量式DDL脚本。三次只增多多个列或许一张表,各样步骤都能够回滚

  7. 数据库测量试验使用脚本可能其余办法增加进数据,然后开展测量试验

前言

乘胜前端开辟的复杂度星罗棋布,前端程序猿写出来的JS代码变得尤为粗大,进而使项目变的交汇,维护的财力及难度不断加大,合营迭代开荒已经很难保证代码的效用性不被毁坏。所以在这里种状态下,思量引入一款前端的单元测量试验框架,来为代码避风挡雨是一件很入眼的事体。

出处:

怎么着是单元测量检验

想必大家在看一些成品书籍的时候,当介绍二个门类时,会不禁聊到测量试验。 举例,单元测验,函数测量试验,或是TDD,BDD等测量试验情势。

那到底怎么是单元测量试验呢?
单元测量检验,单元,测量检验。

什么样是单元(unit)?单元就是绝对独立的作用模块。三个完完全全的、模块化的顺序,都以由众多单元构成,单元达成本身的天职、然后与其余单元实行互动,最后协同完结全部程序功用。

什么样是测量试验?测验正是测量试验,判定测量试验对象对于某些特定的输入有未有预期的出口。

由此什么是单元测量检验?就是对组合程序的每种单元举办测量检验(灰霾)。工程上的三个共识是,假设程序的种种模块都是道理当然是那样的的、模块与模块的接连是没有错的、那么程序基本上就能够是没有错的。

为此单元测验正是那般叁个概念,一种努力确定保证构成程序的各类模块的正确,进而确认保障整个程序的不错的方法论。

简单的说,单元测验的目标就是来担保你写的JS模块能够产生职务并且未有出现bug,就算您的代码在单元测量检验的进度中,供给引进七个模块时,那注脚你测量试验的基本点模块的耦合度相对相比高,也就意味着你要重构代码了。

新岁佳节前的一篇那个炒作过度的技能和定义中对高速和华夏ThoughtWorks的指责引发了不知凡几争论,也震憾了中中原人民共和国ThoughtWorks公司给笔者发来了邮件想来找笔者公开聊聊。对于Agile的Fans们,意料之中地也对本身进行了过多责难和争辨。作者也回复了不菲评价。不过,小编的那个回复都是关于中华ThoughtWorks咨询师以至其提问的不二诀窍的。作者对Agile方法论中的具体内容评价的不是累累,所以,小编想不要紧商量一下Agile方法论中的具体的奉行(早先本站也钻探过结对编制程序的利与弊)。

单元测验的格局

单元测验的格局基本分为:TDD 和 BDD。

TDD 全称是 Test-driven development,即测验驱动开拓。

TDD 的原理是在支付效用代码从前,先编写制定单元测量试验用例代码,测量试验代码鲜明供给编制什么产品代码。

TDD 的基本思路正是通过测量检验来拉动全方位开荒的开展,但测验驱动开拓并不只是仅仅的测量试验职业,而是把需求深入分析,设计,质量调控量化的进程。

TDD 首先思索动用须求(对象、功效、进程、接口等),主假如编写制定测量试验用例框架对作用的进度和接口实行规划,而测验框架能够不停开展表明。

常见的TDD测验步骤是:

先写测验
再写代码
测试
重构
通过
BDD 全称是: Behavior-Driven development,即作为使得开垦。

BDD 的行使场景便是给一些 QA 程序员使用的,他用他的言语和您举办调换,即她会举行局地测量试验用例,然后一旦因而则证实,他现已信赖你了。

而 BDD 与 TDD 的严重性区别是,使得非程序职员也能加入到测验用例的编纂中来,大大裁减了顾客、客户、项目高管与开垦者之间往来翻译的本金。所以BDD越发尊重工作供给并不是本领,而前段时间在超越四分之一供销合作社内部,平时选择的是BDD测量试验。而大家本文的显要就是讲一款BDD情势的测量试验框架,那正是贾斯敏。

那么,此次就说说TDD吧,那是ThoughtWorks中华夏族民共和国和Agile的Fans们最欣赏的事物了。小编在本来的那篇小说中,小编把TDD从过度炒作的本事剔除了出去,因为本人也许认为TDD有个别道理的,可是,回看自身的阅历,笔者也实际不是很欣赏TDD。小编那篇文章是想告诉我们,TDD并不曾看起来的那么美,并且充裕麻烦掌握控制,何况,那个措施是有悖论之处的

什么是Jasmine

率先,Jasmine是一款JavaScript 测量试验框架,它不依附于其余任何 JavaScript 组件。它有根本清晰的语法,让您能够很轻便的写出测量试验代码。

其次,Jasmine官方网址介绍在那之中开篇第一句话是“Jasmine is a behavior-driven development framework for testing JavaScript code.”,主要的情致正是它是一款BDD方式的测验框架,也正是作为使得开采,一样它是一种高效软件开荒的本事。

BDD 更疑似一种集体的预订,javascript 单元测量检验,可能对于你本身(开拓该脚本的前端)意义不是特地卓越,但对于一切团队,整个项目以来便是一种财富

TDD简介

TDD齐全Test Driven Development,是一种软件开荒的流程,其由高速的“终端编程”引入。其付出过程是从功效须要的test case初始,先增加多少个test case,然后运维具备的test case看看有未有题目,再落实test case所要测量检验的作用,然后再运营test case,查看是不是有case退步,然后重构代码,再另行以上步骤。其眼光关键是保障两件事:

  • 保险全体的需要都能被照望到。
  • 在代码不断扩大和重构的进度中,能够检查有着的意义是不是科学。

本人不否认TDD的局地灵光的地点,假若大家以Test Case 初始,那么,我们就能够及时精晓大家的代码运维的意况是哪些的,那样可以让大家更早地获得大家落到实处思路的报告,于是大家更会有信心去重构,去重新规划,进而得以让大家的代码更为科学。

而是,作者想唤醒的是,TDD和Unit Test是两码子事儿。有为数不菲人或许混淆了自动化的Unit Test(如:XUnit系例)和TDD的软件开辟进度。其他,大概还有人向鼓吹“TDD让您实行自顶向下的规划艺术”,对此,请参阅本站的《RichardFeynman, 挑战者号, 软件工程》——NASA的挑衅者号报告您自顶向下设计的危慢性。

怎么行使Jasmine

官方网址文书档案地址:http://jasmine.github.io/2.3/introduction.html

1、在项目根目录中,起初化 package.json

npm init

2、目录结构:

- src
    - index.js
- test
    - indexTest.js
package.json

3、安装 karma jasmine 相关包

npm install -g karma-cli
npm install karma karma-jasmine karma-chrome-launcher jasmine-core --save-dev

4、开启 Karma

karma start

图片 1

image

手动展开Chrome,输入localhost:9876

图片 2

image

5、初始化 karma

karma init

图片 3

image

说明:

  1. 测验框架:大家自然选jasmine

  2. 是或不是丰裕 Require.js 插件

  3. 接纳浏览器: 我们选Chrome

  4. 测量试验文件路径设置,文件能够选拔通配符相称,譬如*.js匹配钦点目录下具备的js文件(实操中发觉该路径是 karma.conf.js 文件的相对路径,详见下边笔者付诸的骨子里测量试验配置及表达)

  5. 在测验文件路径下,须要消除的文书

  6. 是或不是同意 Karma 监测文件,yes 表示当测量试验路线下的文书变化时,Karma 会自动测量检验

TDD的不便之处

上边是多少个自己觉着TDD不轻易掌控的地点,以致就某个不容许(如若有某某TDD的Fans或是ThoughtWorks的咨询师和您鼓吹TDD,你能够问问他们上面那么些标题)

  • 测量检验范围的鲜明。TDD开辟流程,日常是先写Test Case。Test Case有不菲种,有Functional的,有Unit的,有Integration的……,最难的是Test Case要写成什么的等级次序呢。
    • 万一写的太过High Level,那么,当您的Test Case 失利的时候,你不精晓哪里出标题了,你得要花不菲活力去debug代码。而作者辈期望的是其能够告诉本人是哪位模块出的标题。独有High Level的Test Case,岂不就是沃特erfall中的Test环节?
    • 假诺写的太过Low Level,那么,带来的难点是,你须要花两倍的光阴来珍贵你的代码,一份给test case,一份给落到实处的功用代码。
    • 另外,若是写得太Low Level,依照Agile的迭代开垦以来,你的需若是易变的,比相当多时候,大家的供给都是开拓人士本身做的Assumption。所以,你把Test Case 写得越细,将来,一旦需求或Assumption发生变化,你的维护费用也是成级数大增的。
    • 当然,借使本人把二个意义或模块达成好了,笔者本来知道Test 的Scope在哪个地方,作者也明白自家的Test Case必要写成什么的品位。不过,TDD的谬论就在于,你在达成早先先把Test Case就写出来,所以,你怎么能确认保障你一开头的Test Case是相符于你后边的代码的?不要忘了,程序猿也是在开拓的经过中国和东瀛益驾驭须求和体系的。如若边落实边调解Test Case,为何不在完结完后再写Test Case呢?借使是那样的话,那就不是TDD了。
  • 关切测验实际不是设计。这或许是TDD的四个弊病,就如《十条科学的编制程序观点》中所说的千篇一律——“Unit Test won’t help you write the good code”,在事实上的操作进度中,作者看出不菲工程师为了赶工或是应付工作,变成其写的代码是为了满意测量检验的,而忽略了代码品质和实际需求。有的时候候,当大家重构代码或是fix bug的时候,以至招致技术员认为一旦持有的Test Case都经过了,代码正是没有错的。当然,TDD的观者们自然会有下边包车型的士分辨:
    • 可以由此结对编制程序来保管代码品质。
    • 代码一开首便是急需满意功用正确,后边才是重交涉调优,而TDD正好让您的重会谈优化不会以就义作用为代价。

说的正确,但仅在争鸣上。操作起来只怕会并不会拿走期待的结果。1)“结对编制程序”其并不能够确认保障结对的多少人都不会以满足测量检验为目标,因为重构或是优化的进度中,一旦工程师看见N多的test cases 都failed了,人是会惴惴不安的,你会不自然地去fix你的代码以让抱有的test case都因而。2)别的,小编不掌握大家怎么编程,作者日常的做法是从大局思量一下各个立见成效的实现方案,对于一些难处须要实际地去编制程序试试,最后权衡比较,挑选一个最棒的方案去落实。而频仍发急着去落实某一效能,平常在会导致的是返工,而后边的重构基本上因为早期思考不足和成为了重写。所以,在实操进程中,你会意识,相当多时候的重构常常意味重视写,因为那么些”非功能性”的急需,你不得不re-design。而re-design往往代表,你要重写过多Low-Level的Test Cases,搞得你只敢写High Level的Test Case。

  • TDD导致大气的Mock和Stub。相信自个儿,Test Case并不一定是那么轻巧的。例如,和其他组织或许系统的接口的接入,或是对落实还不是很明亮的模块,等等。于是你供给在你的代码中做过多的Mock和Stub,以致fake一些函数来做模拟,很显眼,你需求作大批量的 assumption。于是,你发觉管理和保卫安全那几个Mock和Stub也成了一种担当,最特别的是,那不是真正的集成测验,你的Test Case中的Mock很也许是错的,你需求重写他们。

恐怕,你会说,纵然是不用TDD,在例行的付出进程中,大家实在必要运用Mock和Stub。没有错!的确是那样的,可是,记住,大家是在贯彻代码后来调整哪些位贮存三个Mock或Stub,并非在代码达成前干这几个事的。

  • Test Case并不曾想像中的那么粗略。和Waterfall同样,Waterfall的每三个环节都信赖于前方那么些环节的不易,假使大家尚无科学的明亮须要,那么对于TDD,Test Case和大家的Code都会的错的。所以,TDD中,Test Case是付出中最入眼的环节,Test Case的质感的难题会平素导致软件开采的不错和效能。而TW的咨询师和Agile的Fans们就像是天生就以为,TDD比Waterfall更能纯粹地打听要求。若是真是如此,用TDD进行要求解析,前边一向Waterfall就OK了

此外,某个Test Case并不一定那么好写,你恐怕70%的编程时间要求花在某些Test Case的设计和实现上(举例:测量检验并发),然后,供给一变,你又得重写Test Case。不时候,你会意识写Test Case其实和坚实际设计未有异样,你同样要思量你Test Case的不错,扩张性,易读性,易维护性,以至重用性。假若说咱们付出的Test Case是用来保管大家代码完毕的不错,那么,什么人又来确认保障大家的Test Case的科学呢?编写Test Case也需求结对或是Code review吗?软件开荒有一点像长跑,如若把能量花在了前半程,后半程在发力就能够难了。

大概,TDD真是过度炒作的,可是,作者还真是见过使用TDD开采的科学的种类,只但是那贰个项目相比轻巧了。更加多的情事下,笔者来看的是教条式的平板的TDD,所以,不奇异地听到了技术员们的抱怨——“自从用了TDD,职业量越来越大了”。当然,那也无法怪他们,TDD本来正是很难把控的艺术。这里送给软件开采管理者们一句话——“当你的软件开荒出现难点的时候,就疑似bug-fix一样,主要的事是找到root cause,然后再case by case的消除,千万不要因为一时常就要马上换一种新的开拓方法”。相信作者,大相当多的主题素材是人和官员的主题素材,不是办法的标题。

 

以下是 karma.conf.js 的总体内容:
// Karma configuration
// Generated on Wed Nov 16 2016 14:26:14 GMT 0800 (中国标准时间)

module.exports = function(config) {
    config.set({

        // base path that will be used to resolve all patterns (eg. files, exclude)
        basePath: '',

        // frameworks to use
        // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
        frameworks: ['jasmine'],

        // list of files / patterns to load in the browser
        files: [
            'src/**/*.js',
            'test/**/*.js'
        ],

        // list of files to exclude
        exclude: [],

        // preprocess matching files before serving them to the browser
        // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
        preprocessors: {

        },

        // test results reporter to use
        // possible values: 'dots', 'progress'
        // available reporters: https://npmjs.org/browse/keyword/karma-reporter
        reporters: ['progress'],

        // web server port
        port: 9876,

        // enable / disable colors in the output (reporters and logs)
        colors: true,

        // level of logging
        // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
        logLevel: config.LOG_INFO,

        // enable / disable watching file and executing tests whenever any file changes
        autoWatch: true,

        // start these browsers
        // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
        browsers: ['Chrome'],

        // Continuous Integration mode
        // if true, Karma captures browsers, runs the tests and exits
        singleRun: false,

        // Concurrency level
        // how many browser should be started simultaneous
        concurrency: Infinity
    })
}

index.js 内容:

function reverse(name){
    if(name === 'AAA') return 'BBB';
    return name.split("").reverse().join("");
}

indexTest.js 内容:

describe("全部变量,定义测试", function() {

    beforeEach(function(){

    });

    afterEach(function(){

    });

    it("reverse word", function(){
        expect("DCBA").toBe(reverse("ABCD"));
    });
});

启动 karma:

karma start

因为我们在布局里设置了在 Chrome 中测量试验,因而 karma 会自动运行 Chrome 实例,并运行测量检验用例:

图片 4

image

一经大家点击图中的 debug 按键,踏入 debug.html 并按 F12 张开开采者工具,采纳 Console 窗口,大家将能看见 jasmine 的实行日志

图片 5

image

其不常候,表达我们早就配备成功,而且能够打开测量试验用例编写。

代码覆盖率

假定您还想查看测量试验的代码覆盖率,大家能够安装karma-coverage插件,安装命令为:

npm install karma-coverage --save-dev

修改 karma.conf.js,扩张覆盖率的配置:

preprocessors: {
    'src/**/*.js': ['coverage']
}

reporters: ['progress', 'coverage']

// add
coverageReporter: {
    type: 'html',
    dir: 'coverage/'
}

改造如下:

  • 在 reporters 中增加 coverage
  • preprocessors 中指定 js 文件
  • 增多 coverageReporter 节点,将覆盖率报告项目 type 设置为 html,输入目录 dir 钦赐到您期待的目录中

启动 Karma

karma start

(施行命令后,在布局文件 coverageReporter 节点中钦定的 dir 中,大家将找到变化的覆盖率报告,karma-coverage 还生成了一层子文件夹,对应于执行测量检验的浏览器 版本号 操作系统版本)

图片 6

image

使用 jasmine-html

HTML
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Jasmine Spec Runner v2.4.1</title>
    <link rel="shortcut icon" type="image/png" href="../jasmine-2.4.1jasmine_favicon.png">
    <link rel="stylesheet" type="text/css" href="../jasmine-2.4.1/lib/jasmine-core/jasmine.css">

    <script type="text/javascript" src="../jasmine-2.4.1/lib/jasmine-core/jasmine.js"></script>
    <script type="text/javascript" src="../jasmine-2.4.1/lib/jasmine-core/jasmine-html.js"></script>
    <script type="text/javascript" src="../jasmine-2.4.1/lib/jasmine-core/boot.js"></script>

    <!-- 需要测试的js文件及jasmine测试脚本 -->
    <script type="text/javascript" src="myFirstJasmineTest.js"></script>
</head>
<body>

</body>
</html>
myFirstJasmineTest
/*
Created by laixiangran on 2015/12/15.
jasmine测试脚本
 */
(function() {
    /*
     jasmine基本语法介绍:
     describe(string, function):可以理解为是一个测试集或者测试包(官方称之为suite),主要功能是用来划分单元测试的,describe是可以嵌套使用的
     参数string:描述测试包的信息
     参数function:测试集的具体实现,可包含任意代码

     it(string, function):测试用例(官方称之为spec)
     参数string:描述测试用例的信息
     参数function:测试用例的具体实现,可包含任意代码

     expect:断言表达式

     从以下例子可知:
     1、每个测试文件中可以包含多个describe
     2、每个describe中可以包含多个it
     3、每个it中可以包含多个expect
     4、describe可嵌套使用
     */
    describe("Jasmine Test 1", function() {
        it("a spec with an expectation", function() {
            expect(1).toBe(1);
            expect(1===1).toBe(true);
            expect("a").not.toBe("b");
        });

        it("an other spec in current suite", function() {
            expect(true).toBe(true);
        });
    });
    describe("Jasmine Test 2", function() {
        it("nothing", function() {

        });
    });
    describe("Jasmine Test 3", function() {
        describe("Jasmine Test 4", function() {
            it("b等于b", function() {
                expect("b").toBe("b");
            });

            it("1===1是正确的", function() {
                expect(1===1).toBe(true);
            });
        });
    });

    /*
     * expect的匹配器
     * */
    describe("Included matchers:", function() {
        //"toBe"基本类型判断
        it("The 'toBe' matcher compares with ===", function() {
            var a = 12;
            var b = a;
            expect(a).toBe(b);
            expect(a).not.toBe(null);
        });
        //"toEqual"除了能判断基本类型(相当于"toBe"),还能判断对象
        describe("The 'toEqual' matcher", function() {
            //基本类型判断
            it("works for simple literals and variables", function() {
                var a = 12;
                expect(a).toEqual(12);
            });
            //对象判断
            it("should work for objects", function() {
                var foo = {
                    a: 12,
                    b: 34
                };
                var bar = {
                    a: 12,
                    b: 34
                };
                expect(foo).toEqual(bar);
            });
        });
        //"toMatch"使用正则表达式判断
        it("The 'toMatch' matcher is for regular expressions", function() {
            var message = "foo bar baz";
            expect(message).toMatch(/bar/);
            expect(message).toMatch("bar");
            expect(message).not.toMatch(/quux/);
        });
        //"toBeDefined"判断是否定义
        it("The 'toBeDefined' matcher compares against 'undefined'", function() {
            var a = {
                foo: "foo"
            };
            expect(a.foo).toBeDefined();
            expect(a.bar).not.toBeDefined();
        });
        //"toBeUndefined"判断是否是undefined,与"toBeDefined"相反
        it("The 'toBeUndefined' matcher compares against 'undefined'", function() {
            var a = {
                foo: "foo"
            };
            expect(a.foo).not.toBeUndefined();
            expect(a.bar).toBeUndefined();
        });
        //"toBeNull"判断是否为null
        it("The 'toBeNull' matcher compares against null", function() {
            var a = null;
            var foo = "foo";
            expect(null).toBeNull();
            expect(a).toBeNull();
            expect(foo).not.toBeNull();
        });
        //"toBeTruthy"判断是否是true
        it("The 'toBeTruthy' matcher is for boolean casting testing", function() {
            var a, foo = "foo";
            expect(foo).toBeTruthy();
            expect(a).not.toBeTruthy();
            expect(true).toBeTruthy();
        });
        //"toBeFalsy"判断是否是false
        it("The 'toBeFalsy' matcher is for boolean casting testing", function() {
            var a, foo = "foo";
            expect(a).toBeFalsy();
            expect(foo).not.toBeFalsy();
            expect(false).toBeFalsy();
        });
        //"toContain"判断数组是否包含(可判断基本类型和对象)
        it("The 'toContain' matcher is for finding an item in an Array", function() {
            var a = ["foo", "bar", "baz"];
            var b = [{foo: "foo", bar: "bar"}, {baz: "baz", bar: "bar"}];
            expect(a).toContain("bar");
            expect(a).not.toContain("quux");
            expect(b).toContain({foo: "foo", bar: "bar"});
            expect(b).not.toContain({foo: "foo", baz: "baz"});
        });
        //"toBeLessThan"判断值类型的大小,结果若小则为True(也可以判断字符及字符串,以ascii码的大小为判断依据)
        it("The 'toBeLessThan' matcher is for mathematical comparisons", function() {
            var pi = 3.1415926,
                e = 2.78;
            expect(e).toBeLessThan(pi);
            expect(pi).not.toBeLessThan(e);
            expect("a").toBeLessThan("b");
            expect("b").not.toBeLessThan("a");
        });
        //"toBeGreaterThan"判断值类型的大小,结果若大则为True,与toBeLessThan相反(也可以判断字符及字符串,以ascii码的大小为判断依据)
        it("The 'toBeGreaterThan' matcher is for mathematical comparisons", function() {
            var pi = 3.1415926,
                e = 2.78;
            expect(pi).toBeGreaterThan(e);
            expect(e).not.toBeGreaterThan(pi);
            expect("a").not.toBeGreaterThan("b");
            expect("b").toBeGreaterThan("a");
        });
        //"toBeCloseTo"判断数字是否相似(第二个参数为小数精度,默认为2位)
        it("The 'toBeCloseTo' matcher is for precision math comparison", function() {
            var a = 1.1;
            var b = 1.5;
            var c = 1.455;
            var d = 1.459;
            expect(a).toBeCloseTo(b, 0);
            expect(a).not.toBeCloseTo(c, 1);
            expect(c).toBeCloseTo(d);
        });
        //"toThrow"判断是否抛出异常
        it("The 'toThrow' matcher is for testing if a function throws an exception", function() {
            var foo = function() {
                return 1   2;
            };
            var bar = function() {
                return a   1;
            };
            expect(foo).not.toThrow();
            expect(bar).toThrow();
        });
        //"toThrowError"判断是否抛出了指定的错误
        it("The 'toThrowError' matcher is for testing a specific thrown exception", function() {
            var foo = function() {
                throw new TypeError("foo bar baz");
            };
            expect(foo).toThrowError("foo bar baz");
            expect(foo).toThrowError(/bar/);
            expect(foo).toThrowError(TypeError);
            expect(foo).toThrowError(TypeError, "foo bar baz");
        });
    });

    /*
     * "fail"函数能使一个测试用例失败,参数为自定义的失败信息
     * */
    describe("A spec using the fail function", function() {
        var foo = function(x, callBack) {
            if (x) {
                callBack();
            }
        };

        it("should not call the callBack", function() {
            foo(false, function() {
                fail("Callback has been called");
            });
        });
    });

    /*
     Jasmine允许在执行测试集/测试用例的开始前/结束后做一些初始化/销毁的操作。

     Setup方法:
     beforeAll:每个suite(即describe)中所有spec(即it)运行之前运行
     beforeEach:每个spec(即it)运行之前运行

     Teardown方法:
     afterAll:每个suite(即describe)中所有spec(即it)运行之后运行
     afterEach:每个spec(即it)运行之后运行
     * */
    var globalCount;
    describe("Setup and Teardown suite 1", function() {
        var suiteGlobalCount;
        var eachTestCount;

        beforeAll(function() {
            globalCount = 0;
            suiteGlobalCount = 0;
            eachTestCount = 0;
        });

        afterAll(function() {
            suiteGlobalCount = 0;
        });

        beforeEach(function() {
            globalCount  ;
            suiteGlobalCount  ;
            eachTestCount  ;
        });

        afterEach(function() {
            eachTestCount = 0;
        });

        it("Spec 1", function() {
            expect(globalCount).toBe(1);
            expect(suiteGlobalCount).toBe(1);
            expect(eachTestCount).toBe(1);
        });

        it("Spec 2", function() {
            expect(globalCount).toBe(2);
            expect(suiteGlobalCount).toBe(2);
            expect(eachTestCount).toBe(1);
        });
    });

    describe("Setup and Teardown suite 2", function() {
        beforeEach(function() {
            globalCount  = 2;
        });

        it("Spec 1", function() {
            expect(globalCount).toBe(4);
        });
    });

    /*
     * 在beforeEach - it - afterEach中,还可以使用this关键字定义变量。需要注意的是,使用this关键字声明的变量,仅在beforeEach - it - afterEach这个过程中传递
     * */
    describe("Test 'this'", function() {
        beforeEach(function() {
            this.testCount = this.testCount || 0;
            this.testCount  ;
        });

        afterEach(function() {
            //this.testCount = 0; //无论是否有这行,结果是一样的,因为this指定的变量只能在每个spec的beforeEach/it/afterEach过程中传递
        });

        it("Spec 1", function() {
            expect(this.testCount).toBe(1);
        });

        it("Spec 2", function() {
            expect(this.testCount).toBe(1);
        });
    });

    /*
    在实际项目中,需要由于发布的版本需要选择测试用例包,xdescribe和xit能很方便的将不包含在版本中的测试用例排除在外。
    不过xdescribe和xit略有不同:
    xdescribe:该describe下的所有it将被忽略,Jasmine将直接忽略这些it,因此不会被运行
    xit:运行到该it时,挂起它不执行
    * */
    xdescribe("Test xdescribe", function() {
        it("Spec 1", function() {
            expect(1).toBe(1);
        });

        it("Spec 2", function() {
            expect(2).toBe(2);
        });
    });

    describe("Test xit", function() {
        it("Spec 1", function() {
            expect(1).toBe(1);
        });

        xit("Spec 2", function() {
            expect(2).toBe(1);
        });

        xit("Spec 3", function() {
            expect(3).toBe(3);
        });
    });

    /*
    * Spy用来追踪函数的调用历史信息(是否被调用、调用参数列表、被请求次数等)。Spy仅存在于定义它的describe和it方法块中,并且每次在spec执行完之后被销毁。
    * 当在一个对象上使用spyOn方法后即可模拟调用对象上的函数,此时对所有函数的调用是不会执行实际代码的。
    * 两个Spy常用的expect:
    *   toHaveBeenCalled: 函数是否被调用
    *   toHaveBeenCalledWith: 调用函数时的参数
    * */
    describe("A spy", function() {
        var foo, bar = null;

        beforeEach(function() {
            foo = {
                setBar: function(value) {
                    bar = value;
                }
            };
            spyOn(foo, "setBar"); // 在foo对象上添加spy
            // 此时调用foo对象上的方法,均为模拟调用,因此不会执行实际的代码
            foo.setBar(123); // 调用foo的setBar方法
            foo.setBar(456, "another param");
        });

        it("tracks that the spy was called", function() {
            expect(foo.setBar).toHaveBeenCalled(); //判断foo的setBar是否被调用
        });

        it("tracks all the arguments of its calls", function() {
            expect(foo.setBar).toHaveBeenCalledWith(123); //判断被调用时的参数
            expect(foo.setBar).toHaveBeenCalledWith(456, "another param");
        });

        it("stops all execution on a function", function() {
            expect(bar).toBeNull();  // 由于是模拟调用,因此bar值并没有改变
        });
    });

    /*
    * spyOn().and.callThrough(),告诉Jasmine我们除了要完成对函数调用的跟踪,同时也需要执行实际的代码。
    * */
    describe("A spy, when configured to call through", function() {
        var foo, bar, fetchedBar;

        beforeEach(function() {
            foo = {
                setBar: function(value) {
                    bar = value;
                },
                getBar: function() {
                    return bar;
                }
            };
            spyOn(foo, "getBar").and.callThrough(); // 这里使用了callThrough,这时所有的函数调用为真实的执行
            spyOn(foo, "setBar").and.callThrough();
            foo.setBar(123);
            fetchedBar = foo.getBar();
        });

        it("tracks that the spy was called", function() {
            expect(foo.getBar).toHaveBeenCalled();
        });

        it("should not effect other functions", function() {
            expect(foo.setBar).toHaveBeenCalledWith(123);
            expect(bar).toEqual(123); // 由于是真实调用,因此bar有了真实的值
        });

        it("when called returns the requested value", function() {
            expect(fetchedBar).toEqual(123); // 由于是真实调用,fetchedBar也有了真实的值
        });
    });

    /*
    * spyOn().and.returnValue(),由于Spy是模拟函数的调用,因此我们也可以强制指定函数的返回值。
    * */
    describe("A spy, when configured to fake a return value", function() {
        var foo, bar, fetchedBar;

        beforeEach(function() {
            foo = {
                setBar: function(value) {
                    bar = value;
                },
                getBar: function() {
                    return bar;
                }
            };
            spyOn(foo, "getBar").and.returnValue(745); // 这将指定getBar方法返回值为745
            foo.setBar(123);
            fetchedBar = foo.getBar();
        });

        it("tracks that the spy was called", function() {
            expect(foo.getBar).toHaveBeenCalled();
        });

        it("should not effect other functions", function() {
            expect(bar).toEqual(123);
        });

        it("when called returns the requested value", function() {
            expect(fetchedBar).toEqual(745);
        });
    });

    /*
     * spyOn().and.callFake(),
     * 与returnValue相似,callFake则更进一步,直接通过指定一个假的自定义函数来执行。这种方式比returnValue更灵活,我们可以任意捏造一个函数来达到我们的测试要求。
     * */
    describe("A spy, when configured with an alternate implementation", function() {
        var foo, bar, fetchedBar;

        beforeEach(function() {
            foo = {
                setBar: function(value) {
                    bar = value;
                },
                getBar: function() {
                    return bar;
                }
            };
            spyOn(foo, "getBar").and.callFake(function() {
                return 1001;
            });
            foo.setBar(123);
            fetchedBar = foo.getBar();
        });

        it("tracks that the spy was called", function() {
            expect(foo.getBar).toHaveBeenCalled();
        });

        it("should not effect other functions", function() {
            expect(bar).toEqual(123);
        });

        it("when called returns the requested value", function() {
            expect(fetchedBar).toEqual(1001);
        });
    });

    /*
     * spyOn().and.throwError(),模拟异常的抛出
     * */
    describe("A spy, when configured to throw an error", function() {
        var foo, bar;

        beforeEach(function() {
            foo = {
                setBar: function(value) {
                    bar = value;
                }
            };
            spyOn(foo, "setBar").and.throwError("quux");
        });

        it("throws the value", function() {
            expect(function() {
                foo.setBar(123)
            }).toThrowError("quux");
        });
    });

    /*
     * spyOn().and.stub(),回复到原始的spyOn()方法
     * */
    describe("A spy", function() {
        var foo, bar = null;

        beforeEach(function() {
            foo = {
                setBar: function(value) {
                    bar = value;
                },
                getBar: function(){
                    return bar;
                }
            };
            spyOn(foo, "setBar").and.callThrough(); // 标记1
            spyOn(foo, "getBar").and.returnValue(999); // 标记2
        });

        it("can call through and then stub in the same spec", function() {
            foo.setBar(123);
            expect(bar).toEqual(123);

            var getValue = foo.getBar();
            expect(getValue).toEqual(999);

            foo.setBar.and.stub(); // 相当于"标记1"中的代码变为了spyOn(foo, "setBar")
            foo.getBar.and.stub(); // 相当于"标记2"中的代码变为了spyOn(foo, "getBar")
            bar = null;

            foo.setBar(123);
            expect(bar).toBe(null);
            expect(foo.setBar).toHaveBeenCalled(); // 函数调用追踪并没有被重置

            getValue = foo.getBar();
            expect(getValue).toEqual(undefined);
            expect(foo.getBar).toHaveBeenCalled(); // 函数调用追踪并没有被重置
        });
    });

    /*
    * 其他追踪属性:
     calls:对于被Spy的函数的调用,都可以在calls属性中跟踪。
     .calls.any(): 被Spy的函数一旦被调用过,则返回true,否则为false;
     .calls.count(): 返回被Spy的函数的被调用次数;
     .calls.argsFor(index): 返回被Spy的函数的调用参数,以index来指定参数;
     .calls.allArgs():返回被Spy的函数的所有调用参数;
     .calls.all(): 返回calls的上下文,这将返回当前calls的整个实例数据;
     .calls.mostRecent(): 返回calls中追踪的最近一次的请求数据;
     .calls.first(): 返回calls中追踪的第一次请求的数据;
     .object: 当调用all(),mostRecent(),first()方法时,返回对象的object属性返回的是当前上下文对象;
     .calls.reset(): 重置Spy的所有追踪数据;
    * */
    describe("A spy", function() {
        var foo, bar = null;

        beforeEach(function() {
            foo = {
                setBar: function(value) {
                    bar = value;
                }
            };
            spyOn(foo, "setBar");
        });

        //.calls.any(): 被Spy的函数一旦被调用过,则返回true,否则为false;
        it("tracks if it was called at all", function() {
            expect(foo.setBar.calls.any()).toEqual(false);
            foo.setBar();
            expect(foo.setBar.calls.any()).toEqual(true);
        });

        //.calls.count(): 返回被Spy的函数的被调用次数;
        it("tracks the number of times it was called", function() {
            expect(foo.setBar.calls.count()).toEqual(0);
            foo.setBar();
            foo.setBar();
            expect(foo.setBar.calls.count()).toEqual(2);
        });

        //.calls.argsFor(index): 返回被Spy的函数的调用参数,以index来指定参数;
        it("tracks the arguments of each call", function() {
            foo.setBar(123);
            foo.setBar(456, "baz");
            expect(foo.setBar.calls.argsFor(0)).toEqual([123]);
            expect(foo.setBar.calls.argsFor(1)).toEqual([456, "baz"]);
        });

        //.calls.allArgs():返回被Spy的函数的所有调用参数;
        it("tracks the arguments of all calls", function() {
            foo.setBar(123);
            foo.setBar(456, "baz");
            expect(foo.setBar.calls.allArgs()).toEqual([[123],[456, "baz"]]);
        });

        //.calls.all(): 返回calls的上下文,这将返回当前calls的整个实例数据;
        it("can provide the context and arguments to all calls", function() {
            foo.setBar(123);
            expect(foo.setBar.calls.all()).toEqual([{object: foo, args: [123], returnValue: undefined}]);
        });

        //.calls.mostRecent(): 返回calls中追踪的最近一次的请求数据;
        it("has a shortcut to the most recent call", function() {
            foo.setBar(123);
            foo.setBar(456, "baz");
            expect(foo.setBar.calls.mostRecent()).toEqual({object: foo, args: [456, "baz"], returnValue: undefined});
        });

        //.calls.first(): 返回calls中追踪的第一次请求的数据;
        it("has a shortcut to the first call", function() {
            foo.setBar(123);
            foo.setBar(456, "baz");
            expect(foo.setBar.calls.first()).toEqual({object: foo, args: [123], returnValue: undefined});
        });

        //.object: 当调用all(),mostRecent(),first()方法时,返回对象的object属性返回的是当前上下文对象;
        it("tracks the context", function() {
            var spy = jasmine.createSpy("spy");
            var baz = {
                fn: spy
            };
            var quux = {
                fn: spy
            };
            baz.fn(123);
            quux.fn(456);
            expect(spy.calls.first().object).toBe(baz);
            expect(spy.calls.mostRecent().object).toBe(quux);
        });

        //.calls.reset(): 重置Spy的所有追踪数据;
        it("can be reset", function() {
            foo.setBar(123);
            foo.setBar(456, "baz");
            expect(foo.setBar.calls.any()).toBe(true);
            foo.setBar.calls.reset();
            expect(foo.setBar.calls.any()).toBe(false);
        });
    });

    /*
     jasmine.createSpy()
    * 假如没有函数可以追踪,我们可以自己创建一个空的Spy。
    * 创建后的Spy功能与其他的Spy一样:跟踪调用、参数等,但该Spy没有实际的代码实现,这种方式经常会用在对JavaScript中的对象的测试。
    * */
    describe("A spy, when created manually", function() {
        var whatAmI;

        beforeEach(function() {
            whatAmI = jasmine.createSpy("whatAmI");
            whatAmI("I", "am", "a", "spy");
        });

        it("is named, which helps in error reporting", function() {
            expect(whatAmI.and.identity()).toEqual("whatAmI");
        });

        it("tracks that the spy was called", function() {
            expect(whatAmI).toHaveBeenCalled();
        });

        it("tracks its number of calls", function() {
            expect(whatAmI.calls.count()).toEqual(1);
        });

        it("tracks all the arguments of its calls", function() {
            expect(whatAmI).toHaveBeenCalledWith("I", "am", "a", "spy");
        });

        it("allows access to the most recent call", function() {
            expect(whatAmI.calls.mostRecent().args[0]).toEqual("I");
        });
    });

    /*
     jasmine.createSpyObj()
     * 如果需要spy模拟多个函数调用,可以向jasmine.createSpyObj中传入一个字符串数组,它将返回一个对象,
     * 你所传入的所有字符串都将对应一个属性,每个属性即为一个Spy。
     * */
    describe("Multiple spies, when created manually", function() {
        var tape;

        beforeEach(function() {
            tape = jasmine.createSpyObj('tape', ['play', 'pause', 'stop', 'rewind']);
            tape.play();
            tape.pause();
            tape.rewind(0);
        });

        it("creates spies for each requested function", function() {
            expect(tape.play).toBeDefined();
            expect(tape.pause).toBeDefined();
            expect(tape.stop).toBeDefined();
            expect(tape.rewind).toBeDefined();
        });

        it("tracks that the spies were called", function() {
            expect(tape.play).toHaveBeenCalled();
            expect(tape.pause).toHaveBeenCalled();
            expect(tape.rewind).toHaveBeenCalled();
            expect(tape.stop).not.toHaveBeenCalled();
        });

        it("tracks all the arguments of its calls", function() {
            expect(tape.rewind).toHaveBeenCalledWith(0);
        });
    });

    /*
    *  jasmine.any()
    * 以构造器或者类名作为参数,Jasmine将判断期望值和真实值的构造器是否相同,若相同则返回true。
    * */
    describe("jasmine.any", function() {
        it("matches any value", function() {
            expect({}).toEqual(jasmine.any(Object));
            expect(12).toEqual(jasmine.any(Number));
        });

        describe("when used with a spy", function() {
            it("is useful for comparing arguments", function() {
                var foo = jasmine.createSpy("foo");
                foo(12, function() {
                    return true;
                });
                expect(foo).toHaveBeenCalledWith(jasmine.any(Number), jasmine.any(Function));
            });
        });
    });

    /*
    * jasmine.anything()
    * 判断只要不是null或undefined的值,若不是则返回true。
    * */
    describe("jasmine.anything", function() {
        it("matches anything", function() {
            expect(1).toEqual(jasmine.anything());
        });

        describe("when used with a spy", function() {
            it("is useful when the argument can be ignored", function() {
                var foo = jasmine.createSpy('foo');
                foo(12, function() {
                    return false;
                });
                expect(foo).toHaveBeenCalledWith(12, jasmine.anything());
            });
        });
    });

    /*
    * jasmine.objectContaining()
    * 用来判断对象中是否存在指定的键值属性对。
    * */
    describe("jasmine.objectContaining", function() {
        var foo;

        beforeEach(function() {
            foo = {
                a: 1,
                b: 2,
                bar: "baz"
            };
        });

        it("matches objects with the expect key/value pairs", function() {
            expect(foo).toEqual(jasmine.objectContaining({
                bar: "baz"
            }));
            expect(foo).not.toEqual(jasmine.objectContaining({
                c: 37
            }));
        });

        describe("when used with a spy", function() {
            it("is useful for comparing arguments", function() {
                var callback = jasmine.createSpy("callback");
                callback({
                    bar: "baz"
                });
                expect(callback).toHaveBeenCalledWith(jasmine.objectContaining({
                    bar: "baz"
                }));
                expect(callback).not.toHaveBeenCalledWith(jasmine.objectContaining({
                    c: 37
                }));
            });
        });
    });

    /*
    * jasmine.arrayContaining()
    * 可以用来判断数组中是否有期望的值。
    * */
    describe("jasmine.arrayContaining", function() {
        var foo;

        beforeEach(function() {
            foo = [1, 2, 3, 4];
        });

        it("matches arrays with some of the values", function() {
            expect(foo).toEqual(jasmine.arrayContaining([3, 1]));  // 直接在期望值中使用jasmine.arrayContaining达到目的
            expect(foo).not.toEqual(jasmine.arrayContaining([6]));
        });

        describe("when used with a spy", function() {
            it("is useful when comparing arguments", function() {
                var callback = jasmine.createSpy("callback"); // 创建一个空的Spy
                callback([1, 2, 3, 4]); // 将数组内容作为参数传入Spy中
                expect(callback).toHaveBeenCalledWith(jasmine.arrayContaining([4, 2, 3]));
                expect(callback).not.toHaveBeenCalledWith(jasmine.arrayContaining([5, 2]));
            });
        });
    });

    /*
    * jasmine.stringMatching()
    * 用来模糊匹配字符串,在jasmine.stringMatching中也可以使用正则表达式进行匹配,使用起来非常灵活。
    * */
    describe("jasmine.stringMatching", function() {
        it("matches as a regexp", function() {
            expect({foo: "bar"}).toEqual({foo: jasmine.stringMatching(/^bar$/)});
            expect({foo: "foobarbaz"}).toEqual({foo: jasmine.stringMatching("bar")});
        });

        describe("when used with a spy", function() {
            it("is useful for comparing arguments", function() {
                var callback = jasmine.createSpy("callback");
                callback("foobarbaz");
                expect(callback).toHaveBeenCalledWith(jasmine.stringMatching("bar"));
                expect(callback).not.toHaveBeenCalledWith(jasmine.stringMatching(/^bar$/));
            });
        });
    });

    /*
    * 不规则匹配(自定义匹配):asymmetricMatch
    * 某些场景下,我们希望能按照自己设计的规则进行匹配,此时我们可以自定义一个对象,该对象只要包含一个名为asymmetricMatch的方法即可。
    * */
    describe("custom asymmetry", function() {
        var tester = {
            asymmetricMatch: function(actual) {
                var secondValue = actual.split(",")[1];
                return secondValue === "bar";
            }
        };

        it("dives in deep", function() {
            expect("foo,bar,baz,quux").toEqual(tester);
        });

        describe("when used with a spy", function() {
            it("is useful for comparing arguments", function() {
                var callback = jasmine.createSpy("callback");
                callback("foo,bar,baz");
                expect(callback).toHaveBeenCalledWith(tester);
            });
        });
    });

    /*
    * jasmine.clock()用来模拟操纵时间。
    * 要想使用jasmine.clock(),先调用jasmine.clock().install告诉Jasmine你想要在spec或者suite操作时间,当你不需要使用时,务必调用jasmine.clock().uninstall来恢复时间状态。
    *
    * 示例中使用jasmine.clock().tick(milliseconds)来控制时间前进,本例中出现了三种时间控制方式:
    * setTimeout: 定期执行一次,当jasmine.clock().tick()的时间超过了timeout设置的时间时触发
    * setInterval: 定期循环执行,每当jasmine.clock().tick()的时间超过了timeout设置的时间时触发
    * mockDate: 模拟一个指定日期(当不提供基准时间参数时,以当前时间为基准时间)
    * */
    describe("Manually ticking the Jasmine Clock", function() {
        var timerCallback;

        beforeEach(function() {
            timerCallback = jasmine.createSpy("timerCallback");
            jasmine.clock().install();
        });

        afterEach(function() {
            jasmine.clock().uninstall();
        });

        it("causes a timeout to be called synchronously", function() {
            setTimeout(function() {
                timerCallback();
            }, 100);
            expect(timerCallback).not.toHaveBeenCalled();
            jasmine.clock().tick(101);
            expect(timerCallback).toHaveBeenCalled();
        });

        it("causes an interval to be called synchronously", function() {
            setInterval(function() {
                timerCallback();
            }, 100);
            expect(timerCallback).not.toHaveBeenCalled();
            jasmine.clock().tick(101);
            expect(timerCallback.calls.count()).toEqual(1);
            jasmine.clock().tick(50);
            expect(timerCallback.calls.count()).toEqual(1);
            jasmine.clock().tick(50);
            expect(timerCallback.calls.count()).toEqual(2);
        });

        describe("Mocking the Date object", function(){
            it("mocks the Date object and sets it to a given time", function() {
                var baseTime = new Date();
                jasmine.clock().mockDate(baseTime);
                jasmine.clock().tick(50);
                expect(new Date().getTime()).toEqual(baseTime.getTime()   50);
            });
        });
    });

    /*
    * Jasmine可以支持spec中执行异步操作。
    * 当调用beforeEach, it和afterEach时,函数可以包含一个可选参数done,当spec执行完毕之后,调用done通知Jasmine异步操作已执行完毕。
    *
    * 另外补充一点,如果需要设置全局的默认超时时间,可以设置jasmine.DEFAULT_TIMEOUT_INTERVAL的值,
    * 当异步执行时间超过设置的执行超时时间js将会报错。
    * */
    describe("Asynchronous specs", function() {
        var value;

        beforeEach(function(done) {
            setTimeout(function() {
                value = 0;
                done();
            }, 1);
        });

        // 在上面beforeEach的done()被执行之前,这个测试用例不会被执行
        it("should support async execution of test preparation and expectations", function(done) {
            value  ;
            expect(value).toBeGreaterThan(0);
            done(); // 执行完done()之后,该测试用例真正执行完成
        });

        // Jasmine异步执行超时时间默认为5秒,超过后将报错
        describe("long asynchronous specs", function() {
            var originalTimeout;

            beforeEach(function() {
                originalTimeout = jasmine.DEFAULT_TIMEOUT_INTERVAL;
                // 设置全局的默认超时时间
                jasmine.DEFAULT_TIMEOUT_INTERVAL = 6000;
            });

            it("takes a long time", function(done) {
                setTimeout(function() {
                    done();
                }, 4000);
            });

            // 如果要调整指定用例的默认的超时时间,可以在beforeEach,it和afterEach中传入一个时间参数
            //it("takes a long time for this spec", function(done) {
            //    setTimeout(function() {
            //        done();
            //    }, 6000);
            //}, 7000);

            afterEach(function() {
                jasmine.DEFAULT_TIMEOUT_INTERVAL = originalTimeout;
            });
        });
    });
}());

图片 7

image

本文由星彩网app下载发布于星彩网app下载,转载请注明出处:测试驱动开发的艺术,TDD并不是看上去的那么美

TAG标签: 星彩网app下载
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。