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

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

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

Предыстория

В один прекрасный день я попала на интересный проект. Задачей команды стало создание плагина, который упрощал подбор персонала, собирая резюме из разных web-приложений по трудоустройству.  В список требований к плагину входило тестирование в четырех разных браузерах, у каждого из которых требовалось проверить по 2 версии (последнюю и предпоследнюю): Google Chrome v 126/127, Firefox v 127/128, Яндекс v 23/24 и Microsoft Edge v 126/127. 

Стадия 1. Отрицание

Возникает вопрос — зачем тестировать браузеры с одинаковым движком, если обновление происходит автоматически? Для клиента было важно, чтобы пользователь плагина мог работать с ним, даже если не было обновлений браузера. А требование клиента для нас закон.

Подумав и приняв требования, я рискнула и доустановила на свой ПК плюсом предпоследнюю версию:

1. Скачала устаревшую версию браузера на ПК.

2. Создала папку для системных файлов второй версии браузера (с помощью кнопки «Создать папку»).

3. Создала ярлык (с помощью кнопок «Скопировать», «Вставить»).

4. Открыла свойства нового ярлыка с указанным путем расположения.

5. К пути добавила через пробел -user-data-dir=*путь созданной нами папки (из шага 2)*

Для копирования пути папки нажала кнопку Shift+правая кнопка мыши → «Копировать как путь».

Стадия 2. Гнев

Возникла проблема, которая заключалась в том, что не каждый браузер можно дублировать таким способом. Работает такой способ только на Google Chrome и Яндекс. И еще одна неприятность: как только открываешь предыдущую версию браузера, он автоматически обновляется до самой свежей.  

Я попробовала убрать автообновления следующим способом: удалила в пути сохранения браузера папку Update. 

Для проверки того, что автообновления отключены, выполняем следующие действия: Настройки → О браузере. Если браузер выдал ошибку о автообновлении, значит все прошло удачно.

Но оставалась проблема: я путалась, на какой версии браузера я проверяю плагин. К тому же, не все браузеры можно было так установить. 

Стадия 3. Торг 

Понимая, что самостоятельно справиться не получается, я обратилась за помощью к коллегам. Они предложили мне скачать более устаревшие браузеры в песочницу. Песочница — это инструмент для изоляции. Для её активации необходимо через панель управления открыть меню «Компоненты Windows» и выставить галочку напротив пункта «Песочница Windows».

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

Стадия 4. Депрессия

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

Встал вопрос — как сделать мою работу независимой от включения компьютера? Ведь работа предстояла долгая, а зарядное устройство не спасало ситуацию глобально. Не хотелось каждый раз переживать о том, что я могу потерять достигнутый результат по причине случайного отключения ноутбука.

Стадия 5. Принятие 

Моим последним вариантом стала виртуальная машина. Для ее использования я установила VirtualBox на компьютер, скачала оболочку Windows и запустила содержимое. 

Как поэтапно создать виртуальную машину:

1. Скачать ISO-образ виртуальной машины, нажав кнопку «Скачать средство сейчас».

2. Открыть утилиту, принять условия лицензии, создать установочный носитель и нажать кнопку «Сохранить».

3. Запустить VirtualBox.

4. Нажать кнопку «Создать».

5. Заполнить поля: Имя, Тип, версия (например, Оболочка Windows, Windows 10 (64 bit)) и нажать кнопку «Далее».

6. Указать необходимый объем памяти (рекомендовано более 4096 Мб) и нажать «Далее».

7. Отметить «Создать новый виртуальный жесткий диск» и нажать «Далее».

8. Выбрать необходимый жесткий диск (у меня VDI) и нажать «Далее».

9. Указать формат хранения — Динамический жесткий диск и нажать «Далее».

10. Указать путь и размер виртуального жесткого диска (для Windows рекомендовано более 20 ГБ) и нажать кнопку «Создать».

  1. Нажать кнопку «Настроить»

  2. Перейти в носители и выбрать файл носителя с диска (сохраненный файл в п. 2)

После запуска виртуальной машины я прошла всё заново: скачала устаревшие версии браузера и выключила автообновление.

Но как же Microsoft Edge? Он по умолчанию установлен на Windows. Как снизить версию на нём? Проведя некоторые манипуляции, я так и не смогла скатить обновления. Путем разговора с коллегами нашли выход — установить Edge на оболочку Linux в VirtualBox.

И нужно сразу скачать более старую версию. Плюс Linux в том, что без ведома пользователя обновления программ не происходит.

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

Заключение

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

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

Спасибо за внимание!

Больше авторских материалов для QA-специалистов от моих коллег читайте в соцсетях SimbirSoft – ВКонтакте и Telegram.

Комментарии (0)