如何使用JavaScript測試框架測試網站布局

Question

是否有人嘗試在不同的瀏覽器中測試Web應用程序的實際布局？ 我只能想到獲取所有元素的實際尺寸，然后將其與期望值匹配。 我認為這是粗糙的方法。 有沒有更好的方法來實際測試布局？

謝謝Bharani

Answer 1

您打算測試什么？ 如果您需要知道某個元素是否與窗口的邊界齊平，則clientLeft == 0是最佳選擇。 如果要確保兩個元素彼此相鄰，則必須比較公共邊框的位置。

OTOH，檢查每個單個值沒有多大意義。 布局可以是動態的，並且取決於屏幕分辨率，縮放系數和基本字體大小等因素。 因此，黃金法則（一如既往）是：知道要測試的內容，然后再進行測試。

Answer 2

我從沒有嘗試過，但是我認為這比付出的努力多得多。

僅當布局問題很明顯時，布局問題才重要。如果布局問題很明顯，人類將發現它們的工作量要少於編寫和維護檢查同一件事的腳本所花費的精力。

而且，布局問題從來沒有那么重要。 例如，它們不會導致用戶數據丟失。