Jasmin jQuery: Mit toBeHidden() und toBeVisible()

Brauche ich Hilfe, arbeiten mit der toBeHidden() und toBeVisible() Methoden von jQuery-Jasmin.

Wenn ein Benutzer überprüft, eine checkbox, ein Textfeld sollte nach unten schieben -- und deaktivieren Sie die Kontrollkästchen rutscht es. Das Textfeld wird ausgeblendet, wenn die Seite geladen wird.

Code funktioniert in meiner Anwendung, aber ich bin verwirrt von den Ergebnissen bin ich immer bei meinen tests.

Den ersten beiden arbeiten -- prüfen, ob das Feld ist standardmäßig ausgeblendet und sichtbar auf die erste änderung:

expect($('#text-field')).toBeHidden(); //passes

$('#checkbox').prop('checked', true).change();
expect($('#text-field')).toBeVisible(); //passes

Aber, wenn die checkbox deaktiviert ist, wird das Textfeld Folien, die sich in der realen version scheitert aber 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 ich falsch mache oder was weiß ich sonst noch tun müssen, um zu helfen Jasmine sehen, dass das Textfeld geschoben?

InformationsquelleAutor cantera | 2013-10-29

  1. 10

    Du hast wahrscheinlich das gleiche problem, das ich habe, Ihre Ansicht ist standardmäßig unsichtbar in Ihren tests, da ist es nicht angebracht den DOM. Versuchen Sie, diese in Ihrem test:

    $('body').append(view);

    InformationsquelleAutor Daan

  2. 5

    .toBeHidden und .toBeVisible oder nicht Gegensätze, finden Sie in der Jasmine-jquery docs.
    Ich rate Ihnen, verwenden Sie .toBeHidden und .not.toBeHidden in Verbindung.

    Beachten Sie, dass .toBeHidden hat this.actual.is(':hidden') was bedeutet, dass es verbraucht keinen Platz (https://api.jquery.com/hidden-selector/), so dass es erwartet Ihre Geräte angehängt werden, um den Körper.

    .toBeVisible überprüft this.actual.is(':visible') die nach den jQuery docs, bedeutet, dass es prüft, ob das element hat visibility: hidden oder opacity: 0. Es könnte also Platz verbrauchen, sollten aber keine Sichtbarkeit.

    InformationsquelleAutor Frank van Wijk

Schreibe einen Kommentar