因果报应测试——服务注入错误

karma testing - services injection error

本文关键字:错误 注入 服务 因果报应 测试      更新时间:2023-09-26

我继承了一个angular项目,它使用了npm、grunt、bower…还有业力+茉莉。我被要求使用karma和jasmin为项目设置一些测试。Karma已经在项目中设置,但从未使用过。当我运行'grunt test'时,我在所有服务上都得到了注入错误,如下所示。

错误:[$injector:unpr]未知提供商:excelparserserviceProvider &lthttp://errors.angularjs.org/1.2.6/$喷射器/unprp0 = 3 c excelparserserviceProvider % 20% - % 20 excelparserservice

已经有一个像这样的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'->包含所有的测试文件

有对应于应用程序的每个部分的测试文件。我被告知是自动生成的。所以我觉得很奇怪,如果他们应该包含错误。但是与excelparserservice注入错误相关的错误是。

'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) {

在一般工程中的应用。

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

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

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

意味着您将其注册为名称ExcelParserService。另一方面,当您尝试将服务注入到测试中时,您可以使用小写的名称:

beforeEach(inject(function (_excelparserservice_) {

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

beforeEach(inject(function (_ExcelParserService_) {