Jasmine 的 spy throwing 不是函数错误答案

【问题标题】：Jasmine's spy throwing is not a function errorJasmine 的 spy throwing 不是函数错误
【发布时间】：2013-03-31 18:25:12
【问题描述】：

我有一个 Angular JS 应用程序，其中包含一个模块和一些服务。我的控制器使用这些服务。在 Jasmine 测试用例中，我使用 Jasmine 的 createSpy 创建了一个服务模拟。以下是模拟的服务：

beforeEach(module(function ($provide) {
    shoppingData = function () {
        getAllItems: jasmine.createSpy('getAllItems');
        addAnItem: jasmine.createSpy('addAnItem');
        removeItem: jasmine.createSpy('removeItem');
   };
   $provide.value('shoppingData', shoppingData);
}));

一旦创建对象，控制器就会调用getAllItems 函数。我创建了另一个 beforeEach 块来创建控制器的对象。以下是检查getAllItems是否被调用的测试块：

it("Should call getAllItems function on creation of controller", function () {
    expect(shoppingData.getAllItems).toHaveBeenCalled();
});

当我在浏览器上运行规范运行器页面时，测试失败并出现以下错误：TypeError: 'shoppingData.getAllItems' is not a function

我看到了几个类似的例子，这种测试没有任何问题。谁能指出这里缺少什么或出了什么问题？

更新：我创建了一个plunker with the part that fails

【问题讨论】：

标签： javascript unit-testing angularjs jasmine

【解决方案1】：

如果这是真正的代码，这似乎是一个错字。将相应的部分更改为：

shoppingData = {
  getAllItems: jasmine.createSpy('getAllItems'),
  addAnItem: jasmine.createSpy('addAnItem'),
  removeItem: jasmine.createSpy('removeItem')
};

只是把函数改成对象，把;改成,。

更新 1：

考虑只监视现有对象：

var deferred, _shoppingData;

beforeEach(module('shopping'));

beforeEach(inject(function(shoppingData, $q) {
  _shoppingData = shoppingData;
  deferred = $q.defer();
  spyOn(shoppingData, 'getAllItems').andReturn(deferred.promise);
}));

it('should have called shoppingData.getAllItems', function() {
  expect(_shoppingData.getAllItems).toHaveBeenCalled();
});

【讨论】：

我也尝试过这种方法。但它会抛出一个错误说：'Cannot convert shoppingData.getAllItems' to an object
也许你做错了什么。我做了一个working Plnker here。看它。如果您有任何不明白的地方，请告诉我，我会尽力解释。也许你忘记了创建控制器，或者注入了一些东西。只有当您第一次注入某些东西时，才会创建模块并且可以使用 shoppingData。
感谢您的努力。在稍微调整一下你的 plunker 并分析我的代码后，我知道它失败了，因为我在其中调用 getAllItems 的函数使用返回的对象来调用 then() 函数。我分叉了你的 plnkr 并创建了一个演示。您可以从这里访问它：plnkr.co/edit/BenU8lJtICS2uNyrtjns?p=preview
那么你要做的就是用andReturn模拟返回值，看看Jasmine docs。在创建 shoppingData 对象后添加此行：shoppingData.getAllItems.andReturn({then: function(){}});。但是，从这个新角度来看，您不需要模拟整个对象，只需将其注入 spyOnbeforeEach 即可。更新了您的Plunkr appSpec。考虑阅读$httpBackend mock。
谢谢Caio。我知道 $httpBackend。我将逻辑放在一个单独的服务中，以使控制器不受数据访问逻辑的影响。我没有正确检查 Jasmine 的文档。会经历的。

【解决方案2】：

你为什么不试试：

var scope, myController;

beforeEach(inject(function($rootScope, $controller) {
  scope = $rootScope.$new();
  myController = $controller.('controllerName', {
    $scope: scope,
    shoppingData: jasmine.createSpyObj('shoppingData', ['getAllItems', 'addAnItem', 'removeItem'])
  });
}));

【讨论】：