Tìm hình ảnh bị hỏng trong trang & hình ảnh thay thế bởi hình ảnh khác

Question

Hi Tôi đang sử dụng selen webdriver 2.25.0 & faceing một số vấn đề nghiêm trọng,

1. làm thế nào để tìm thấy hình ảnh bị hỏng trong một trang sử dụng Selenium Webdriver
2. Cách tìm hình ảnh được thay bằng một hình ảnh khác có cùng tên (Đây cũng là lỗi) bằng cách sử dụng trình quản lý web.

Cảm ơn trước vì các đề xuất có giá trị của bạn.

Answer 1

Các dòng tiếp theo không được tối ưu hóa, nhưng họ có thể tìm thấy hình ảnh bị hỏng:

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 
} 

Về vấn đề thứ hai của bạn, tôi nghĩ rằng tôi không hiểu nó một cách chính xác. Bạn có thể giải thích chi tiết hơn không?

Answer 2

Câu trả lời được chấp nhận yêu cầu bạn sử dụng proxy có thêm cuộc gọi đến từng hình ảnh để xác định xem hình ảnh có bị hỏng hay không.

May mắn thay, có một cách khác bạn có thể làm điều này chỉ sử dụng javascript (Tôi đang sử dụng Ruby, nhưng bạn có thể sử dụng cùng mã trong bất kỳ phương pháp executeScript qua bindings 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? 

---

Đối với câu hỏi khác của bạn, tôi khuyên bạn chỉ nên chụp ảnh màn hình của trang và có một con người bằng tay xác minh ảnh chụp màn hình kết quả có hình ảnh chính xác. Máy tính có thể thực hiện công việc tự động hóa, nhưng con người phải kiểm tra và xác minh kết quả của nó theo thời gian :)

Answer 3

Dựa trên các câu trả lời khác, mã cuối cùng hoạt động cho tôi trong cài đặt góc/thước đo/webdriverjs là:

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()); 
    }); 
}); 

Mã trình quản trị web đếm số phần tử img và chức năng được thực thi trong ngữ cảnh trình duyệt đếm số thành phần được tải thành công. Những con số này phải giống nhau.