Как протестировать веб-макет с помощью фреймворков для тестирования JavaScript

Question

Кто-нибудь пробовал проверять фактическое расположение веб-приложения в разных браузерах? Я могу думать только о том, чтобы получить фактические размеры всех элементов и затем сопоставить их с ожидаемыми значениями. Я думаю, что это грубый способ сделать это. Есть ли лучший способ проверить макет?

Спасибо Bharani

Answer 1

Я никогда не пробовал этого, но я думаю, что это гораздо больше усилий, чем стоит.

Проблемы с макетом важны только в том случае, если они очевидны, и если они очевидны, люди обнаружат их с гораздо меньшими усилиями, чем для написания и поддержки сценариев, которые проверяют одну и ту же вещь.

Кроме того, проблемы с макетом никогда не являются важными . Например, они не приводят к потере пользовательских данных.

Answer 2

Что вы планируете тестировать? Если вам необходимо узнать, находится ли элемент на одном уровне с границей окна, clientLeft == 0 - лучший вариант. Если вы хотите убедиться, что два элемента расположены рядом друг с другом, вы должны сравнить положение общей границы.

OTOH, нет смысла проверять каждое значение. Макет может быть динамическим и зависеть от таких факторов, как разрешение экрана, коэффициент масштабирования и размер основного шрифта. Итак, золотое правило (как всегда) таково: знай, что ты хочешь проверить, а потом проверяй это.