如何使用Sinon.JS 删除google.maps 库？

Question

我在 Backbone 模型中使用 google.maps 库，如下所示（coffeescript）：

class Route extends Backbone.Model

  initialize: ->
    @directionsService = new google.maps.DirectionsService()

在我的测试中，每当我尝试实例化 Route 时，我显然都会遇到问题。如何在测试中删除 google 以免导致此问题？

Answer 1

对 coffescript 不太了解，但您可以为模型构造函数提供第二个对象作为参数。

var mymodel = new Route({/*attributes*/}, {directionService: yourStub});

然后在初始化函数中您可以编写：

initialize: function(atts, options) {
  this.directionService = options.directionService || new google.maps.DirectionsService();
}

现在您可以存根方向服务或使用另一个服务（如果有）用于单个实例。

另一种方法是直接替换 DirectionService：

var origService = google.maps.DirectionsService;
google.maps.DirectionsService = function() {/*your stub*/};
var route = new Route();
google.maps.DirectionsService = origService;

Answer 2

当您尝试编写可测试代码时，主要的失败之一是在要测试的对象中创建新实例。有一种调用控制反转的模式有助于编写可测试的代码。诀窍在于，您在类中创建的所有内容都将被注入到构造函数中。通过这种方式，在测试中您只需注入一个简单的模拟或存根即可。所以ProTom的回答就是关于这个模式的。

另一个解决方案：
在 JavaScript 中，我们可以轻松地重写我们自己的每个对象/函数。这意味着您可以创建自己的 google.map DirectionsService。顺便说一句，最好在不依赖其他库的情况下测试您的代码，因此您应该使用所需的方法创建自己的 google 对象。