Question

79

Jasmine's spy throwing is not a function error

rated 0 times [ 80] [ 1] / answers: 1 / hits: 22205 / 11 Years ago, sun, march 31, 2013, 12:00:00

I have an Angular JS application with a module and some services in it. My controller uses these services. In Jasmine test cases, I created a mock of a service using Jasmine's createSpy. Following is the mocked service:

beforeEach(module(function ($provide) {

    shoppingData = function () {

        getAllItems: jasmine.createSpy('getAllItems');

        addAnItem: jasmine.createSpy('addAnItem');

        removeItem: jasmine.createSpy('removeItem');

   };

   $provide.value('shoppingData', shoppingData);

}));

Controller calls the getAllItems function as soon as an object is created. I created another beforeEach block that creates an object of the controller. Following is the test block to check if getAllItems is called:

it(Should call getAllItems function on creation of controller, function () {

    expect(shoppingData.getAllItems).toHaveBeenCalled();

});

When I run the spec runner page on browser, the test fails with following error: TypeError: 'shoppingData.getAllItems' is not a function

I saw several similar example where this kind of test works without any issue. Can anyone point what is missing or what is going wrong here?

Update: I created a plunker with the part that fails

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kayden

Add To Favorites

Follow

Total Points: 546

Total Questions: 102

Total Answers: 95

Location: Virgin Islands (U.S.)

Member since Fri, Mar 4, 2022

2 Years ago

kayden questions

1 React-bootstrap Navbar Brand logo not rendering

Sun, Sep 20, 20, 00:00, 4 Years ago

1 function is not defined at HTMLButtonElement.onclick Angular 4

Thu, Mar 26, 20, 00:00, 4 Years ago

1 Converting 'human' date string of different language to date object in JavaScript

Tue, Jan 28, 20, 00:00, 4 Years ago

1 Receiving props.children is not a function

Wed, Oct 30, 19, 00:00, 5 Years ago

1 How can I improve the react performance if I have many text inputs (Hooks) in a form?

Mon, Jun 17, 19, 00:00, 5 Years ago

View All

answered 11 Years ago averyc · Accepted Answer

Seems like a typo if this is the real code. Change the appropriated part to:

shoppingData = {

  getAllItems: jasmine.createSpy('getAllItems'),

  addAnItem: jasmine.createSpy('addAnItem'),

  removeItem: jasmine.createSpy('removeItem')

};

Just changed the function to an object and changed the ; for ,.

UPDATE 1:

Consider only spying at the existing object:

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

});