2012-03-08 3 views
3

Мне интересно, как разрабатывать веб-графические интерфейсы, используя тестовые разработки.Как создать веб-сайты (UI/frontend-)?

Особенно хотелось бы узнать, есть ли какие-либо рекомендации/рекомендации/рекомендации по проектированию Web-Frontend (т. Е. HTML) для того, чтобы быть (автоматически, конечно ...) тестируемым? (в классическом UI-разработке существуют шаблоны, такие как MVVC, которые поддерживают TDD и автоматическое тестирование)

+0

Что вы пытаетесь проверить? Что HTML выложено правильно? Или вы просто ищете шаблон веб-разработки, который отделяет такие проблемы, как MVVM? –

+0

Более или менее последнее: я хотел бы запустить автоматические тесты пользовательского интерфейса с веб-интерфейсом. Особенно мне не нужно переопределять тесты при изменении макета. Я думаю, что для этого было бы четким разделение контента/макета с HTML/CSS. Но мне любопытно, есть ли какие-либо другие вещи для рассмотрения или есть ли какие-либо учебники по TDD с Web-Frontend. – MartinStettner

ответ

1

Очень похожие шаблоны для веб-разработки, как есть в разработке настольных компьютеров. Но, и это большой, Интернет не имеет гражданства. Это кажется очевидным, но я думаю, что он четко определяет границы для тестирования.

many, many популярные воплощения MVC для Интернета. Однако в некоторых веб-технологиях трудно отличить чистый код (HTML, CSS и т. Д.) От кода. Вы всегда можете отказаться от подхода MVP, который похож на MVVM, за исключением того, что представление является пассивным (не будет реагировать на события и повторить попытку). Эти шаблоны должны охватывать вас для основной логики интерфейса приложения. Все эти шаблоны могут использоваться с TDD.

Если вы хотите затем подняться на уровень, вы будете использовать такие инструменты, как Selenium. Эти инструменты позволяют записывать/воспроизводить пользовательские взаимодействия с веб-сайтом ui. Однако, если их использовать случайно, они могут привести к хрупким испытаниям, которые ломаются при изменении макета.

Надеюсь, это поможет.

1

Я не знаю каких-либо конкретных рекомендаций, но писать чистый, семантический HTML и, соответственно, использовать класс и идентификаторы CSS достаточно.