Jasmine spies on Angular services

Question

Я пытаюсь настроить тесты на угловом контроллере с использованием жасмина и кармы. Я не могу поставить все из моего кода здесь, потому что это довольно большой, но вот некоторые образцы моего кода:

CompilerController.js (это контроллер я хочу проверить)

(function() { 
    angular.module('webcompiler') 
     .controller('CompilerController', ['templateService', 'compilationService', CompilerController]); 

    function CompilerController(templateService, compilationService) { 
     var vm = this; 

     /// Initialization 
     (function() { 
      vm.template = 'c_basic.c'; 
      ... 
     })(); 

     /// Public members 
     vm.loadTemplate = loadTemplate; 

     /// Implementation 
     function loadTemplate() { 
      templateService.get(vm.template, function(source) { 
       vm.sourcecode = source; 
      }); 
     } 
    } 
})(); 

CompilerController. spec.js

describe('CompilerController', function() { 
    var CompilationService, TemplateService, controller; 

    beforeEach(function() { 
     module('webcompiler'); 
    }); 

    beforeEach(function() { 
     inject(function(_$controller_, _TemplateService_, _CompilationService_) { 
     CompilationService = _CompilationService_; 
     TemplateService = _TemplateService_; 
     spyOn(TemplateService, 'get').and.callFake(function(code, callback) { 
      callback('c_basic_content'); 
     }); 
     controller = _$controller_('CompilerController'); 
     }); 
    }); 

    it('starts with default template as source', function() { 
     expect(controller.template).toBe('c_basic.c'); 
     expect(controller.sourcecode).toBe('c_basic_content'); 
    }); 

    describe('loadTemplate function', function() { 
     it('changes the content of the source area when called', function() { 

     spyOn(TemplateService, 'get').and.callFake(function(code, callback) { // Does this work ? Changing the spy after injection ? 
      if(code == 'c_parameters.c') { callback('c_parameters_content'); } 
     }); 
     controller.template = 'c_parameters.c'; 
     controller.loadTemplate(); 
     expect(controller.sourcecode).toBe('c_parameters_content'); 
     }); 
    }); 
    }); 

Несмотря на то, что я даже не уверен, что это работает (замена шпиона после того, как контроллер был создан, см моей комментируемой строки), все тестов в этом файле завершаться следующим ошибка:

PhantomJS 1.9.8 (Windows 7 0.0.0) CompilerController loadTemplate function changes the content of the source area when called FAILED Error: [$injector:unpr] Unknown provider: TemplateServiceProvider <- TemplateService

Вот часть моего karma.conf.js:

module.exports = function (config) { 
    config.set({ 
     // base path, that will be used to resolve files and exclude 
     basePath: '../../', 
     // testing framework to use (jasmine/mocha/qunit/...) 
     frameworks: ['jasmine'], 
     // list of files/patterns to load in the browser 
     files: [ 
      // bower:js 
      'main/webapp/bower_components/jquery/dist/jquery.js', 
      'main/webapp/bower_components/angular/angular.js', 
      'main/webapp/bower_components/angular-cache-buster/angular-cache-buster.js', 
      'main/webapp/bower_components/bootstrap/dist/js/bootstrap.js', 
      'main/webapp/bower_components/angular-mocks/angular-mocks.js', 
      // endbower 
      'main/webapp/js/webcompiler.module.js', 
      'main/webapp/js/TemplateService.js', 
      'main/webapp/js/CompilationService.js', 
      'main/webapp/js/CompilerController.js', 
      'test/javascript/**/*.coffee' // I use coffeescript for the specs. The file I showed in this question are the compiled version. 
     ], 
     // Browser on which to test 
     browsers: ['PhantomJS'], 
     // Compile coffeescript specs 
     preprocessors: { 
      'test/javascript/**/*.coffee': ['coffee'] 
     }, 
     coffeePreprocessor: { 
      options: { 
      bare: true, 
      sourceMap: false 
      }, 
      transformPath: function(path) { 
      return path.replace(/\.coffee/, '.js') 
      } 
     } 
    }); 
}; 

Answer 1

Внутри контроллера вы инъекционная услугу «templateService» с использованием нижнего регистра, но он вводится в верхнем регистре внутри функции beforeEach. Может быть, это поможет.