业力测试 - 服务注入错误答案

【问题标题】：karma testing - services injection error业力测试 - 服务注入错误
【发布时间】：2015-08-12 12:42:12
【问题描述】：

我继承了一个使用 npm、grunt、bower ... 和 karma + jasmin 的 Angular 项目。我被要求使用 karma 和 jasmin 为项目设置一些测试。业力已在项目中设置但从未使用过。当我运行“grunt test”时，所有服务都出现注入错误，如下所示。

错误：[$injector:unpr] 未知提供者：excelparserserviceProvider http://errors.angularjs.org/1.2.6/$injector/unprp0=excelparserserviceProvider%20%3C-%20excelparserservice

已经有一个像这样的 karma.conf.js。我没有更改 karma.conf 文件中的任何内容，除了将项目中使用的一些库添加到 Files: [] 下的列表中。

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: [

      'app/bower_components/angular/angular.js',
      'app/bower_components/angular-mocks/angular-mocks.js',
      'app/bower_components/angular-resource/angular-resource.js',
      'app/bower_components/angular-cookies/angular-cookies.js',
      'app/bower_components/angular-sanitize/angular-sanitize.js',
      'app/bower_components/angular-route/angular-route.js',

      // i manually added the ones from here
      'app/bower_components/jquery/dist/jquery.js',
      'app/bower_components/geocoder-js/dist/geocoder.js',
      'app/bower_components/js-xlsx/dist/xlsx.core.min.js',
      'app/bower_components/angular-bootstrap/ui-bootstrap-tpls.js',
      'app/bower_components/d3/d3.js',
      'app/bower_components/angular-file-upload/angular-file-upload.js',
      // to here.
      'app/scripts/*.js',
      'app/scripts/**/*.js',
      'test/mock/**/*.js',
      'test/spec/**/*.js'
    ],

    // list of files / patterns to exclude
    exclude: [],

    // web server port
    port: 8080,

    // level of logging
    // possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
    logLevel: config.LOG_INFO,


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: false,


    // Start these browsers, currently available:
    // - Chrome
    // - ChromeCanary
    // - Firefox
    // - Opera
    // - Safari (only Mac)
    // - PhantomJS
    // - IE (only Windows)
    browsers: ['Chrome'],


    // Continuous Integration mode
    // if true, it capture browsers, run tests and exit
    singleRun: false
  });
};

路径，

'app/scripts/*.js' --> 导致 app.js 和一个 config.js

'app/scripts/**/*.js' -->通向所有服务控制器和指令

'test/mock/**/*.js' --> 不存在

'test/spec/**/*.js'-->包含所有测试文件

应用程序的每个部分都有对应的测试文件。有人告诉我这是自动生成的。所以我觉得它们是否应该包含错误很奇怪。但与 excpelparserservice 注入错误有关的是。

'use strict';

describe('Service: excelparserservice', function () {

  // load the service's module
  beforeEach(module('batchUploadApp'));

  // instantiate service
  var Excelparserservice;
  beforeEach(inject(function (_excelparserservice_) {
    Excelparserservice = _excelparserservice_;
  }));

  it('should do something', function () {
    expect(!!Excelparserservice).toBe(true);
  });

});

服务的声明如下所示。

'use strict';

angular.module('batchUploadApp')
.service('ExcelParserService',
  function ExcelParserService($q, ExcelvalidationService, GeoLocationService) {

一般工程中的应用程序。

希望我的解释有用:) 谢谢。

【问题讨论】：

你试过注入_ExcelParserService_吗？它也可能只是一个区分大小写的问题|||编辑：很可能是这种情况，我在我的一个项目中本地尝试过，是的，案例必须匹配。

标签： javascript angularjs unit-testing karma-runner karma-jasmine

【解决方案1】：

您可以这样定义和注册您的服务：

angular.module('batchUploadApp').service('ExcelParserService', ...

意味着您以ExcelParserService 的名义注册它。另一方面，当您尝试将服务注入到您的测试中时，您会使用小写的名称：

beforeEach(inject(function (_excelparserservice_) {

两个名称必须匹配，因此解决方案是更改参数的名称：

beforeEach(inject(function (_ExcelParserService_) {

【讨论】：