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);
}
});
Ich versuche, eine Direktive zu testen, aber ich kann kein Element nach Klasse finden.
Ich würde gerne etwas finden mit:
var trigger == element.find('div.trigger') // doesn't find anything.
aber jetzt kann ich es nur so machen:
var triggers = element.find('div') // return an array of length 2.
var trigger = triggers[0];
Wie kann ich ein Element nach Klasse finden?
find by class name wird von der AngularJS-Funktion find
nicht unterstützt. Stattdessen können Sie Vanilla-Javascript dafür verwenden:
var result = element[0].querySelectorAll('.findme');
Jetzt können Sie überprüfen, ob die Ergebnisvariable eine Klasse von findme
hat, indem Sie sie in ein Winkelelement einschließen.
angular.element(result).hasClass('findme')
dies sollte den Trick tun: erwartet (Element [0] .querySelectorAll ("div.trigger"). length) .not.toBe (0);