Wie kann man in Selen überprüfen, ob das Bild auf der Seite angezeigt wird?

Question

Ich muss überprüfen, ob ein bestimmtes Bild auf der Seite mit Selen in Python angezeigt wird. HTML-Code sieht wie folgt aus, wenn das Bild in einer Tabellenzelle angezeigt wird:

<td role="gridcell"> 
<div style="text-align: center"> 
<img class="grid-center-image" border="0" ng-show="dataItem.device_protected" src="resources/images/icon_supported.png"/> 
</div> 
</td> 

Wenn das Bild nicht angezeigt wird es wie folgt aussieht:

<td role="gridcell"> 
<div style="text-align: center"> 
<img class="grid-center-image ng-hide" border="0" ng-show="dataItem.device_protected" src="resources/images/icon_supported.png"/> 
</div> 
</td> 

Ich verstehe nicht, wie man diesen Ansatz? Wie überprüfe ich, ob das Bild auf dem Bildschirm angezeigt wird?

Answer 1

Um herauszufinden, ob das Bild icon_supported.png mit einem einzigen Anruf verbirgt:

if driver.find_elements_by_css_selector("img[src$='icon_supported.png'].ng-hide") : 
    print "image hidden" 
else : 
    print "image displayed" 

Answer 2

Sie müssen Klassenattribut Ihres img-Tags bekommen und müssen dann überprüfen, ob 'ng-hide' darin vorhanden ist oder nicht. Das entscheidet über das Vorhandensein eines Bildes auf dem Bildschirm.

Unten ist der Beispielcode in Python, um die Sichtbarkeit des Bildes auf dem Bildschirm zu überprüfen.

elem = driver.find_element_by_xpath('//your/xpath/to/img/tag') 
if 'ng-hide' in elem.get_attribute('class'): 
    print 'Image is not visible on screen' 
else: 
    print 'Image is visible on screen'