Ранее мы выяснили причины необходимости кроссбраузерного тестирования и разобрали наиболее часто встречаемые ошибки. Не секрет, что проведение кроссбраузерного тестирования может быть довольно сложной задачей для любого тестировщика из-за разнообразия используемых пользователями браузеров. Но здесь на помощь приходят онлайн-платформы для проведения подобных проверок, функционал которых позволяет оптимизировать работу и свести риск пропуска багов к минимуму.
Конечно, Firefox, Internet Explorer, Safari, Chrome и Opera обычно без проблем можно установить на рабочее место. Но если у вас нет такой возможности, то существует множество инструментов для тестирования отображения программных продуктов в различных конфигурациях.
Сегодня рассмотрим бесплатные инструменты, каждый из которых предоставляет пользователям различные функции тестирования.
Инструменты для тестирования
Browsershots
Один из первых кроссбраузерных тестовых сайтов, который позволяет вам тестировать ваш сайт в нескольких браузерах, включая некоторые старые версии, такие как Lynx, Konqueror и Seamonkey.
Инструмент создает скриншоты, чтобы показать, как ваш сайт отображается в разных браузерах. Единственным недостатком является то, что ваш сайт должен быть онлайн для тестирования при помощи этого инструмента.
IETester
Браузер для Windows, который позволяет использовать механизмы вывода и JavaScript для просмотра сайта в версиях IE10, IE9, IE8, IE7, IE6 и IE5.5. Для работы инструмента требуется Windows 7, Windows Vista или Windows XP с IE7.
CrossBrowserTesting
На этой онлайн-площадке можно выполнить тестирование вашего веб-продукта в разрезе виртуального использования более 1500 реальных устройств на основе популярных операционных систем.
Функционал площадки позволяет выполнять интерактивное тестирование и отладку на выбранном удаленном устройстве в режиме реального времени, просматривать веб-страницы в нескольких браузерах одновременно, запускать автотесты на основе Selenium.
К слову, эта платформа будет очень полезна тем компаниям, которые применяют методологию разработки Agile. Все дело в том, что сервис предлагает параметры параллельного тестирования, одновременного тестирования с CI инструментами (например, Jenkins).
Browsera
Инструмент предоставляет пользователю информацию, касающуюся отображения сайта и выявленных ошибок. Введите URL-адрес сайта, и инструмент начнет сканировать его. Вы увидите, как он обрабатывает страницы, и сколько времени осталось до окончания тестирования.
Когда тест на кроссбраузерность завершится, вы получите на электронную почту письмо с результатами, а в окне Browsera будет выведен подробный отчет.
Если на сайте будут обнаружены ошибки JavaScript, Browsera предоставит детальную информацию по ним, включая тип и версию браузера, страницы или элементы сайта, строку кода, содержащую ошибку, ее описание. Например, «недопустимое значение свойства»:
Также можно просмотреть различия отображения макета в различных версиях Firefox и Internet Explorer. Так вы сможете увидеть, как тестируемый сайт выглядит в каждом из этих браузеров, чтобы позже внести необходимые изменения.
Для использования Browsera требуется создание учетной записи. Доступно несколько тарифов, а бесплатного вполне достаточно для тестирования небольших сайтов.
Инструмент определения кроссбраузерности сайта предоставляет для одного пользователя возможность тестирования до 25 страниц в месяц.. Оно включает в себя обнаружение проблем, сканирование сайта и поиск ошибок JavaScript. Конечно, платные тарифы предлагают больше возможностей и опций.
Browser Sandbox
Приложение предлагает более основательный вариант проверки кроссбраузерности. Для Chrome, Firefox, Internet Explorer, Opera и Safari можно выбрать точную версию, которую нужно протестировать.
Если вам нужно протестировать новейшие версии этих браузеров, то это бесплатно. Но если вы хотите проверить старые версии, за это взимается плата:
После выбора браузера он открывается в новом окне. Затем нужно ввести URL-адрес и протестировать страницу.
Данный сервис позволяет полностью протестировать все аспекты кроссбраузерности. Обратите внимание, что этот инструмент попросит вас установить плагин, поэтому, если вы не хотите загружать и устанавливать его, вам стоит рассмотреть другой инструмент.
LambdaTest
Существует более 1400 вариантов комбинации браузеров, где вы можете сделать тест. И не только в браузере, вы можете запустить его на соответствующей ОС.
Сравнительная таблица инструментов
В приведённой ниже таблице сведены вместе некоторые сведения об инструментах тестирования для сравнения их между собой и выбора наиболее подходящего варианта.
Заключение
Вне зависимости от инструмента, которым вы пользуетесь, регулярное тестирование вашего проекта в процессе разработки помогает предотвратить большие неприятности в будущем, которые могут возникнуть при его использовании, и сохраняет ваше время. Выбирайте сервис, который больше подходит к вашему рабочему процессу, и проверяйте все существенные изменения дизайна.
_____________
Кстати, а каким инструментами кроссбраузерного тестирования вы пользуетесь? Или не используете их при тестировании?
