Überprüfen, ob ein Element nicht vorhanden ist

Question

Ich versuche zu überprüfen, ob ein Element nicht existiert, aber es ist mit Timeout-Problem fehlgeschlagen. Aus meiner Beobachtung heraus habe ich herausgefunden, dass der Fahrer zuerst versucht, dieses Element herauszufinden und dann darauf zu warten, dass das Element verschwindet, anstatt zu prüfen, ob ein Element existiert oder nicht. Ich habe unten Methoden versucht.

1. browser.element.all(selector) 
2. browser.driver.findElements(selector) 
3. browser.isElementPresent(browser.element(selector)) 
4. element(selector).isPresent() 

Hintergrund: Wenn eine Schaltfläche geklickt wird, wird ein modaler erscheinen. Es hat Schaltflächen zum Abbrechen und Speichern. Beim Klicken auf die Schaltfläche Abbrechen verschwindet das modale Fenster. Jetzt versuche ich eine Erwartungsbedingung zu schreiben, um zu überprüfen, ob das Modal verschwunden ist oder nicht.

Alle oben genannten sind fehlgeschlagen. Bitte sagen Sie mir einen korrekten Weg, wo ich prüfen kann, ob ein Element sofort existiert. Hier

ist der Fehler für all oben

Error: function timed out after 60000 milliseconds 

Ich bin wirklich nicht sicher, warum Protractor nicht in der Lage ist, mir zu helfen, nur zu überprüfen, wenn das Element nicht in dem DOM ist. Ich habe alles Mögliche versucht. Jede Methode versucht herauszufinden, ob ein bestehendes Element in einen nicht existierenden Zustand übergeht oder nicht. Dann warum diese vielen APIs, wenn alle die gleiche Arbeit machen.

Answer 1

expect($(".example").isPresent()).toBe(false) 

Jede Methode in Winkelmesser gibt ein Versprechen. Sie müssen einen Helfer verwenden, um es zu lösen. Wie die eingebaute Funktion expect.

Answer 2

Unten ist ein Beispiel von Winkelmesser api docs genommen

expect(element(by.binding('notPresent')).isPresent()).toBe(false);

so sollten Sie Ihre Lösung,

expect(element(by.css('.elementClass')).isPresent()).toBe(false);

Answer 3

Ich hatte ein ähnliches Problem sein, könnten Sie mehr Glück mit expectedConditions finden warten, bis das Modal weg ist, bevor Sie die expect-Anweisung versuchen.

var WaitForElement = function(item, timeout = 15000) { 
    var el = element(by.css(item)); 
    var EC = protractor.ExpectedConditions; 
    browser.wait(EC.not(EC.presenceOf(el)), timeout).then(function(){ 
    return; 
    }); 
}; 

WaitForElement('.example').then(function() { 
    expect(element(by.css('.example')).isPresent()).toBe(false); 
} 

Dies wird Winkelmesser Warten auf das angegebene Element machen, (‚.example‘ in diesem Fall) zu verschwinden, bevor die Anweisung erwarten laufen, sonst wird es nach 15 Sekunden Timeout und die erwarten, wird scheitern.

Answer 4

Nicht sicher, warum Sie browser. für Ihre Selektoren verwenden, noch was Ihre selector tatsächlich ist, aber ich vermute, dass Sie mehrere Probleme treffen.

Erstens, .isPresent() fragt wirklich ist es in der dom; isDisplayed() fragt ist es sichtbar. Daher hängt Ihre Strategie hier davon ab, ob Ihr Modell aus dem Dom entfernt oder versteckt ist (zB display:none etc ...).

Zweitens scheint es nicht, dass Sie das Versprechen behandeln, dass eine dieser Methoden zurückkehrt. Sie erwähnen auch nicht, wenn Sie dies in einem expect ausführen (was automatisch auf das Versprechen zu lösen wartet).

Drittens ist es nicht klar, ob Ihr modal Selektor ein einzelnes Element zurückgibt, oder mehrere (auch wenn Sie die später mit der Nutzung von element.all zeigen Sie.

Lange Geschichte etwas länger, hier ist ein Beispiel, wie Sie vielleicht überprüfen wenn Ihr modal angezeigt wird, da die Annahmen, die Ihre modal eine Klasse von .myModal hat, ist das einzige, und es wird aus dem dom entfernt, wenn nicht angezeigt.

$('.myModal').isPresent().then(function(inDom) { 
    return inDom; // returns bool 
}; 

der obige Code Ihr Element ergreift, überprüft, ob es ist in der dom, handhabt das versprechen über .then und re wird wahr/falsch, wenn das Element im Dom ist.

Das heißt, Ihr Code könnte mehrere Modalitäten haben, versteckt über CSS. In diesem Fall müssen Sie eine Strategie für diesen Fall finden. Vielleicht fügt Ihr Code versteckten Elementen eine .shown Klasse hinzu? Großartig, überprüfen Sie die Anwesenheit von $('.myModal.shown'). Vielleicht hat Ihr Code mehrere versteckte Modale in der Dom ... weniger groß, aber Sie könnten durch jedes Element durchlaufen, und testen, ob beliebig mit isDisplayed() angezeigt werden.

Hoffnung hilft das ein wenig ...