web-dev-qa-db-fra.com

Angular et karma (jasmin): Comment trouver un élément par classe

beforeEach(function () {

    html = '<div class="dropdown">'+
              '<div class="trigger" >trigger</div>'+
              '<div class="dropdown">body</div>'+
           '<div>';

    inject(function ($compile, $rootScope) {

        scope    = $rootScope.$new();
        element  = angular.element(html);
        compiled = $compile(element);

        compiled(scope);
        scope.$digest();

        // HERE NOT WORKING
        var trigger == element.find('div.trigger');
        var dropdown == element.find('.dropdown');

        // trigger and dropdown have both length 0

    });

    // Test doesn't pass
    it('should find the right element'), function () {
        expect(trigger.hasClass('trigger')).toBe(true);
    }

});

J'essaye de tester une directive, mais je ne trouve pas élément par classe.

J'aimerais pouvoir trouver un élément avec quelque chose comme:

var trigger == element.find('div.trigger') // doesn't find anything.

mais maintenant je suis seulement capable de le faire comme ça:

var triggers = element.find('div') // return an array of length 2.
var trigger = triggers[0];

Comment trouver un élément par classe?

angularjsangularjs-directivejasminekarma-runner
18
Hudvoy

rechercher par nom de classe n'est pas pris en charge par la fonction AngularJS find. À la place, vous pouvez utiliser javascript dans Vanilla pour cela:

var result = element[0].querySelectorAll('.findme');

Vous pouvez maintenant vérifier si la variable de résultat a une classe de findme en l'enveloppant dans un élément angulaire.

angular.element(result).hasClass('findme')

 

Fiddle

14
Dieterg

cela devrait faire l'affaire: expect (element [0] .querySelectorAll ("div.trigger"). length) .not.toBe (0);

1
Dr.Oblak