Come si immette $ rootScope in un test di unità AngularJS?

Question

Supponiamo che io sono un servizio che dipende da un valore in $ rootScope, come con il seguente servizio di (banale):

angular.module('myServices', []) 
.factory('rootValGetterService', function($rootScope) { 
    return { 
     getVal: function() { 
      return $rootScope.specialValue; 
     } 
    }; 
}); 

Se voglio unit test questo mettendo un valore in $ rootScope, qual è la miglior modo per farlo?

Answer 1

Utilizzando fornire(), si può iniettare un nuovo $ rootScope:

describe('in rootValGetter', inject(function ($rootScope) { 
    var scope; 
    var testRootValGetter; 

    beforeEach(function() { 

     scope = $rootScope.$new(); 

     module(function ($provide) { 
      $provide.value('$rootScope', scope); 
     }); 

     inject(function ($injector) { 
      testRootValGetterService = $injector.get('rootValGetterService'); 
     }); 
    }); 

    it('getVal returns the value from $rootScope', function() { 
     var value = 12345; 

     scope.specialValue = value; 

     expect(testRootValGetterService.getVal()).toBe(value); 
    } 
} 

Answer 2

Includere angular-mocks.js, quindi utilizzare angular.mock.inject:

Answer 3

... 
var $rootScope; 
beforeEach(inject(function(_$rootScope_) { 
    $rootScope = _$rootScope_; 
})); 
... 

Answer 4

Basta cercare di dare una risposta più dettagliata tra cui il test caso:

...

var $rootScope; 
beforeEach(inject(function(_$rootScope_) { 
    $rootScope = _$rootScope_; 
})); 

...

it('getVal returns the value from $rootScope', function() { 
     var value = 12345; 
     $rootScope.specialValue = value; 
     expect(testRootValGetterService.getVal()).toBe(value); 
    } 

Answer 5

Ecco quello che ho fatto:

it('some kind of wacky test', function($rootScope, Translate){ 
    $rootScope.lang = 'en'; 
    expect(Translate('overview').toBe('Overview'); 
} 

Answer 6

Spero che questo aiuti gli altri come questa era la soluzione a un problema simile.

var rootValGetterService; 

beforeEach(inject(function($rootScope,$injector) { 
    $rootScope.specialValue = "test"; 
    rootValGetterService= $injector.get('rootValGetterService'); 
})); 

it("Should have a service", function() { 
    expect(rootValGetterService).toBeDefined(); 
}); 

Answer 7

Invece di creare un nuovo ambito come si farebbe se si stesse iniettando $scope si può deridere le proprietà è necessario direttamente in $rootScope.

Quindi $rootScope verrà iniettato con quelle proprietà disponibili nel codice che si sta testando.

Almeno questo è il modo in cui ho risolto lo stesso problema.

Il seguente codice dovrebbe funzionare nel tuo esempio.

beforeEach(inject(function($rootScope) { 
    $rootScope.specialValue = 'whatever'; 
}));