Warten auf ein Element, wenn ein neues Attribut im DOM hinzugefügt wird?

Question

Funktionalität in meiner Anwendung ist Benutzer wird eine "Laden" -Benachrichtigung sehen, bis Daten in die Tabelle geladen werden. Während die Meldung „Laden“ in DOM sichtbares Element ist sieht aus wie

<div class="loading_message"> 
     <i class="loading_gear_symbol"></i> Loading data... 
    </div> 

Wenn es unsichtbar ist neu Attribut „versteckt“

hinzugefügt wird

<div class="loading_message" hidden> 
<i class="loading_gear_symbol"></i> Loading data... 
</div> 

Und in anderer Tabelle als „Laden“ Benachrichtigung unsichtbar ist neu Attribut „style =“ display:. none;“wird hinzugefügt

<div class="loading_message" style="display: none;"> 
<i class="loading_gear_symbol"></i> Loading data... 
</div> 

ich warten soll, bis‚Laden‘Benachrichtigung unsichtbar ist und dann meine Aktion ausführt ich bin mit Transporteur für automaten Ion. Wie warte ich bis die "loading" Benachrichtigung nicht sichtbar ist?

Answer 1

Sie können die ExpectedConditions des Protractors zusammen mit browser.wait verwenden, um dies zu erreichen. versuchen Sie den folgenden Code,

var EC = protractor.ExpectedConditions; 
var loadingElement = $(".loading_message"); 
browser.wait(EC.invisibilityOf(loadingElement),waitTime);