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

新书《前端架构:从入门到微前端》

《前端架构:从入门到微前端》是一本围绕前端架构的实施手册,从基础的架构规范,到如何设计前端架构,再到采用微前端架构拆分复杂的前端应用。本书通过系统地介绍前端架构世界的方方面面,来帮助前端工程师更好地进行系统设计。

前端架构包含以下五部分内容:

  • 设计:讲述了架构设计的模式,以及设计和制定前端工作流。
  • 基础:通过深入构建系统、单页面应用原理、前端知识体系等,来构建出完整的前端应用架构体系。
  • 实施:通过与代码结构的方式,介绍如何在企业级应用中实施组件化架构、设计系统和前后端分离架构。
  • 微前端:引入6种微前端的概念,以及如何划分、设计微前端应用,并展示了如何实现这6种微前端架构。
  • 演进:提出更新、迁移、重构、重写、重新架构等架构演进方式,来帮助开发人员更好地设计演进式架构。
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Developer, Consultant, Writer, Designer

ThoughtWorks 高级咨询师

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

开源深度爱好者

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

联系我: h@phodal.com

微信公众号: 与我沟通

标签