Ich brauche Hilfe bei der Arbeit mit den toBeHidden()
und toBeVisible()
Methoden von jQuery-Jasmine.Jasmine jQuery: mit toBeHidden() und toBeVisible()
Wenn ein Benutzer ein Kontrollkästchen aktiviert, sollte ein Textfeld nach unten gleiten - und das Häkchen lässt es nach oben gleiten. Das Textfeld ist ausgeblendet, wenn die Seite geladen wird.
Der Code funktioniert gut in meiner Anwendung, aber ich bin verwirrt über die Ergebnisse, die ich in meinen Tests bekomme.
Die ersten beiden arbeiten - zu überprüfen, ob das Feld standardmäßig aktiviert und sichtbar auf der ersten Änderung verbirgt:
expect($('#text-field')).toBeHidden(); // passes
$('#checkbox').prop('checked', true).change();
expect($('#text-field')).toBeVisible(); // passes
Aber wenn das Kontrollkästchen nicht markiert ist, gleitet das Textfeld in der realen Version, aber scheitert in meinem Test:
$('#checkbox').prop('checked', false).change();
expect($('#text-field')).toBeHidden(); // fails
habe ich auch versucht:
expect($('#text-field')).not.toBeVisible(); // fails
expect($('#text-field')).toHaveCss({display: "none"}); // fails
weiß jemand, Was mache ich falsch oder weiß, was ich noch tun muss, um Jasmine zu helfen, dass das Textfeld aufgleitet?