nasıl denetleyicisi olay

Question

işlevi tarafından yürütülen kontrolör kapsamında işlevini test etmek için:

angular.module('myApp').controller('MyController', function(){ 

    $scope.f = function($event){ 
     $event.preventDefault(); 
     //logic 
     return data; 
    } 
}) 

describe('MyController', function(){ 
    'use strict'; 
    var MyController, 
     $scope; 

    beforeEach(module('myApp')); 

    beforeEach($inject(function($rootScope, $controller){ 
     $scope = $rootScope.$new(); 
     MyController = $controller('MyController', { 
      $scope: $scope 
     }) 
    })); 
}) 
it('should...', function(){ 
    //fire event and expect data 
}) 

$scope.f fonksiyon yönergesi kullanılır, bu ng-click="f($event)"

tarafından çalıştırılabilir ünitesinde yangın olay için doğru yol nedir Ölçek?

Answer 1

Kısa Cevap

Sen olayı gerekmez. Test etmek istediğiniz işleve sahip olan kapsama erişebilirsiniz. Bu sadece işlevi yürütmek, sonra iddia etmek anlamına gelir. Böyle bir şey olacaktır:

it('should call preventDefault on the given event', function(){ 
    var testEvent = $.Event('someEvent'); 
    $scope.f(testEvent); 
    expect(testEvent.isDefaultPrevented()).toBe(true); 
}); 

aşağıdaki bakınız:

• jQuery Event Object
• event.isDefaultPrevented()

Tam Spec Ayrıca

- senin it blok b gerektiğini describe bloğunuzun içinde, böylece $scope alanına erişim sağlayın. Böyle daha görünmelidir:

describe('MyController', function(){ 
    'use strict'; 
    var MyController, 
     $scope; 

    beforeEach(module('myApp')); 

    beforeEach($inject(function($rootScope, $controller){ 
    $scope = $rootScope.$new(); 
    MyController = $controller('MyController', { 
     $scope: $scope 
    }) 
    })); 

    it('should call preventDefault on the given event', function(){ 
    var testEvent = $.Event('someEvent'); 
    $scope.f(testEvent); 
    expect(testEvent.isDefaultPrevented()).toBe(true); 
    }); 
}) 

Bir Not

testlerinizi yapılandırmaya describe blokları kullanmak korkmayın Yapı sağlar. o zaman muhtemelen Spec daha böyle yukarı dosyası bölme isteyeyim, sen $scopef2 denilen başka bir işlevi vardı düşünün: Bu bir denemedir başarısız olduğunda, gördüğünüz hata iletisi oluşturulur olduğunu yararı vardır

describe('MyController', function(){ 
    'use strict'; 
    var MyController, 
     $scope; 

    beforeEach(module('myApp')); 

    beforeEach($inject(function($rootScope, $controller){ 
    $scope = $rootScope.$new(); 
    MyController = $controller('MyController', { 
     $scope: $scope 
    }) 
    })); 

    describe('$scope', function() { 
    describe('.f()', function() { 
     // tests related to only the .f() function 
    }); 

    describe('.f2()', function() { 
     // tests related to only the .f2() function 
    }); 
    }); 
}) 

describe bloklarının hiyerarşisine dayanmaktadır.

MyController $ kapsamı .F() biraz daha bağlamsal bilgiler verebilir misiniz verilen olay