Angularjs 如何测试是否实际创建了角度服务?

Angularjs 如何测试是否实际创建了角度服务?,angularjs,jasmine,Angularjs,Jasmine,我这里有一个代码,它是ng wrap的一个分支,它的灵感来源于。基本上,它为第三方库引入的全局变量创建一个角度服务,这是为了用angularjs依赖注入的概念来确认。但我正在努力研究如何测试第三方变量是否真的转换为角度服务 代码如下: (function() { 'use strict'; angular .module('blocks.wrapper', []); })(); /* jshint ignore:start, -W101 */ // Inspired fro

我这里有一个代码,它是
ng wrap
的一个分支,它的灵感来源于。基本上,它为第三方库引入的全局变量创建一个角度服务,这是为了用angularjs依赖注入的概念来确认。但我正在努力研究如何测试第三方变量是否真的转换为角度服务

代码如下:

(function() {
  'use strict';

  angular
    .module('blocks.wrapper', []);
})();


/* jshint ignore:start, -W101 */
// Inspired from http://www.bennadel.com/blog/2720-creating-and-extending-a-lodash-underscore-service-in-angularjs.htm
// Fork from https://github.com/bahmutov/ng-wrap
/* jshint ignore:end, +W101 */
(function() {
  'use strict';

  angular
    .module('blocks.wrapper')
    .provider('ngWrap', ngWrapProvider);

  ngWrapProvider.$inject = ['$provide'];
  /* @ngInject */
  function ngWrapProvider($provide) {
    /* jshint validthis:true */
    this.wrapper = wrapper;

    this.$get = function() {
      return {'wrapper': wrapper};
    };

    ///////////////////////////////////////////////////////////////////////////////////////////////
    //////////////////////////////////////// IMPLEMENTATION ///////////////////////////////////////
    ///////////////////////////////////////////////////////////////////////////////////////////////

    function wrapper(name, leaveGlobal) {
      $provide.provider(name, function () {
        if (typeof window[name] === 'undefined') {
          throw new Error('Cannot find window.' + name);
        }

        var thing = window[name];
        if (!leaveGlobal) {
          delete window[name];
        }

        this.$get = function() {
          return thing;
        };
      });
    }
  }
})();
我这里是我到目前为止的测试规范:

'use strict';

/* jshint -W117, -W030 */
describe('blocks.wrapper', function() {
  var ngWrapProvider;
  var ngWrap;
  var mocks = {
    windowProperty: {
      testProperty: 'testValue'
    }
  };

  beforeEach(module('blocks.wrapper', function (_ngWrapProvider_) {
    ngWrapProvider = _ngWrapProvider_;
  }));

  beforeEach(inject(function (_ngWrap_) {
    ngWrap = _ngWrap_;
  }));

  describe('ngWrapProvider', function() {
    it('should successfuly be defined', inject(function() {
      expect(ngWrapProvider).toBeDefined();
    }));

    it('should have a wrapper method', function() {
      expect(ngWrapProvider.wrapper).toBeDefined();
    });
  });

  describe('ngWrap', function() {
    it('should successfuly be defined', function() {
      expect(ngWrap).toBeDefined();
    });

    it('should have a wrapper method', function() {
      expect(ngWrap.wrapper).toBeDefined();
    });
  });

  it('should have ngWrapProvider.wrapper & ngWrap.wrapper point to the same function', function() {
    expect(ngWrapProvider.wrapper).toEqual(ngWrap.wrapper);
  });

  describe('wrapper method', function() {
    it('should throw an error when window.property is undefined', function() {
      expect(function() { ngWrapProvider.wrapper('_'); }).toThrow();
      expect(function() { ngWrap.wrapper('_'); }).toThrow();
    });
  });
});
我对测试比较陌生,所以我可能做得都不对。虽然,是的,上面所有的测试规范都通过了,但我正在努力研究如何测试
window.property
实际上被转换为角度服务

以下是我迄今为止的尝试:

describe('wrapper method', function() {
  ...
  it('should convert window.property to an angular service', inject(function($injector) {
    window._ = mocks.windowProperty;
    ngWrapProvider.wrapper('_');
    $injector.invoke(ngWrapProvider);
    expect(angular.injector().has('_')).toBeTruthy();
  }));
});
以上给出的误差为:
错误:[ng:areq]参数“fn”不是函数,获取了ngWrapProvider

如果我试图完全删除带有$injector的行,那么
expect(angular.injector().has(“”)).toBeTruthy()始终返回false


我是从

中了解到$injector的整个概念的,所以这就是我解决问题的方法,
$injector.invoke
需要一个函数作为参数,所以我所做的是包装
ngWrapProvider.wrapper(“')代码,然后使该函数成为
$injector.invoke
的参数

然后,我创建了一个
it
语句,它在其中接受/注入新的
服务。如果它被定义并等同于我的mock
窗口.
那么我可以说服务确实被创建了,并且在全局范围内引用了正确的对象

下面是我使用的实际代码

describe('wrapper method', function() {
  ...
  describe('with window.property', function() {
    beforeEach(inject(function($injector) {
      window._ = mocks.windowProperty;
      $injector.invoke(function () {
        ngWrapProvider.wrapper('_');
      });
    }));

    it('should expose window.property as an angular service', inject(function(_) {
      expect(_).toBeDefined();
      expect(_).toEqual(mocks.windowProperty);
    }));

    ...
  });
});