Wie kann ich Events in eckigen testen?

Brauche ich, um zu testen, dass die Ereignisse richtig emittiert oder übertragen, und trigger-Ereignisse manuell.

Was ist der beste Weg, dies zu tun?

InformationsquelleAutor der Frage Kenneth Lynne | 2013-03-07

  1. 120

    Wenn Sie einfach nur brauchen, um einige Tests auf event feuern und fangen, das ist, wie ich es mache. Dafür, dass ein bestimmtes Ereignis gefeuert wird ($emit-ed oder $broadcast-ed), einen Spion ist der Weg zu gehen. Benötigen Sie einen Verweis auf den Bereich, der ruft die $emit oder $broadcastund dann einfach etwas wie das hier tun:

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

    Wenn Sie nicht brauchen oder wollen nicht sorgen zu machen über die Argumente, die übergeben werden mit der $emit kannst du ein $on auf die $rootScope und ein flag setzen, um zu wissen, das Ereignis ausgesendet wurde. So etwas wie dieses:

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

    Für die Funktionalität testen, die ausgeführt wird, wenn ein Ereignis abgefangen wird ($on), ist es ein wenig leichter. Nur ein $rootScope von der inject - Funktion und senden Sie dann das gewünschte Ereignis.

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

    Nun, ich Stelle mir das event-handling würde die passiert werden in einer Richtlinie oder einem controller (oder beides) Für die Einstellung der Richtlinie tests, siehe https://github.com/vojtajina/ng-directive-testing. Für die Einrichtung von controller-tests finden Sie unter https://github.com/angular/angular-phonecat/blob/master/test/unit/controllersSpec.js#L27

    Hoffe, das hilft.

    InformationsquelleAutor der Antwort dnc253

  2. 0

    Hier sind die Schritte, die Sie Folgen sollten, um $broadcast event in angular JS

    Während inijecting initialisieren der rootScope und Umfang stub wie unten angegeben:

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

    Nach controller angelegt ist, raise event mit rootScope wie unten:

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

    InformationsquelleAutor der Antwort Dilip Nannaware

  3. 0

    Nutzten wir diese Syntax für A1

    =========== 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

    InformationsquelleAutor der Antwort Jnewbie

Schreibe einen Kommentar