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?
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')
cela devrait faire l'affaire: expect (element [0] .querySelectorAll ("div.trigger"). length) .not.toBe (0);