Blog

Blog

PHODAL

Sinon SpyOn 与 Jasmine SpyOn

最近在给 CoAP框架 加测试,以保证代码是正常工作的,分享一下Sinon与Jasmine的SpyOn方法的使用。

有这样两个关于spy的方法

一个Spy能监测任何function的调用和获取其参数。

以及

Spy方法可以用来模拟函数的执行,以达到隔离复杂依赖的效果。

Spy应该是归到mock方法的。也就是在这种情况下,我期望方法A()能在带这样或那样的参数的调用。Mock记录并验证这样的期望。

Sinon Spy方法

关于Sinon

Standalone test spies, stubs and mocks for JavaScript. No dependencies, works with any unit testing framework.

用于JavaScritp的独立测试spies, stubs和mocks的框架。 不依赖于其他框架,可以和其他测试框架一起工作。

so,看看官方给的一个例子

it("calls the original function", function () {
    var callback = sinon.spy();
    var proxy = once(callback);

    proxy();

    assert(callback.called);
});

还是没有看懂,于是只能自己试着写了一篇,发现原来很简单,只是因为官方给的例子不够清晰。

it('should be call coapserver close after stop iot-coap server', function(){
    var coapserver = { close: function(){}};
    var spyCoAP = sinon.spy(coapserver, "close");
    spyCoAP();
    iotcoap.close();
    assert(spyCoAP.calledOnce);
});

上面就是测试的代码,当我们验证的是调用iotcoap.close()的时候,会调用到coapserver.close

Jasmine Spy方法

Jasmine是一个用来编写avascript测试的框架,它不依赖于任何其它的javascript框架,也不需要对DOM的依赖。

官网给了一个示例

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();

    foo.setBar(123);
    fetchedBar = foo.getBar();
  });

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

但是显然这个示例对于我们来说有点长,相比之下,我们的代码

define([
  'jquery',
  '../../js/UserSession'
], function($, UserSession) {
  'use strict';
  describe("User Session", function() {
    it("should can load session after save session", function() {
      spyOn(UserSession, 'load');
      UserSession.initialize();
      expect(UserSession.load).toHaveBeenCalled();
    });
  });
});

在这里UserSession.initialize()的时候会调用到UserSession.load

于是,我们的测试就这么写完了。。

其他

  1. 这里的Jasmine是用来测试前台的逻辑
  2. 这里的Sinon是用来测试后台的逻辑。

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806

新书《全栈应用开发:精益实践》

这不是一本深入前端、后台、运维、设计、分析等各个领域的书籍。本书以实践的方式,将这一系列的领域及理论知识结合到一起,来帮助读者构建全栈Web 开发的知识体系,并辅以精益及敏捷的思想,来一步步开发Web 应用:从创建一个UI 原型到编写出静态的前端页面;从静态的前端页面到带后台的应用,并部署应用;从Web 后台开发API 到开发移动Web 应用。在这个过程中,我们还将介绍一些相辅相成的步骤:使用构建系统来加速Web 应用的开发;为应用添加数据分析工具来改进产品;使用分析工具来改善应用的性能;通过自动化部署来加快上线流程;从而帮助读者开发出一个真正可用的全栈 Web 应用。同时,我们也将帮助读者把这些步骤应用到现有的系统上,改进现有系统的开发流程。

comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Developer, Consultant, Writer, Designer

ThoughtWorks 高级咨询师

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 与我沟通

标签