javascript - Angular，测试自定义提供程序和配置

Question

我有一个提供程序，它使用构造函数获取其中设置的项目，然后返回一个带有一些函数的 $get 供使用。问题是 $get 函数都使用一个用我拥有的构造函数设置的对象，并且我希望能够设置构造函数进行测试(或者可能是不同的方法？)。这是我所拥有的。

提供者(为 requirejs 构建)

  function URLprovider(angular, URLfactory, underscore) {
     var metadata = {
         componentName: 'URLprovider',
         moduleName: 'test.URLprovider'
     };

     $moduleObjectProvider.$inject = [];

     function $moduleObjectProvider() {

         var currentModules = {};

         function modulePush(currentModule, name) {
                 var tempMod = {};
                 tempMod[name] = currentModule;
                 _.extend(currentModules, tempMod);
             }

        //constructor
         this.moduleConstructor = function(name, cb) {
             if (!currentModules[name]) {
                 this.states = [];
                 this.callback = cb;
                 modulePush(this, name);
             }
         };

         this.$get = $get;

         $get.$inject = ['URLfactory', '$log', '$location'];

         function $get(URLfactory, $log, $location) {

             return {
                 go: function(name, stateName, options) {

                 },
                 prep: function(name, stateName, options) {

                 },
                 modules: function() {
                     return currentModules;
                 }
             };
         }
     }

     angular.module(metadata.moduleName, []).provider(metadata.componentName, $moduleObjectProvider);

所以 - 我想测试的函数在 $get.txt 中。如果我在测试中使用 console.log URLprovider，我只会取回 get 中的函数。每个 get 函数都使用通过构造函数设置的 currentModules 变量。因此，在正常情况下，我只需将其设置在配置中，例如 -

  .config(function(URLproviderProvider) {
                 var callback = function(name, obj) {
            console.log(name, obj);
        }

        var mod = new URLproviderProvider.moduleConstructor("module1,", callback)
            .addState("calender", ["day", "week", "month"]);


    })

这样就会将该对象推送到 currentModules 中。我需要这样做基本上是为了测试，因为如果没有 currentModules 中的某些内容，$get 中的所有函数都将无法正确运行。

所以我想知道的是 -

测试时有没有办法伪造变量 currentModules ？

有没有一种方法可以模拟配置来设置 currentModules (在 beforeEach 中)进行测试，我觉得我需要以不同的方式公开构造函数(我现在不知道如何)，因为当我登录时URLprovider 在测试中，它只返回 $get 中的函数，我认为我无法访问其中的函数？

或者我应该以另一种方式处理这个问题？

我正在使用Karma、Chai 和Sinon。谢谢!

撞!

编辑:

所以我尝试通过将构造函数放入 $get 中来进行测试 - 就像

     moduleConstructor: function(name, cb) {
         if (!currentModules[name]) {
             this.states = [];
             this.callback = cb;
             modulePush(this, name);
         }
     };

但是，在 get 内部，this 引用现在已关闭(我们位于 this.$get 内部)。如果我可以公开构造函数，我可以调用它来将新的内容插入其中并通过它进行测试。如果我尝试在 get 的函数内记录 this ，则 this 引用整个 get 。

因此，在外部有一个 this.moduleConstructor 函数可以让我根据我想要的方式调用 new 函数。

编辑:撞!仍然无法弄清楚这个:(

Answer 1

我在帖子How to test AngularJS custom provider中找到了一个非常好的答案，尤其是 Stephane Catala(4 月 22 日)的答案，它提供了一个通用函数providerGetter，可以让您在 Jasmine 测试中访问提供程序。您还可以访问提供商提供的服务。使用该函数(在 Jasmine 中)，您可以执行以下操作:

describe("provider test", function() {
  var infoProvider, info;

  function providerGetter(moduleName, providerName) {
    var provider;
    module(moduleName, 
       [providerName, function(Provider) { provider = Provider; }]);
    return function() { inject(); return provider; }; 
  }

  beforeEach(function() {
    infoProvider = providerGetter('test', 'infoProvider')();
  });

  it('should return nothing if not set', function() {
    inject(function(_info_) { info = _info_; });
    expect(info.getInfo()).toEqual('nothing');
  });

  it('should return the info that was set', function() {
    infoProvider.setInfo('something');
    inject(function(_info_) { info = _info_; });
    expect(info.getInfo()).toEqual('something');
  });
});

本次测试的提供者非常简单

    angular
        .module('test', [])
        .provider('info', info);

    function info() {
        var nfo = 'nothing';
        this.setInfo = function(s) { nfo = s; };
        this.$get = Info;

        function Info() {
            return { getInfo: function() {return nfo;} };
        }
    }

不太确定如何将其转换为 sinon，但providerGetter(使用 Angular-Mocks 函数)应该可以工作。