Angular.js +噶+茉莉花：未知的提供服務

Question

我正在寫一個測試以下Angular.js服務：

var module = angular.module('wp', [ 'aws', 'lodash', 'jquery', 'moment', 'wp.model' ]); 

/** 
* Wordpress service. 
*/ 
module.service('wpService', function(_, $http, $q, $aws, Post) { 
    var self = this; 

    /** 
    * HTTP request. 
    */ 
    this.http = function(config) { 
     var $config = _.clone(config); 

     if ($config.user && $config.password) { 
      $config.headers = $config.headers || {}; 
      $config.headers.Authorization = 'Basic ' + btoa($config.user + ':' + $config.password); 
     } 

     return $http($config); 
    }; 

    // .. 
} 

測試用例如下：

/** 
* Unit tests for wpService. 
*/ 
describe('apService', function() { 

    var wpService; 

    beforeEach(angular.module('wp')); 

    beforeEach(inject(function(_wpService_) { 
     wpService = _wpService_; 
    })); 

    it('is defined', function() { 
     expect(wpService).toBeDefined(); 
    }); 
}); 

這看起來像文本書一樣。不幸的是，我發現了以下錯誤：

Chrome 43.0.2357 (Mac OS X 10.10.3) apService is defined FAILED 
TypeError: queueableFn.fn.call is not a function 
Error: [$injector:unpr] Unknown provider: wpServiceProvider <- wpService 
http://errors.angularjs.org/1.4.1/$injector/unpr?p0=wpServiceProvider%20%3C-%20wpService 
    at /Users/jdolan/Coding/tuuli-syndicate/bower_components/angular/angular.js:68:12 

我karma.config.js包括模塊以及angular-mocks.js：

// list of files/patterns to load in the browser 
    files : [ 'bower_components/jquery/dist/jquery.js', 
       'bower_components/lodash/lodash.js', 
       'bower_components/moment/moment.js', 
       'bower_components/x2js/xml2json.js', 
       'bower_components/aws-sdk/dist/aws-sdk.js', 
       'bower_components/angular/angular.js', 
       'bower_components/angular-route/angular-route.js', 
       'bower_components/angular-mocks/angular-mocks.js', 
       'app/**/*.js', 
       'tests/**/*.js' ], 

我採用了棱角分明1.4.1，噶0.12。 36。

Answer 1

仔細閱讀the angular-mocks example here。

angular.module()函數返回實際的角度模塊，而module()是angular.mock.module()的簡稱。在你的代碼中替換這一行，你應該全部設置：

beforeEach(module('wp'));