Есть ли эффективный автоматический тест интерфейса? - PullRequest
Новая
       5

Есть ли эффективный автоматический тест интерфейса?

2 голосов
/ 10 февраля 2012

Я работал с C # и написал эффективные автоматизированные тесты для своего кода, тесты, которые могли бы дать мне гарантию, что сердце нашего бизнеса - это особенности системы.

Сейчас я работаю в рекламном агентстве, и теперь нашими большими проблемами являются проблемы интерфейса / дизайна, такие как смещение элементов, цвета, текстовые шрифты, функции javascript, такие как элементы fadeIn / fadeOut и slideIn / slideOut, проблемы css, такие как перекрывающиеся элементы с z-index и т. Д. ...

Инструменты типа Selenium / WatiN мне не подходят, потому что эти инструменты предназначены для тестирования функциональности. Не сам дизайн (HTML, CSS). HTML / CSS / Javascript вместе в дизайне (не функциональность) хрупки.

Сегодня лучшим способом совместного тестирования HTML / CSS / Javascript в дизайне является ручной тест: человек ищет ошибки на странице.

Есть ли эффективный способ автоматически проверять такие вещи?

Ответы [ 2 ]

0 голосов
/ 10 февраля 2012

Существуют валидаторы, которые можно установить для проверки.

Примеры: HTML (http://validator.w3.org/)

CSS (http://csslint.net/)

JS (http://www.jslint.com)

Нет реального способа проверить все это «в целом». Причина в том, что HTML и CSS являются визуальными «презентационными» слоями. Внутри этих языковразные браузеры в зависимости от их версий могут отображать элементы, действия, события и т. д. Поверьте, это большое разочарование для разработчиков переднего плана.

Большинство фреймворков JavaScript теперь поддерживают все основные браузеры (IE6 +, FFOX, Chrome, Safari, Opera и т. Д.)

Это сайт, который сообщит вам, что совместимо с HTML5 и CSS3: http://findmebyip.com/litmus

Опять же, извините, но нет никакого способа(по крайней мере, я знаю о том, чтобы просто "глобально" протестировать ") все эти вещи.

JsLint, как упомянуто выше, является, вероятно, самой близкой вещью, к которой вы обращаетесь, чтобы иметь возможность проводить тестирование в среде.не однако, проверьтеваш HTML или CSS с согласованным синтаксисом JavaScript с ожидаемым результатом правильного отображения.

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

Если вы хотите просто «проверить», как сайт выглядит в «каждом известном браузере», вы захотите посмотреть что-то вроде этого: http://browsershots.org/

однако, он не будет тестироватьВаш Javascript.

0 голосов
/ 10 февраля 2012

Я не уверен, как тестировать динамические вещи, такие как затухание и затухание, но статическая компоновка может быть проверена, ИМХО, простым способом. Как правило, у вас должен быть дизайн (верстка, макет) в качестве изображения для каждой страницы. Затем вы используете Selenium или другой инструмент автоматизации, чтобы делать снимки каждой страницы и сравнивать их с соответствующими дизайнами. В идеале должно быть совпадение по пикселям, но вы можете установить некоторый допуск.

...