53

プロバイダーを単体テストする方法の例はありますか?

例えば：

config.js

angular.module('app.config', [])
  .provider('config', function () {
    var config = {
          mode: 'distributed',
          api:  'path/to/api'
        };

    this.mode = function (type) {
      if (type) {
        config.isDistributedInstance = type === config.mode;
        config.isLocalInstance = !config.isDistributedInstance;
        config.mode = type;
        return this;
      } else {
        return config.mode;
      }
    };

    this.$get = function () {
      return config;
    };
  }]);

app.js

angular.module('app', ['app.config'])
  .config(['configProvider', function (configProvider) {
    configProvider.mode('local');
  }]);

app.jsテストで使用していますが、既に構成されていることがわかりconfigProvider、サービスとしてテストできます。しかし、構成する機能をテストするにはどうすればよいでしょうか? それとも全く必要ないですか？

4

6 に答える 6

46

私は@Mark Gemmillのソリューションを使用してきましたが、うまく機能しますが、偽のモジュールの必要性を排除する、このやや冗長なソリューションに出くわしました。

https://stackoverflow.com/a/15828369/1798234

そう、

var provider;

beforeEach(module('app.config', function(theConfigProvider) {
    provider = theConfigProvider;
}))

it('tests the providers internal function', inject(function() {
    provider.mode('local')
    expect(provider.$get().mode).toBe('local');
}));


プロバイダーの $get メソッドに依存関係がある場合は、それらを手動で渡すことができます。

var provider;

beforeEach(module('app.config', function(theConfigProvider) {
    provider = theConfigProvider;
}))

it('tests the providers internal function', inject(function(dependency1, dependency2) {
    provider.mode('local')
    expect(provider.$get(dependency1, dependency2).mode).toBe('local');
}));


または、$injector を使用して新しいインスタンスを作成します。

var provider;

beforeEach(module('app.config', function(theConfigProvider) {
    provider = theConfigProvider;
}))

it('tests the providers internal function', inject(function($injector) {
    provider.mode('local')
    var service = $injector.invoke(provider);
    expect(service.mode).toBe('local');
}));


上記の両方を使用すると、ブロック内の 個々のitステートメントごとにプロバイダーを再構成することもできます。describeただし、複数のテストに対してプロバイダーを 1 回だけ構成する必要がある場合は、これを行うことができます。

var service;

beforeEach(module('app.config', function(theConfigProvider) {
    var provider = theConfigProvider;
    provider.mode('local');
}))

beforeEach(inject(function(theConfig){
    service = theConfig;
}));

it('tests the providers internal function', function() {
    expect(service.mode).toBe('local');
});

it('tests something else on service', function() {
    ...
});
于 2014-10-31T11:54:27.820 に答える
4

@Stephane Catala の回答は特に役に立ちました。彼の providerGetter を使用して、必要なものを正確に取得しました。プロバイダーに初期化を行わせ、実際のサービスでさまざまな設定が正しく機能していることを検証できることが重要でした。コード例:

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

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

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

ジャスミンのテスト仕様:

    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; }; // inject calls the above
        }

        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');
        });

    });
于 2015-07-19T03:43:50.713 に答える
2

これは、取得プロバイダーを適切にカプセル化する小さなヘルパーです。これにより、個々のテスト間の分離が確保されます。

  /**
   * @description request a provider by name.
   *   IMPORTANT NOTE: 
   *   1) this function must be called before any calls to 'inject',
   *   because it itself calls 'module'.
   *   2) the returned function must be called after any calls to 'module',
   *   because it itself calls 'inject'.
   * @param {string} moduleName
   * @param {string} providerName
   * @returns {function} that returns the requested provider by calling 'inject'
   * usage examples:
    it('fetches a Provider in a "module" step and an "inject" step', 
        function() {
      // 'module' step, no calls to 'inject' before this
      var getProvider = 
        providerGetter('module.containing.provider', 'RequestedProvider');
      // 'inject' step, no calls to 'module' after this
      var requestedProvider = getProvider();
      // done!
      expect(requestedProvider.$get).toBeDefined();
    });
   * 
    it('also fetches a Provider in a single step', function() {
      var requestedProvider = 
        providerGetter('module.containing.provider', 'RequestedProvider')();

      expect(requestedProvider.$get).toBeDefined();
    });
   */
  function providerGetter(moduleName, providerName) {
    var provider;
    module(moduleName, 
           [providerName, function(Provider) { provider = Provider; }]);
    return function() { inject(); return provider; }; // inject calls the above
  }
  • プロバイダーを取得するプロセスは完全にカプセル化されています。テスト間の分離を減らすクロージャー変数は必要ありません。
  • プロセスは、「モジュール」ステップと「注入」ステップの 2 つのステップに分割できます。これらは、単体テスト内の「モジュール」および「注入」への他の呼び出しとそれぞれグループ化できます。
  • 分割が不要な場合は、プロバイダーの取得を 1 つのコマンドで簡単に実行できます。
于 2015-04-22T17:52:53.527 に答える
1

プロバイダーで一部の設定が正しく設定されていることをテストするだけでよかったので、module().

上記の解決策のいくつかを試した後、プロバイダーが見つからないという問題も発生したため、別のアプローチの必要性が強調されました.

その後、設定を使用して、新しい設定値の使用が反映されていることを確認するテストをさらに追加しました。

describe("Service: My Service Provider", function () {
    var myService,
        DEFAULT_SETTING = 100,
        NEW_DEFAULT_SETTING = 500;

    beforeEach(function () {

        function configurationFn(myServiceProvider) {
            /* In this case, `myServiceProvider.defaultSetting` is an ES5 
             * property with only a getter. I have functions to explicitly 
             * set the property values.
             */
            expect(myServiceProvider.defaultSetting).to.equal(DEFAULT_SETTING);

            myServiceProvider.setDefaultSetting(NEW_DEFAULT_SETTING);

            expect(myServiceProvider.defaultSetting).to.equal(NEW_DEFAULT_SETTING);
        }

        module("app", [
            "app.MyServiceProvider",
            configurationFn
        ]);

        function injectionFn(_myService) {
            myService = _myService;
        }

        inject(["app.MyService", injectionFn]);
    });

    describe("#getMyDefaultSetting", function () {

        it("should test the new setting", function () {
            var result = myService.getMyDefaultSetting();

             expect(result).to.equal(NEW_DEFAULT_SETTING);
        });

    });

});
于 2016-08-12T16:35:10.563 に答える