Wie Spinner mit Winkelmesser umgehen, wenn Spinner durch Wrapper versteckt

Question

Während des Schreibens Test für Angular App mit Winkelmesser, ich konfrontiert eine Menge Probleme im Zusammenhang mit der Handhabung Spinner, einige von mir dann gelöst, aber ich weiß nicht, wie Spinner zu testen die durch Wrapper, beispielsweise ausgeblendet, wenn übergeordneter Tag hat ng-if oder ng-hide-Anweisungen und Spinner eine Höhe und Breite hat, die größer als 0 ist ich habe zu verwenden versucht:

spinner.isDisplayed(); 
browser.wait(EC.visibilityOf(spinner), 5000); 

HTML Beispiele (das übergeordnete Etikett könnte anders sein):

<div class="some purent div"> 
<div class="spinner-loader small-loader ng-hide" ng-show="expression"> </div> 
</div> 

:::

<div class="container"> 
     <div class="spinner-loader spinner-dark" ng-if="if_statement"></div> 
</div> 

:::

<div ng-show='exp'> 
... 
<div> 
... 
    <div class='spinner'></div> 
</div> 
</div> 

aber es hat nicht funktioniert. Bitte helfen Sie ...!

Answer 1

Versuchen Sie den folgenden Code.

element.all(by.model('model of your spinner')).each(function (eachElement, index) 
{ 
    eachElement.click(); 
    browser.driver.sleep(500); 
    element(by.css('Unique identifier of the Spinner value you are selecting')).click(); 
    browser.driver.sleep(500); 
}); 

Hoffe, das hilft. :)

Answer 2

Basierend auf den HTML-Fragmenten Ihrer zur Verfügung gestellt, können Sie die sichtbaren Spinner mit bekommen können:

By.cssLocator(".spinner-loader:not(.ng-hide):not([ng-if]) .spinner") 

und die versteckten Spinner zu bekommen:

By.cssLocator(".spinner-loader.ng-hide .spinner, .spinner-loader[ng-if] .spinner")