Trova immagini spezzate in pagina e immagine sostituire da un'altra immagine

Question

Ciao Sto usando il selenio WebDriver 2.25.0 & faceing i alcuni seri problemi,

1. come trovare le immagini spezzate in una pagina utilizzando Selenio WebDriver
2. Come trovare l'immagine è sostituita da un'altra immagine con lo stesso nome (Questo è anche un bug) utilizzando il webdriver.

Grazie in anticipo per i vostri suggerimenti di valore.

Answer 1

Le prossime linee non sono ottimizzati, ma potrebbero trovare immagini spezzate:

List<WebElement> imagesList = _driver.findElements(By.tagName("img")); 
for (WebElement image : imagesList) 
{ 
    HttpResponse response = new DefaultHttpClient().execute(new HttpGet(image.getAttribute("src");)); 
    if (response.getStatusLine().getStatusCode() != 200) 
     // Do whatever you want with broken images 
} 

Per quanto riguarda il secondo problema, penso che non ho capito correttamente. Potresti spiegarlo con più dettagli?

Answer 2

La risposta accettata richiede l'utilizzo di un proxy con una chiamata aggiuntiva a ciascuna immagine per determinare se le immagini sono interrotte o meno.

Per fortuna, c'è un altro modo è possibile farlo utilizzando solo javascript (sto usando Ruby, ma è possibile utilizzare lo stesso codice in qualsiasi metodo executeScript attraverso le associazioni WebDriver):

images = @driver.find_elements(:tag_name => "img") 
broken_images = images.reject do |image| 
    @driver.execute_script("return arguments[0].complete && typeof arguments[0].naturalWidth != \"undefined\" && arguments[0].naturalWidth > 0", image) 
end 
# broken_images now has an array of any images on the page with broken links 
# and we want to ensure that it doesn't have any items 
assert broken_images.empty? 

---

Per la tua altra domanda, ti consiglio di prendere uno screenshot della pagina e di verificare manualmente che lo screenshot risultante abbia le immagini corrette. I computer possono fare il lavoro di automazione, ma gli umani devono controllare e verificare i suoi risultati di volta in volta :)

Answer 3

Sulla base delle altre risposte, il codice che alla fine ha funzionato per me in un'impostazione angolare/goniometro/webdriverjs è:

it('should find all images', function() { 
    var allImgElts = element.all(by.tagName('img')); 

    browser.executeAsyncScript(function (callback) { 
     var imgs = document.getElementsByTagName('img'), 
      loaded = 0; 
     for (var i = 0; i < imgs.length; i++) { 
      if (imgs[i].naturalWidth > 0) { 
       loaded = loaded + 1; 
      }; 
     }; 
     callback(loaded); 
    }).then(function (loadedImagesCount) { 
     expect(loadedImagesCount).toBe(allImgElts.count()); 
    }); 
}); 

il codice WebDriver conta il numero di elementi img, e la funzione eseguita all'interno del contesto del browser conta il numero di elementi caricati con successo. Questi numeri dovrebbero essere gli stessi.