грязная посуда

ГЛЕБ ДЕЙКАЛО

Спецвыпуск: Хакер, номер #073, стр. 073-020-3

Вот реальный пример одного из Стандартов. «Для всех flash-роликов на сайте должен присутствовать статичный не-flash блок (заглушка), который отображается пользователю, если у него не установлен flash-плеер нужной версии. Обычно проверка на наличие flash-плеера и его версию осуществляется с помощью JavaScript. В данный момент существует специальная программа Flash-switcher, позволяющая пользователю выбирать, какую версию flash-плеера будут использовать браузеры. Задача тестировщика - поставить версию заведомо ниже той, которая указана в Стандарте, и проверить наличие и работоспособность заглушки».[А2]

В Стандартах описаны те аспекты работы web-системы, которые одинаковы для всех проектов.

[тестирование верстки.]

Тестирование верстки, в свою очередь, разбито на два этапа: верстка динамического и статического контента. Верстка динамического контента (то есть вывод сущностей) тестируется на предыдущем этапе (на соответствие ТЗ). Верстку же статического контента можно назвать «общей» версткой, так как к ней относится и общий графический обвес сайта.

Тестирование верстки (статической ее части) представляет собой просмотр сайта на разных разрешениях экрана (от 800x600 до 2048x1536) и в разных браузерах. Список браузеров обычно определен в Стандартах, но иногда клиенты выдвигают особые требования. Вот «классический» список браузеров:

- INTERNET EXPLORER ВЕРСИИ 5.0 И ВЫШЕ

- MOZILLA FIREFOX 1.0.1 И ВЫШЕ

- MOZILLA 1.3 И ВЫШЕ

- OPERA 7.54 И ВЫШЕ (КРАЙНЕ РЕДКО OPERA 6.0)

Еще полгода назад в этом списке присутствовал Netscape 7.0, а иногда клиенты (особенно европейские и международные компании) требуют Safari. Верстка в разных браузерах может отличаться разительным образом. Простой пример: FireFox и Internet Explorer (два самых популярных браузера на сегодняшний день) по-разному обрабатывают внутренний и внешний отступы элементов страницы.

При тестировании верстки очень удобно пользоваться так называемыми, «валидаторами» (от англ. validate – сверять). Валидаторы проверяют корректность верстки по стандартам W3C – общепринятым стандартам в WWW (отсюда и W3). Подробнее о стандартах можешь узнать на сайте www.w3.org. Наиболее удобный валидатор - TIDY HtmlValidator, являющийся расширением (плагином) FireFox. Он проверяет страницу в процессе ее отображения. Выглядит это следующим образом. В статусной строке браузера отображается иконка TIDY, принимающая три различных вида (в зависимости от количества и типа найденных ошибок). При наведении курсора мыши появляется более детальная информация, а после двойного щелчка открывается исходный код с описанием ошибок.

Зачастую валидатор позволяет выявить скрытые ошибки, которые могут проявиться только при определенном стечении обстоятельств. Например, для новостей выводятся Заголовок, Картинка и Анонс. И при длине анонса первой новости более 300 символов картинка второй новости куда-нибудь «уезжает».

Тестирование верстки одновременно представляет собой и тестирование дизайна, так как верстальщики обычно руководствуются не ТЗ, а дизайн-макетами. Если дизайнер нарисовал что-то лишнее или забыл нарисовать что-то нужное – это, естественно, баг.