"$httpBackend.when is not a function" error when mocking AngularJS $httpBackend in Jasmine tests and using a decorator

Question

I'm using a decorator for Angular service $httpBackend to change the urls of all http calls:

app.config(function($provide) {
   $provide.decorator('$httpBackend', function($delegate) {
      return function(method, url, post, callback, headers, timeout, withCredentials, responseType) {
          url = changeUrl(url);
          $delegate(method, url, post, callback, headers, timeout, withCredentials, responseType);
      };
   })
});

In some Jasmine tests I need to mock the $httpBackend service:

describe('...', function() {
    beforeEach(module('...'));
    beforeEach(inject(function($injector) {
        $httpBackend = $injector.get('$httpBackend');
        $httpBackend.when('GET', '...').respond(function(method, url) {
            return ...
        });
    }));
}

Now I'm getting error "$httpBackend.when is not a function" when executing these tests.

Any idea how to fix this? I'd prefer a solution without having test specific code in my app config.

Define the decorator in a specific module, and don't load that module in your test. — JB Nizet
– JB Nizet, Commented Oct 25, 2015 at 12:14
That was easy ;) Just copy your comment and I'll accept it as answer. Tx! — cnmuc
– cnmuc, Commented Oct 25, 2015 at 15:11

JB Nizet · Accepted Answer · 2015-10-25 15:11:59Z

3

You can simply define the decorator in a specific module, and don't load that module in your test.

Instead of decorating httpBackend, you could also use an http interceptor. Loading it in your tests would cause the same problem (but you could still use the same technique to avoid loading it in the tests if you want to).

answered Oct 25, 2015 at 15:11

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user3897392 Over a year ago

I have this same problem- what do you mean define the decorator in a specific module and don't load that module in your test? Can you show a simple example of how that would look?

user3897392 Over a year ago

I found a userful link to another stack overflow that helped me understand how to have two separate modules and load them into one combined module: stackoverflow.com/questions/18512434/…

Collectives™ on Stack Overflow

"$httpBackend.when is not a function" error when mocking AngularJS $httpBackend in Jasmine tests and using a decorator

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related