Mocked $location.path is returning server - angularjs

Question

I'm testing this particular function:
function apiInjector($location, $cookies) {
var apiVersion = 1, baseUrl;
console.log('Host: '+$location.host());
if($location.host() == 'localhost') {
baseUrl = $cookies.get('API_HOST') || 'http://localhost:5000';
} else {
baseUrl = 'productionURL';
}
if(!baseUrl)
throw('Invalid host defined');
function isApiRequest(url) {
return url.substr(url.length - 5) !== '.html';
}
return {
request: function(config) {
if(isApiRequest(config.url)) {
config.url = baseUrl + '/' + apiVersion + '/' + config.url;
}
return config;
}
};
}
As you can see it makes use of $location.host to determine what the host is. I've created a mock to use so I can control the flow when it comes to the if-else statement:
var apiInjector, $location;
var mockedLocation = {
host: function() {
return 'localhost';
}
};
beforeEach(module('flowlens'), function($provide) {
$provide.value('$location', mockedLocation);
});
beforeEach(inject(function(_apiInjector_, _$location_) {
apiInjector = _apiInjector_;
$location = _$location_;
}));
describe('apiInjector',function(){
it('should be defined', function() {
expect(apiInjector).toBeDefined();
});
it('should expose a request function', function() {
expect(apiInjector.request).toBeDefined();
});
});
But when I call the function (apiInjector.request) I always see server printed when i insert a console.log ($location.host()) in the actual code (see above). What am I doing wrong here?
EDIT
This is what is printed when i print the result of apiInjector.request.
Object{url: 'productionURL/1/dashboard'}
But based on the code above and assuming that the host() function returns localhost (which it doesn't it returns server) it should print either the result of the $cookies.get or the http://localhost:5000

Answer 1

You need to load your module within the function passed to the beforeEach block then pass the function using $provide as a callback to module:
beforeEach(function() {
module('flowlens', function($provide) {
$provide.value('$location', mockedLocation);
});
});
Or you could write it like this:
beforeEach(module('flowlens'));
beforeEach(module(function($provide) {
$provide.value('$location', mockedLocation);
}));
Alternatively, sinon has some good options for spies, stubs, mocks, etc. I've used it to mock $location like:
var location,
locationStub;
beforeEach(inject(function($location) {
location = $location;
locationStub = sinon.stub(location, 'url');
locationStub.returns('some/fake/url');
}