使用Selenium WebDriver驗證網頁上的圖像

Question

我正在嘗試編寫代碼以訪問產品列表頁面上的每個產品並提取信息。 誰能建議我一些邏輯和代碼，以便我可以繼續進行自己的項目？

圖片可用時的代碼：

<img class="btn zoom" src="http://asset1.marksandspencer.com/is/image/mands/RC_01_T62_9451K_H4_X_EC_90?$PDP_PROD_IMAGE$" data-image-set-count="3" data-caro-slide-rel="1">

圖片不可用時的代碼：

<img class="btn zoom" src="http://asset1.marksandspencer.com/is/image/?$PDP_PROD_IMAGE$" data-image-set-count="1" data-caro-slide-rel="1">

Answer 1

不確定查詢的內容，但是如果要查找當前的圖像列表，即已加載圖像和未加載圖像。

可以使用driver.findElements（使用“ img”的By.tag捕獲該部分中的所有圖像。如果特定部分中的圖像，這將返回所有部分的列表。請不要嘗試在整個頁面或驅動程序上嘗試，因為您可能會發現更多內容圖片鏈接標記。

因此，首先確定t測試部分，然后從驅動程序獲取該部分的WebElement。 然后使用上面的方法找到所有圖片列表

現在找到“已加載但未加載”列表：

當未加載圖片時，您的源（src）包含

是/圖片/？$ PDP_PROD_IMAGE $”

當可用映像並加載了源（src）時

是/ image / mands / RC_01_T62_9451K_H ..........

因此，編寫一個xpath或CSS正則表達式，可以通過比較src參數來列出已加載和未加載的圖像

等於 “ src =“ http://asset1.marksandspencer.com/is/image/mands/RC_01_T62_9451K_H4_X_EC_90?$PDP_PROD_IMAGE$”“” =>未加載圖像

不等於src =“ http://asset1.marksandspencer.com/is/image/mands/RC_01_T62_9451K_H4_X_EC_90?$PDP_PROD_IMAGE$”“ =>已加載圖像