如何使用硒UI驗證測試外部CSS文件內容

如何在Selenium測試用例中訪問外部CSS文件數據進行UI驗證？如何使用硒UI驗證測試外部CSS文件內容

2013-08-21 VAr

是的，我需要測試其CSS是不是在外部文件中的元素的樣式不在相同的元素標籤。您能否建議它如何處理任何示例測試用例 – VAr

當您在Selenium中獲取元素的樣式時，它會返回計算後的樣式，這意味着它是否來自外部.css或者它是否爲硬編碼在HTML中。計算的樣式就是最近成功應用到元素的任何樣式。所以這聽起來像是正常地獲得元素的樣式應該做你想要的，如果我正確地理解你的問題。 –

Selenium不適合用於樣式測試，而不僅僅是DOM。如果檢查樣式，你會更好地做出感知差異。

有一個名爲pdiff的開源實用程序可以實現此功能。還有一些商業工具，比如Beyond Compare。 http://www.scootersoftware.com/

這裏的想法是截取頁面的截圖，可以使用Selenium完成，並將其像素與基準圖像進行比較。

來源

2013-08-21 18:19:39 MariusVolkhart

謝謝你的答案。是否有任何支持UI驗證自動化的工具（可能支持跨瀏覽器），以便我們減少手動工作量。 – VAr

當然！在這之後，您需要使用Selenium來收集基線，只要您有手動團隊查看所有內容即可。將這些存儲在某處。在每次迴歸運行中，Selenium都會捕獲快照。一旦您從迴歸運行中獲得快照，立即或在測試結束時運行pdiff工具。我上面列出的pdiff工具從命令行運行，繼承人一個用於grunt https://npmjs.org/package/grunt-pdiff，這裏有人做了一個python工具和pdiff的比較http://tilander.org/ aurora2/Comparing_Images/ – MariusVolkhart

如果你想深入研究這個，有一個很棒的[YouTube視頻]（http://www.youtube.com/watch?v=UMnZiTL0tUc）和一個很好的[InfoQ文章]（http：// www.infoq.com/news/2013/06/pdiff）瞭解Google如何使用pdiffs。 – MariusVolkhart

如何使用硒UI驗證測試外部CSS文件內容

回答

相關問題