Макетирование - веб-тестирование

Question

Для макетного тестирования я хотел бы знать лучший подход

На основе ссылки Регрессионное тестирование для стиля и макета веб-приложений они предложили браузерные снимки

Я бы хотелхотелось бы знать, использовал ли кто-либо из вас инструмент определения макета Google - http://code.google.com/p/fighting-layout-bugs/ в своих проектах

Пожалуйста, поделитесь своими мыслями о проверке проблем с макетом с помощью автоматизации

Спасибо, Шива

Answer 1

Для этого вы можете использовать Galen Framework, см. Введение здесь: http://holisticon.github.io/presentations/jsunconf_galen/#/

По сути, вы определяете свои спецификации в DSL:

@ Overall layout | *
--------------------------
content
   visible
navbar
   visible
content
   below: navbar 370 to 410 px


@ navigation hidden on mobile | mobile
--------------------------
navbar-item-*
   absent


@ navigation shown on desktop | desktop
--------------------------
navbar-item-*
   visible   


@ Content should fit to screen size | mobile
--------------------------
content
   width: 100% of screen/width


@ Content should fit to screen size | desktop
--------------------------
content
   width: 80 to 90% of screen/width

Вы можете найти больше образца кода здесь: https://github.com/hypery2k/galen_samples

Answer 2

Это неопределенный и широкий вопрос, но я попытаюсь ответить на него:

Да, я использовал это. Мои мысли лучше выражены Майклом Таммом и Ко. У меня есть пара видео, которые были полезны, когда я внедрил Fighting-Layout-Bugs около пяти недель назад:

http://www.infoq.com/presentations/Fighting-Layout-Bugs

http://www.testingtv.com/2010/01/18/fighting-layout-bugs/