Olayları açısal olarak nasıl test edebilirim?

Question

Bu olayların doğru şekilde yayılmasını veya yayınlanmasını test etmem ve olayları manuel olarak tetiklemem gerekiyor.

Bunu yapmanın en iyi yolu nedir?

Answer 1

Sadece olay ateşleme ve yakalama üzerinde bazı testlere ihtiyacınız varsa, bunu böyle yaparım. Belirli bir olayın tetiklendiğinden emin olmak için ($emit -ed veya $broadcast10 -ed), casus gitmek için bir yoldur. Sadece böyle bir şey yapmak için daha sonra $emit veya $broadcast ve arayacaktır kapsam başvuru gerekir:

spyOn(scope, "$emit") 
//run code to test 
expect(scope.$emit).toHaveBeenCalledWith("MY_EVENT_ID", other, possible, args); 

İhtiyacınız olmayan veya olan argümanlar hakkında endişe istemiyorsanız $emit ile geçirdiğinizde, $rootScope numaralı telefona bir $on ekleyebilir ve etkinliğin yayıldığını öğrenmek için bir bayrak ayarlayabilirsiniz. Böyle bir şey:

var eventEmitted = false; 
$rootScope.$on("MY_EVENT_ID", function() { 
    eventEmitted = true; 
}); 
//run code to test 
expect(eventEmitted).toBe(true); 

test işlevselliği için bir olay ($on) yakalandığı zaman çalışır, biraz daha kolay. işlevinden bir $rootScope alın ve ardından istediğiniz etkinliği gönderin.

$rootScope.$broadcast("EVENT_TO_TEST", other, possible, args); 
//expects for event here 

Şimdi, bu olay işleme bir direktif veya direktif testleri kurma için bir denetleyici (veya her ikisi) de olmayacaktı hayal https://github.com/vojtajina/ng-directive-testing bakın. Denetleyici sınamalarını ayarlamak için bkz. https://github.com/angular/angular-phonecat/blob/master/test/unit/controllersSpec.js#L27

Bu yardımcı olur. kontrolör gibi rootScope kullanarak zam olayı oluşturulduktan sonra

var rootScope; 
var scopeStub = beforeEach(function() { 
    inject(function($rootScope, _$controller_) { 
     rootScope = $rootScope; 
     scopeStub = $rootScope.$new(); 
     $controller = _$controller_; 
    }); 
}); 

: Aşağıda verilen

Answer 2

İşte rootScope ve kapsam saplama başlatmak inijecting iken açısal JS

yılında $ yayın olaya takip etmeli adımlardır aşağıda:

rootScope.$broadcast('eventName', parameter1); 

Answer 3

Biz A1

için bu SINTAX kullanılan

=========== Controller ======== 
    var vm = this; 
    $scope.$on('myEvent', function(event, data){ 
     console.log('event number', data.id); 
    }); 
============ Test ============= 
it('should throw myEvent', function() { 
    var data = {}; 
    $scope.$broadcast('myEvent', {id:1}); 
    $scope.$broadcast('myEvent', {id:2}); 
    $scope.$broadcast('myEvent', {id:3}); 
}); 

============ Output ============ 
Chrome LOG: '--------------------------------------------' 
Chrome LOG: 'event number', 1 
Chrome LOG: 'event number', 2 
Chrome LOG: 'event number', 3