Блог седого тестировщика

говориМ о тестировании
простым языком

Как проводить кроссбраузерное тестирование

Время на прочтение: 3 мин.
Сегодня узнаем, как выбрать браузер для тестирования, рассмотрим алгоритм, на который можно опираться, и определим самые популярные кроссбраузерные баги.

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

Самое главное и опасное отличие WEB-приложений от десктопных — это то, что мы не можем знать заранее, в каком браузере, и уж тем более — в какой версии этого браузера пользователь откроет наше приложение. Именно поэтому кроссбраузерное тестирование требует особого подхода к выбору браузеров.

Как выбрать браузеры для тестирования

Чаще всего заказчик сам определяет, под какие именно браузеры предназначено его ПО. Но также разработчик и тестировщик могут подсказать клиенту, какой браузер будет основным. Для этого следует изучить статистику заходов в аналогичные приложения и определить, какими браузерами пользуется целевая аудитория.

Помимо того, чтобы знать, какой браузер является наиболее актуальным в настоящее время, а на поддержку какого можно уделить меньше внимания, можно отслеживать статистику по браузерам в регионе сайта. Сделать это можно с помощью сервиса gs.statcounter.com, где представлены все браузеры с версиями по странам (english).

Как проводить. С чего начать.

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

Элементы интерфейса

Начните с них. Кнопки, поля, текстовая область, шрифты, фон, панели — все должно выглядеть одинаково во всех браузерах.

Например, одна и та же форма в разных браузерах, на первый взгляд, все выглядит идентично, но стоит присмотреться и заметно небольшое отличие (разный чекбокс около “Запомнить”).

Как проводить кроссбраузерное тестирование, изображение №1

Размер окна

Попробуйте свернуть окно и убедитесь, что все элементы можно использовать вне зависимости от доступной области экрана.

Разрешение экрана

Убедитесь, что все элементы верно отображаются и на экранах с высоким разрешением, и на экранах с низким.

Как проводить кроссбраузерное тестирование, изображение №2

Курсоры

Если вид курсора должен меняться (на руку, прицел, и т.д.), убедитесь, что изменения происходят при наведении на нужный объект и своевременно.

Скролл

Проверьте, можете ли вы проскроллить экран вверх и вниз, вправо и влево (где это предусмотрено), не вызывает ли это наложения элементов? Не забудьте протестировать тачпад, тач-кнопка, указатель мыши, колесо мыши, кнопки вверх/вниз – то есть все, что должно заставлять приложение скроллиться.

Масштабирование

При увеличении/уменьшении масштаба страницы все элементы должны оставаться на своем месте и быть доступны в рабочей зоне. Если используется «отзывчивый» дизайн, элементы должны изменить свои размеры.

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

Преимущества кроссбраузерного тестирования

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

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

Vkontakte
Facebook
LinkedIn
Twitter

Автор статьи:

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии

Ближайшие события

Ближайшие события