正しい方法AngularJS $リソースサービスの模倣

Question

AngularJS $リソースサービスがテストのためにmockcedされる方法について混乱しています。 $ httpBackendサービスを使用するには2つの方法があります。 （Pluralsightのチュートリアルから取られた） 片道：

describe('test', function() { 

    beforeEach(module('name')); 

    it('text', inject(function($httpBackend) { 
     $httpBackend.expectGET("/url"); 
     // some code 
     $httpBackend.flush(); 
    }); 
} 

（this SO answerからコピーされた）他の方法：

describe('test', function() { 
    var $httpBackend; 
    beforeEach(angular.mock.module('name')); 

    beforeEach(function() { 
     angular.mock.inject(function ($injector) { 
      $httpBackend = $injector.get('$httpBackend'); 
     }) 
    }); 

    describe('text', function() { 
     it('text', inject(function (User) { 
      $httpBackend.expectGET('/url') 
       .respond([{ 
        property: 'test' 
       }]); 

      // Some code 

      $httpBackend.flush(); 
     })); 

    }); 
}); 

最初の方法は、直接のに対しモジュールを使用して、なぜ私は理解していません2番目の方法はです。angular.mock.moduleです。そして、httpBackendサービスは異なった方法で注入されます。 2番目の方法は、はるかに冗長です。最初の方法がうまくいくなら、2番目の方法のすべての冗長な点は何でしょうか？

Answer 1

正しい方法はありませんが、ここにはいくつかの懸念事項があります。

moduleは、angular.mock.moduleのショートカットです。後者は、CommonJSモジュールとの競合を避けるために使用できます。

angular.mock.injectが使用された唯一の理由は、angular.mock.moduleと一致していますが、いつでもinjectに短縮することができます。

beforeEach(inject(...))は、同じサービスが複数の仕様で使用されることになっている場合に使用されます。

beforeEach(function() { inject(...) })はbeforeEach(inject(...))の冗長バージョンです。ブロックbeforeEachにinject以外のものがある場合は、可読性のために複数のブロックに分割することを検討してください。

$injector.getは、冗長であり、ここではスタイルや機能の面で利点はありません。サービスが変数である場合、それは良い何もしませんが、それは彼らに何回かを列挙することなく、thisスペックコンテキストにバッチでサービスを割り当てるための有益なパターンが用意されています

beforeEach(inject(function ($injector) { 
    var self = this; 

    ['$httpBackend', ...].forEach(function (depName) { 
    self[depName] = $injector.get(depName); 
    }); 
})); 

it(function() { 
    var self = this; 

    self.$httpBackend... 
});