angularjs: wyzwalanie imprezę, aby symulować działania użytkownika podczas testów jednostkowych dyrektywę

Question

Widziałem, że w celu symulowania działania użytkownika na DOM generowanego przez dyrektywy, istnieją dwa podejścia, zarówno trigering zdarzenie:

How to trigger ng-change in directive test in AngularJS

pierwsze podejście wykorzystuje jquery a druga funkcja o nazwie browserTrigger zdefiniowano w skośnych scenario.js. Druga powinna być lepsza, ponieważ jquery miałoby błąd w wyzwalaniu zdarzeń (co, jak sądzę, nie kłócę się :)).

Korzystanie ze scenariusza kątowego oznacza dla mnie test e2e. ale widziałem egghead video i wydaje się, że wykonuje testy jednostkowe. Jak to jest możliwe ?

Sądzę, że właśnie skopiował funkcję?

Myślę, że zamierzam przetestować dyrektywy jako testy e2e, to ma więcej sensu, ponieważ test jednostkowy jest bardziej czysty.

---

Cóż, ja po prostu okazało się, że jest coś browserTrigger wewnętrzny nie powinien być stosowany bezpośrednio: https://github.com/angular/angular.js/issues/5178

---

Dzięki!

Answer 1

Począwszy od 1.3.15 można użyć triggerHandler wyzwolić zdarzenie, jak pokazano poniżej,

it('should click the element',function(){ 
    element.triggerHandler('click') ; 
    expect($scope.clicked).toBe(true); 
}); 

Answer 2

prosty i działa, przykład, w jednostce testowej env:

spyOn(self, 'updateTransactionPrice'); 


var el = compile('<form name="form" latest novalidate json-schema="main.schema_discount" json-schema-model="main._data"><input type="text" ng-model="main._data.reverse_discount" ng-class="{ \'form-invalid\': form.reverse_discount.$invalid }" ng-change="main.transactionPrice(form);" name="reverse_discount" class="form-control-basic" placeholder="" ng-disabled="!main.selectedProduct.total_price"></form>')(scope); 
el.find('input').triggerHandler('change'); 

expect(self.updateTransactionPrice).toHaveBeenCalled();