Selenium ide как установить

Обновлено: 07.07.2024

В этой статье вы узнаете как пользоваться связкой PyCharm + Python + unittest + Selenium + JavaScript.

Для лучшего понимания пригодятся начальные знания Python и JavaScript

Основные методы работы в Selenium не зависят от языка, на котором вы пишете тест. Они разобраны в статье «Основы Selenium»

Я для работы использую PyCharm . Как добавить в PyCharm Selenium читайте здесь

Можете взять другой IDE или запускать из-под Linux ,но не советую пытаться запускать тесты Selenium из Подсистемы Windows для Linux так как в bash для Windows нет поддержки графики по умолчанию. Можно заморочиться и поставить что-то вроде Xming, но я не стал пробовать.

В этой статье я постараюсь показать развитие тестировщика на Python + Selenium.

Сначала попробуем запускать Selenium Webdriver и выполнять разные задачи, как средствами, встроенными в Webdriver, так и включая различные JavaScript манипуляции с DOM.

Установка

Первым делом нужно убедиться что установлен Python

Затем нужно убедиться что установлен pip

pip 20.0.2 from /usr/lib/python3/dist-packages/pip (python 3.8)

Если всё в порядке, то selenium можно установить через pip как обычный пакет

pip3 install selenium

Collecting selenium Downloading selenium-3.141.0-py2.py3-none-any.whl (904 kB) |████████████████████████████████| 904 kB 8.7 MB/s Requirement already satisfied: urllib3 in /usr/lib/python3/dist-packages (from selenium) (1.25.8) Installing collected packages: selenium Successfully installed selenium-3.141.0

Выбор драйвера

После установки Selenium нужно скачать драйверы для нужных браузеров.

Это действие не зависит от того на каком языке программирования вы планируете писать тест.

Подробную инструкцию можете прочитать в статье Selenium

Когда путь до драйвера добавлен в PATH можно подключать нужный браузер в ваш Python код.

Firefox драйвер называется Gecko Driver и подключается так

from selenium import webdriver driver = webdriver.Firefox()

Chrome аналогично. Вместо слова driver вы можете придумать свои называния. Например chdriver и ffdriver.

Поиск элеменотов

Есть много способов искать элементы, но их объединяет необходимость импортировать By

Простой тест

Зайдём на сайт и проверим, что в названии есть фраза «О Финляндии и путешествиях» найдём изображение по имени класса, найдём изображение по имени селектора

headless

Для «невидимого» запуска Selenium Webdriver нужно использовать опцию headless

Чтобы пользоваться этим режимом нужно импортировать Options

Можно добавить логику на основе переданного аргумента. Я обычно добавляю лог.

Как нажать на кнопку

Чтобы нажать на кнопку нужно найти элемент и использовать функцию click()

Например, найдём элемент button с классом new-button и нажмём на него.

Можно искать по id

Также допустимо сперва присвоить переменной результат поиска и потом вызвать click()

Поиск по тексту

Задача: кликнуть на кнопку с текстом LOGIN

Известно: div с текстом LOGIN имеет класс title, но элементов этого класса несколько и какой по счёту нам нужен неизвестно

Находим все элементы класса title

title_class = driver.find_elements_by_class_name("title") for el in title_class: if el.text == "LOGIN": login_button = el login_button.click()

Дождаться загрузки элемента

Допустим, вам нужно дождаться загрузки элементов с классом Buttons

Вы готовы ждать максимум десять секунд.

driver.implicitly_wait(10) buttons = driver.find_elements_by_class_name("Buttons")

Если элементы появятся быстрее, специально ждать десять секунд драйвер не будет.

Таким образом implicit wait это либо пока элемент не нашёлся, либо пока лимит времени не истёк. Лимит вы устанавливаете сами для каждого случая отдельно.

Автозаполнение формы

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

Сперва убедимся, что в названии страницы присутствует «Коста-дель-Соль» затем автоматически заполним форму.

Пример реального теста на создание пользователя

Запускаем Chrome и заходим на сайт.

Логинимся, находим нужный пункт в верхнем меню - Tools открываем его.

Выпадает список - находим там нужный - User Profiles.

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

В этом примере поиск элементов по классу сделан средствами JavaScript, затем найденным элементам присвоены определённые id и уже по этим id из находит Selenium Webdriver

Не копируйте этот тест себе пока не прочитаете всю статью. Очень много чего ещё можно оптимизировать

Импорт файлов

Если вам нужно загрузить файл с помощью Selenium - нажимать на кнопку загрузки не нужно.

Найдите элемент input (скорее всего) в котором триггерится загрузка. Выделите его и используйте .send_keys с указанием пути до файла

Допустим, что вы нашли этот элемент и его Или у него не было никакого id вообще, но вы присвоили ему этот id самостоятельно с помощью JavaScript

Пример теста без использования специальных библиотек

Основное отличие от предыдущего примера - кликов на верхнее меню теперь несколько, поэтому скрипт клика на элемент верхнего меню оформлен как функция, которая принимает в качесте параметра название элемента меню, например Tools, и затем использует это название как ключ для внутреннего словаря - получает порядковый номер элемента и кликает на него.

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

Selenium + unittest

Как вы уже скорее всего знаете, в Selenium Webdriver нет никаких средств для написания тестов. Обычно вместе с Webdriver используют библиотеку того языка программирования, на котором работает программист-тестировщик.

В этой статье я пользуюсь Python 3 поэтому в качестве библитеки для тестирования могу выбрать unittest, nose или pytest.


Selenium IDE (интегрированная среда разработки) - это автоматизированный инструмент, используемый для разработки тестовых случаев. Это одновременно экономит время и удивительный способ изучения синтаксиса Selenium. Он записывает действия пользователя в браузере с помощью команд Selenium вместе с параметрами, определенными в контексте этого конкретного элемента. Как правило, это наиболее эффективный способ разработки тестовых случаев и простой в использовании Chrome, а также расширение Firefox. В этой статье мы обсудим, как установить Selenium IDE.

Selenium IDE хорошо известен благодаря:

  • Устойчивые тесты: что делает Selenium IDE, так это то, что он будет записывать все локаторы для каждого элемента, с которым он будет взаимодействовать, один локатор потерпел неудачу во время воспроизведения, тогда другие будут пробоваться до тех пор, пока один из них не будет успешным.
  • Поток управления: Selenium IDE поставляется с петлевыми структурами, такими как if, while и times, которые представляют собой обширную структуру потока управления,
  • Повторное использование тестового примера: с помощью команды run мы можем повторно использовать один тестовый случай, который находится внутри другого, скажем, позволяя нам снова и снова использовать логику входа в систему во многих местах всего набора.
  • Плагины: с помощью плагинов Selenium IDE может быть расширен. Они могут быть интегрированы со сторонним сервисом.

Шаги по установке Selenium WebDriver

Ниже приведены инструкции по установке веб-драйвера Selenium:

Шаг 1: Установка Java


Шаг 2: Установка Eclipse IDE


Шаг 3: Установка драйвера клиента Selenium Java


Настройте Eclipse IDE с помощью WebDriver

  • Откройте Eclipse IDE. Создайте новый проект, перейдя в File> New> Java Project. Вы можете назвать это как хотите. Затем нажмите кнопку Готово.
  • Щелкните правой кнопкой мыши созданный проект в Package Explorer, выберите New> Package и назовите пакет как «pack».
  • Создайте новый класс Java в пакете, выбрав New> Class, щелкнув по нему правой кнопкой мыши. Вы можете назвать это как хотите.
  • Теперь щелкните правой кнопкой мыши по вашему проекту и выберите «Свойства». Затем нажмите на Путь сборки Java. Нажмите на вкладку «Библиотеки», а затем «Добавить внешние JAR-файлы». Выделите все файлы в папке lib, а также вне папки lib. После добавления нажмите кнопку «Применить и закрыть».
  • В конце нажмите OK, и все библиотеки Selenium будут импортированы в проект.

Шаги по установке Selenium IDE

Selenium IDE не требует каких-либо дополнительных настроек, кроме простой установки расширения в вашем браузере. Шаги упомянуты ниже:


Шаг 2: дождитесь окончания загрузки. После этого нажмите « Добавить». »


Шаг 3: Установка будет завершена. После этого нажмите «ОК».


Шаг 4: Вы увидите значок Selenium IDE сверху. После нажатия на него откроется Selenium IDE.


Пользовательские расширения

Selenium IDE поддерживает множество пользовательских расширений для предоставления высокоуровневых возможностей. Они имеют формат JavaScript. Их можно установить, указав их абсолютный путь в любом из двух полей ниже в диалоговом окне «Параметры».

Плагины

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

Selenium IDE по умолчанию имеет 4 плагина:

Упомянутые четыре плагина используются Selenium IDE для преобразования Selenese, который является языком Selenium, в другие различные форматы.

Особенности Selenium IDE

Ниже приведены некоторые особенности селена ide, которые заключаются в следующем:

1. Меню Действий

  • Запись: функция записи будет записывать все действия, которые сделаны в браузере. Это в основном превращает Selenium IDE в режим записи.
  • Воспроизвести текущий контрольный пример: эта функция будет воспроизводить текущий контрольный пример, который был создан или записан.
  • Набор тестов : эта функция будет воспроизводить все тестовые наборы, связанные с текущим набором тестов.
  • Пауза / Возобновление: эта функция может приостановить или возобновить выполнение в любой момент времени.

Меню 2.Options

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

  • Значение времени ожидания по умолчанию: Этот параметр показывает, сколько времени (в миллисекундах) Selenium будет ожидать выполнения шага теста, прежде чем он выдаст ошибку.
  • Включить экспериментальные функции: если это конкретное поле отмечено впервые, в IDE будут импортированы различные доступные форматы.
  • Запоминать базовый URL : когда выбрано это конкретное поле, пользователи запоминают URL каждый раз, когда запускают его. Обязательно пометить его как отмеченный.
  • Записывать assertTitle автоматически: если выбрано это конкретное поле, команда assertTitle будет автоматически вставлена ​​для каждой посещенной веб-страницы вместе с целевым значением.

Меню 3.Help

Меню «Справка» обычно используется для отображения заметок и официальной документации для пользователей.

4. Редактировать меню

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

Рекомендуемые статьи

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


Шаги 2) Дождитесь окончания загрузки Firefox и нажмите « Добавить ».



Шаги 4) Нажмите на значок Selenium IDE


Selenium IDE откроется


Firefox DevTools в Firefox

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

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


Шаг 2) Вы увидите интерфейс


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


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


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

Шаг 1) Используйте Firefox 54 Portable Version, проверьте здесь


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

Плагины

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

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

2. Selenium IDE: средства форматирования Java

3. Selenium IDE: средства форматирования Python

4. Selenium IDE: Ruby Formatters

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

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


Пользовательские расширения

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

В этом гайде мы разберем, как установить Selenium WebDriver.

Примечание: Версии Java, Eclipse и Selenium постоянно обновляются. Но порядок действий для установки не зависит от этих версий. Просто выбирайте последние версии и выполняйте шаги этого руководства.

Шаг 1. Устанавливаем Java



JDK включает в себя и Java Runtime Environment (JRE), поэтому не нужно скачивать и устанавливать его отдельно.

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


Шаг 2. Устанавливаем Eclipse IDE

Скачиваем актуальную версию Eclipse IDE for Java Developers (дистрибутив по ссылке). Если вы работаете в Windows, обратите внимание, что есть отдельные версии Eclipse для 32-разрядных и 64-разрядных архитектур.


После скачивания устанавливаем Eclipse:


Выбираем Eclipse IDE for Java Developers:


В Installation Folder указываем папку, в которую нужно установить Eclipse (мы выбираем c:\Eclipse )


После завершения установки запускаем Eclipse:

Шаг 3. Скачиваем Selenium Java Client Driver


Шаг 4. Настраиваем Eclipse для работы с WebDriver

1. Запускаем Eclipse.

2. При выборе workspace, выбираем папку по умолчанию.


В следующем окне устанавливаем следующие конфигурации:

  1. Имя проекта
  2. Папка проекта
  3. Окружения для запуска (execution JRE)
  4. Layout проекта

4. Нажимаем правой кнопкой мыши на созданном проекте и выбираем New > Package. Вводим имя пакета (в нашем случае это будет newpackage)



5. В новом пакете создаем Java-класс. Кликаем правой кнопкой мыши по пакету и выбираем New > Class. Вводим имя класса (в нашем случае это будет NewClass).



После создания класса IDE должна выглядеть, как на изображении ниже:


Добавим Selenium WebDriver в Java Build Path



Выбираем все файлы внутри папки libs:

Выбираем файлы внутри папки Library:


После добавления нажимаем Apply and Close:


6. После добавления необходимых JAR-файлов ваш проект должен выглядеть как на изображении ниже:


Поздравляем, мы завершили импорт Selenium в наш проект!

Другие драйвера

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

Заключение

Кроме браузера, для использования WebDriver, понадобятся:

Важно не забывать импортировать файлы драйвера в Eclipse проект.

Какой была ваша первая зарплата в QA и как вы искали первую работу?

Мега обсуждение в нашем телеграм-канале о поиске первой работы. Обмен опытом и мнения.

ОСТАВЬТЕ ОТВЕТ Отменить ответ

Похожее

Что такое use case? Теория и примеры

Use case (также юзкейс, сценарий использования) – это сценарий взаимодействия пользователя (или пользователей) с программным продуктом для достижения конкретной цели. В этом материале разбираем, из чего состоят юзкейсы и смотрим примеры.

Что такое user story и как ее писать?

User Story переводится с английского как «пользовательская история». Это общее описание функций программы, написанное как бы от имени пользователя. В user-story формулируется, чем функционал приложения ценен для заказчика.

Само название - user story - указывает, что этот документ имеет формат истории и излагается в повествовательной форме.

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

В этой статье мы разберем отличия user stories от спецификаций и дадим практические советы по написанию.

Контролируем тестовые девайсы (и тестировщиков) в Slack

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

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

Читайте также: