Как скачать и установить Selenium IDE для Firefox & Chrome

⚡ Умное резюме

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

  • 🔘 Firefox маршрут: Добавьте расширение из Firefox В разделе «Дополнения» подтвердите разрешение в диалоговом окне, затем запустите программу записи с помощью значка на панели инструментов.
  • ☑️ Маршрут Chrome: Начните с официального Selenium На странице загрузки IDE добавьте расширение и откройте его из меню «Расширения».
  • Проверка элементов: Firefox И DevTools, и Chrome DevTools предоставляют CSS-селектор или XPath, необходимые для выполнения команды Selenese.
  • 🧪 Устаревшие постройки: Оригинальный FirefoxДля выпуска плагина требуется старая портативная версия. FirefoxПоэтому рассматривайте это лишь как историческую справку.
  • 🇧🇷 Поиск и устранение неисправностей: Отсутствие значка на панели инструментов почти всегда означает, что расширение отключено или панель инструментов просто слишком узкая.
  • 📊 Кроссбраузерная совместимость: Установка средства запуска проектов через npm позволяет запускать сохраненные проекты в других браузерах и в сетке (Grid).

Скачайте и установите Selenium IDE для Firefox и Chrome

В этом уроке мы научимся скачивать и устанавливать Selenium IDE для Firefox и Google ChromeНичего не компилируется и ничего не помещается в системный путь — IDE представляет собой расширение для браузера, поэтому установка завершается в тот момент, когда браузер сообщает о добавлении дополнения.

⚠️ Примечание о версиях: Приведённые ниже скриншоты взяты из оригинала. Firefox-плагин Selenium IDE. Сборка перестала работать, когда Firefox В 2017 году в версии 55 была прекращена поддержка устаревших дополнений XUL. Selenium Распространяемая сегодня IDE — это переписанное расширение для Firefox и Chrome, который сохраняет проекты в .side формат вместо HTML. Здесь сохранен каждый исходный шаг, а текущее поведение указано рядом с ним.

Как установить Selenium IDE для Firefox

Ниже приведен пошаговый процесс загрузки и установки. Selenium IDE для Firefox:

Что вам нужно

  • Mozilla Firefox
  • Активное подключение к Интернету

Если у вас нет Mozilla Firefox тем не менее, вы можете скачать его с firefox.com.

Шаги 1) Открыть Firefox Дополнения и загрузка Selenium IDE

Запуск Firefox и перейдите в Selenium Список IDE на Firefox Дополнения. Нажмите Добавить в FirefoxСтраница дополнения выглядит так, как показано на скриншоте ниже.

Selenium Список IDE на Firefox Дополнительные модули с функцией «Добавить в» Firefox кнопка

Шаги 2) Нажмите «Добавить».

Подожди пока Firefox После завершения загрузки нажмите «Добавить». Firefox Сначала отображается запрос на предоставление разрешений, в котором перечислены запрашиваемые расширением права доступа.

Firefox Запрос разрешения с кнопкой «Добавить» для Selenium Расширение IDE

Шаги 3) Нажмите «ОК».

После завершения установки вы получите сообщение с подтверждением. Нажмите «ОК» в появившемся здесь уведомлении.

Firefox подтверждающее сообщение, в котором говорится, что Selenium Добавлена ​​IDE.

Шаги 4) Нажмите и откройте. Selenium IDE

Нажмите на Selenium Значок IDE, который теперь находится в Firefox Панель инструментов, как показано ниже.

Selenium значок IDE в Firefox панель инструментов браузера

Selenium IDE откроется в отдельном окне, как показано на следующем скриншоте.

Selenium Окно IDE открывается после установки в Firefox

Firefox DevTools в Firefox

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

Firefox DevTools — это Firefox Эта функция будет использоваться для проверки HTML-элементов тестируемого веб-приложения. Она предоставит нам имя элемента, над которым будет работать наша команда Selenese.

Шаг 1) Щелкните правой кнопкой мыши в любом месте страницы и выберите «Проверить элемент». Вы также можете использовать сочетание клавиш Ctrl + Shift + I. Контекстное меню показано ниже.

Firefox контекстное меню, вызываемое щелчком правой кнопки мыши, с опцией «Просмотреть элемент».

Шаг 2) Здесь вы увидите интерфейс, изображенный на картинке: с одной стороны — разметка страницы, с другой — стили.

Firefox Панель инспектора DevTools отображает HTML-код тестируемой страницы.

Шаг 3) Вы можете щелкнуть правой кнопкой мыши по элементу и выбрать CSS или XPathЭто полезно для идентификации объектов, поскольку скопированное значение можно вставить непосредственно в файл. Target поле командования.

Копирование селектора CSS или выражения XPath из Firefox Инспектор инструментов разработчика

Примечание: Аналогичным образом, вы также можете использовать инструменты разработчика в Chrome для определения свойств объектов. Приведенная ниже панель Chrome выполняет ту же задачу.

Инструменты разработчика Chrome: проверка элемента для чтения его объектных свойств.

Оба инспектора также отображают атрибуты id, name и class, которые IDE предпочитает при сборке проекта. локатор во время записи.

Selenium IDE устарела, и разработка была остановлена. Лишь недавно проект возродился. Новый Selenium не хватает многих функций по сравнению с устаревшей IDE. Функции добавляются, но медленными темпами. Чтобы изучить все возможности Selenium IDE, мы рекомендуем использовать старую версию. Чтобы использовать старую версию IDE

Шаг 1) Используйте Firefox 54 Проверка портативной версии здесь

Шаг 2) Посетить Selenium История версий IDE и установить. Список версий выглядит следующим образом.

Страница истории версий, содержащая более ранний список. Selenium Доступны для скачивания новые версии IDE.

Следующие функции могут быть недоступны в последней версии IDE. Мы будем продолжать обновлять руководства по мере выхода новой версии.

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

Плагины

Selenium IDE может поддерживать дополнительные Firefox Дополнения или плагины, созданные другими пользователями. Вы можете посетить [ссылка на дополнения или плагины]. Официальный представитель в Грузии Selenium сайт IDE для списка Selenium дополнения, доступные на сегодняшний день. Установите их так же, как и другие Firefox дополнения.

По умолчанию Selenium IDE поставляется в комплекте с 4 плагинами:

  1. Selenium ИДЕ: C# Форматировщики
  2. Selenium ИДЕ: Java Форматировщики
  3. Selenium ИДЕ: Python Форматировщики
  4. Selenium IDE: средства форматирования Ruby

Эти четыре плагина необходимы Selenium IDE для конвертации Selenese в разные форматы.

На вкладке «Плагины» отображается список всех установленных вами дополнений, а также номер версии и имя создателя каждого из них, как показано на скриншоте ниже.

Selenium На вкладке «Плагины IDE» перечислены четыре входящих в комплект плагина форматирования.

Расширения пользователя

Selenium IDE может поддерживать пользовательские расширения для предоставления расширенных возможностей. Пользовательские расширения имеют следующую форму: JavaФайлы скриптов. Вы устанавливаете их, указав их абсолютный путь в одном из этих двух полей в диалоговом окне «Параметры».

В диалоговом окне «Параметры» ниже выделены два поля пути.

Поля диалогового окна «Параметры» для Selenium Основные расширения и Selenium пути к файлам расширений IDE

Вы сможете найти множество пользовательских расширений на Selenium загрузки страницыСледует отметить, что этот механизм принадлежал к Selenium Ядро, которое было удалено в Selenium 3; современная IDE расширяется за счет собственного API плагинов.

Как установить Selenium IDE в Chrome

Ниже приведен пошаговый процесс загрузки и установки. Selenium IDE для Google Chrome:

Шаг 1) Перейдите на сайт Selenium сайт IDE Нажмите кнопку «Загрузить в Chrome».
Шаг 2) Откройте страницу в Chrome Web Store, чтобы найти... Selenium Установите расширение для IDE.
Шаг 3) Нажмите кнопку «Добавить в Chrome», чтобы добавить Selenium IDE для Google Chrome.
Шаг 4) Перейдите в меню «Расширения», щелкните по соответствующему значку и откройте его. Selenium IDE для записи нового теста в новом проекте.

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

Как проверить установку и записать результат первого теста

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

  1. Нажмите Selenium Значок IDE. В приветственном диалоговом окне предлагаются четыре варианта: записать новый тест в новом проекте, открыть существующий проект, создать новый проект или закрыть IDE.
  2. Выберите первый вариант и дайте проекту название.
  3. Войдите на базу URLЭто адрес тестируемого приложения, и он используется каждым тестом в проекте.
  4. В этом окне откроется новое окно браузера. URL И начинается запись. Щелкните ссылку или введите текст в поле, затем вернитесь в среду разработки и щелкните значок записи, чтобы остановить запись.
  5. Нажмите на значок сохранения. IDE создаст один файл с файлом. .side расширение.
  6. Выберите тест и нажмите кнопку воспроизведения. Если записанные шаги воспроизводятся без появления красного индикатора ошибки, значит, установка прошла успешно.

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

Как исправить распространенные ошибки Selenium Проблемы с установкой IDE

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

  • На панели инструментов нет значка. Подтвердите, что расширение включено. Введите chrome://extensions в Chrome или about:addons in Firefoxи проверьте это Selenium IDE включена.
  • Расширение включено, но по-прежнему невидимо. Значок может быть просто скрыт из-за слишком узкой панели инструментов. В Chrome перетащите область справа от адресной строки. FirefoxЩелкните правой кнопкой мыши по панели инструментов, выберите «Настроить», отрегулируйте параметры и нажмите «Готово».
  • IDE открывается, но ничего не записывает. Для записи необходимо использовать окно, открытое IDE. Запись во вкладке, открытой вручную, не будет воспроизводиться.
  • На внутренней странице ничего не работает. Расширения не могут создавать скрипты для внутренних страниц браузера, таких как экраны настроек или расширений, поэтому запись должна производиться на обычной веб-странице.
  • Управляемый браузер блокирует установку. В корпоративной среде установка расширений часто контролируется политикой и требует разрешения администратора для данного идентификатора расширения.

Как установить Selenium IDE-запускатель командной строки

Расширение воспроизводит тесты только в том браузере, в котором оно установлено. Чтобы запустить сохраненный проект в других браузерах, параллельно или в сетке, установите средство запуска из командной строки. Для этого требуются Node.js и npm.

npm install -g selenium-side-runner

Каждому браузеру также необходим свой собственный исполняемый файл драйвера. Установите драйвер для того браузера, который вы собираетесь использовать.

npm install -g chromedriver
npm install -g geckodriver
npm install -g edgedriver

После установки средства запуска и драйвера укажите средству запуска файл проекта, который IDE сохранила ранее.

selenium-side-runner /path/to/your-project.side

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

selenium-side-runner -c "browserName=firefox" --base-url https://localhost

Следующим естественным шагом будет отказ от записи и воспроизведения и написание тех же проверок в коде — см. первый скрипт WebDriver пошаговое руководство и более подробная информация Selenium серии.

Часто задаваемые вопросы (FAQ)

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

Это не относится к самому расширению, которое полностью работает внутри браузера. Среда выполнения языка имеет значение только при экспорте записи в код или при установке средства запуска из командной строки, для которого требуется Node.js, а не JDK.

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

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

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

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

Он не может управлять расширением, но полезен для экспортированного файла. Copilot легко преобразует необработанный экспортированный скрипт в объекты страниц, добавляет явные ожидания и создает задание CI, которое вызывает средство запуска из командной строки.

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

Подведем итог этой публикации следующим образом: