瀏覽器中的渲染自動化測試

Question

Selenium或其他自動化工具可以檢查網頁上元素的正確定位嗎？

例如，當您查看IE 6中的OnStartups.com時，應該位於菜單右側的主要內容在其下方，而您必須向下滾動才能閱讀它。您可以查詢並獲取div實際顯示的座標，並且您可以獲取視口的座標以驗證左上角實際上位於可視區域內嗎？

Answer 1

我認爲比較屏幕截圖是你可以做的最好的事情，恐怕還沒有可靠的工具。

如果我是你，我會創建一個腳本，瀏覽網站的每個頁面，捕捉每個網頁上的圖片，然後打開一個包含所有結果的文件夾，檢查時間可能不到一分鐘或者30個。聽起來很愚蠢，但有時更容易的替代結束是最好的...

Answer 2

恐怕你能做的最好的是選擇一個標準的瀏覽器，並比較其他瀏覽器的截圖與參考。

我不記得具體的一個，但像Araxis合併一些工具能夠以非常聰明的方式比較屏幕截圖。

Answer 3

硒有斷言檢查元素的位置和大小：

• assertElementHeight(locator,pattern)
• assertElementWidth(locator,pattern)
• assertElementPositionLeft(locator,pattern)
• assertElementPositionTop(locator,pattern)

一個簡單的tes噸至檢查在OPS例如渲染可以寫

assertElementPositionTop(//*[@id='main_content'],0) 

從而檢查是否#main_content在頂部呈現或其他地方。