使用 Jasmine、Karma 和 ng-Mock 在 Angular 中提供单元测试服务

Question

我在单元测试中访问我的服务和过滤器时遇到问题（我还没有尝试指令）。我以前编写过单元测试，但是当我转到构建的配置时，我无法访问我们的新服务来编写单元测试。我不断收到 TypeError: null is not an object (evaluating 'currentSpec.$modules') in...。我做了一些阅读，看起来它可能与我正在使用的节点包有关。我想知道更大的社区是否可以确保这些配置看起来正确。我已经缩写了下面的文件。

使用当前配置，这是错误的。

package.json

"devDependencies": {
  "angular": "1.5.7",
  "angular-mocks": "1.5.7",
  "jasmine": "2.4.1",
  "jasmine-core": "2.4.1",
  "karma-browserify": "5.1.0",
  "karma-chrome-launcher": "1.0.1",
  "karma-jasmine": "1.0.2",
  "karma-nyan-reporter": "0.2.4",
  "karma-phantomjs2-launcher": "0.5.0",
  "phantomjs2": "2.2.0"
}

karma.conf.js

module.exports = function(config) {
  config.set({

    basePath: '',

    frameworks: ['browserify', 'jasmine'],

    files: [
      'app/main.js',
      'app/modules/**/*.spec.js',
      'app/shared/**/**/*.spec.js'
    ],

     preprocessors: {
       'app/main.js': ['browserify'],
       'app/modules/index.js': ['browserify'],
       'app/shared/index.js': ['browserify'],
       'app/modules/**/*.spec.js': ['browserify'],
       'app/shared/**/**/*.spec.js': ['browserify']
     },
  })
}

service.spec.js

describe('Unit: Services', function() {
  require('angular-mocks/ngMock');

  var APIHelper;

  beforeEach(function() {
    angular.mock.module('app.common.services');
  });

  beforeEach(inject(function(apiHelperService) {
    APIHelper = apiHelperService; //injection is what's breaking
  }));

  it('should exist', function() {
    expect(APIHelper).toBeDefined();
  });

});

正在以正确的顺序加载服务和规范。此服务没有依赖项。我假设当我需要注入服务依赖项时我会遇到同样的错误，但如果我能弄清楚注入，我就可以根据需要注入适当的服务。

// This worked in a controller
angular.mock.inject(function GetDependencies(service) {
  service = service;
});

预先感谢您抽出时间查看此内容并可能回答问题。

-W

Answer 1

我没有在我的应用声明中包含 require('angular-mocks/ngMock')。有时，这是小事。

使用 Jasmine、Karma 和 ng-Mock 在 Angular 中提供单元测试服务

Unit Testing Services in Angular with Jasmine, Karma and ng-Mock

javascript

jasmine

angularjs

karma-runner

angularjs-ngmock