Well, my question is pretty straightforward and described in title. I have a dummy service which I want to implement in TDD fashion.
I'm going to move my implementation towards using $http service and deferred+promises. This will require $scope().$apply() in the testing code. So, as soon as I added this invocation, I observe unexpected HTTP GET calls that try to retrieve ALL template htmls that exist in my project.
PhantomJS 1.9.8 (Windows 8 0.0.0) myService should search places just fine FAILED
Error: Unexpected request: GET app/landing/landing.html
No more request expected
at $httpBackend (c:/workspace/ionic/myApp/www/lib/angular-mocks/angular-mocks.js:1245)
at sendReq (c:/workspace/ionic/myApp/www/lib/ionic/js/ionic.bundle.js:23514)
at c:/workspace/ionic/myApp/www/lib/ionic/js/ionic.bundle.js:23225
at processQueue (c:/workspace/ionic/myApp/www/lib/ionic/js/ionic.bundle.js:27747)
at c:/workspace/ionic/myApp/www/lib/ionic/js/ionic.bundle.js:27763
at c:/workspace/ionic/myApp/www/lib/ionic/js/ionic.bundle.js:29026
at c:/workspace/ionic/myApp/www/lib/ionic/js/ionic.bundle.js:28837
at c:/workspace/ionic/myApp/www/lib/ionic/js/ionic.bundle.js:29131
at c:/workspace/ionic/myApp/tests/services/myServiceSpec.js:35
at invoke (c:/workspace/ionic/myApp/www/lib/ionic/js/ionic.bundle.js:17630)
at workFn (c:/workspace/ionic/myApp/www/lib/angular-mocks/angular-mocks.js:2439)
undefined
Any clue why it is happening? Nooby question of angular devs I bet...
My simple service which doesn't even make $state.go() invocations.
(function () {
'use strict';
angular.module('myApp').factory('myService', ['$q', '$http', myService]);
function myService($q, $http) {
var service = this;
function searchPlacesAsync() {
var placesList = [
{ userName: 'Mister X', title: 'Haunted places' },
{ userName: 'Mister A', title: 'Cute places' },
{ userName: 'Mister S', title: 'Lovely places' }
];
var deferred = $q.defer();
deferred.resolve(placesList);
return deferred.promise;
};
return {
searchPlacesAsync: searchPlacesAsync
};
};
})();
Unit test
describe('myService', function(){
var myService,
$scope;
beforeEach(module('myApp'));
beforeEach(inject(function (_myService_, _$rootScope_){
myService = _myService_;
$scope = _$rootScope_.$new();
}));
it('should search places just fine', inject( function($httpBackend){
// Arrange
var placesFilter = { location: { country: 'Russia', city: 'Moscow'} };
myService.setFilter(placesFilter);
// TODO Why should I do it
$httpBackend.whenGET('app/search_places/searchPlaces.html').respond({});
//$httpBackend.whenGET('app/landing/landing.html').respond({});
// Act
var result = myService.searchPlacesAsync();
$scope.$apply();
// Assert
expect(result).not.toBe(null);
}) );
});
And finally, here's my Karma config file
module.exports = function(config) {
config.set({
basePath: '',
frameworks: ['jasmine'],
files: [
'../www/lib/ionic/js/ionic.bundle.js',
'../www/lib/angular-mocks/angular-mocks.js',
'../www/lib/angular/angular.js',
'../www/lib/ionic-wizard/dist/ion-wizard.min.js',
'../www/app/**/*.js',
'**/*Spec.js'
],
exclude: [],
preprocessors: {},
reporters: ['progress'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['PhantomJS'],
singleRun: false,
concurrency: Infinity
})
}
Aucun commentaire:
Enregistrer un commentaire