Angular 2 testy - pobierz style elementów DOM

Question

Chcę przetestować funkcjonalność mojego przycisku hide-show w mojej aplikacji Angular 2 (testy są napisane w Jasmine), więc muszę sprawdzić wartość właściwości display odpowiedniego element. Jak mogę uzyskać tę nieruchomość za pomocą Angular's debugElement? kod Test:

let input = fixture.debugElement.query(By.css('input')); 
expect(input.styles['visibility']).toBe('false'); 

pojawia się błąd: Oczekiwany niezdefiniowany za 'fałszywe'.

Answer 1

Dla każdego, natrafiają na tym przykładzie, rozwiązanie tego konkretnego problemu z display jest własnością hidden na debugElement. Będzie zawierał true, jeśli element jest ukryty, a w innym przypadku false.

Answer 2

Miałem ten sam problem. DebugElement.styles jest zawsze pustym obiektem, nawet jeśli ustawiłem jakiś styl do tego elementu jawnie (może błąd w kanciastym kodzie?). Więc wolałbym dostać, że z przeglądarki native element bezpośrednio:

let input = fixture.debugElement.query(By.css('input')); 
expect(input.nativeElement.style.visibility).toBe('false');