Як завантажити та встановити 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 та Google ChromeНічого не компілюється і нічого не розміщується в системному шляху — IDE є розширенням браузера, тому встановлення завершується в момент, коли браузер повідомляє про додавання доповнення.

⚠️ Примітка щодо версій: скріншоти нижче взяті з оригіналу Firefox-підключати Selenium IDE. Ця збірка перестала працювати, коли Firefox 55 скасував підтримку застарілих доповнень XUL у 2017 році. 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Сторінка доповнення виглядає як на скріншоті нижче.

Кроки 2) Натисніть «Додати».

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

Кроки 3) Натисніть OK

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

Кроки 4) Натисніть і відкрийте Selenium IDE

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

Selenium IDE відкриється у власному вікні, як на наступному скріншоті.

Firefox DevTools у Firefox

Встановлення IDE – це лише половина налаштування. Записати крок легко, але для його написання вручну потрібен ідентифікатор елемента, на який діє цей крок, і він надходить з власного інспектора браузера.

Firefox DevTools — це a Firefox функція, яку ми використовуватимемо для перевірки HTML-елементів тестованого веб-застосунку. Вона надасть нам назву елемента, на який діятиме наша команда Selenese.

Крок 1) Клацніть правою кнопкою миші будь-де на сторінці та виберіть Перевірити елемент. Ви також можете використовувати комбінацію клавіш Ctrl + Shift + I. Контекстне меню показано нижче.

Крок 2) Ви побачите інтерфейс, зображений тут, з розміткою сторінки з одного боку та стилями з іншого.

Крок 3) Ви можете клацнути правою кнопкою миші на елементі та вибрати CSS або XPathЦе корисно для ідентифікації об'єктів, оскільки скопійоване значення можна вставити безпосередньо в Target поле команди.

Примітка: Так само ви можете використовувати Інструменти розробника в Chrome для визначення властивостей об’єктів. Панель Chrome нижче виконує ту саму роботу.

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

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

Крок 1) Скористайтеся кнопкою Firefox 54 Перевірка портативної версії тут

Крок 2) Відвідати Selenium Історія версій IDE та встановіть. Список версій виглядає так.

Наступні функції можуть бути недоступні в останній версії IDE. Ми продовжуватимемо оновлювати навчальні посібники в міру оновлення нової версії.

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

Плагіни

Selenium IDE може підтримувати додаткові Firefox доповнення або плагіни, створені іншими користувачами. Ви можете відвідати офіційний Selenium Сайт IDE для переліку Selenium доповнень, доступних на сьогоднішній день. Встановіть їх так само, як і інші Firefox надбудови.

За замовчуванням Selenium IDE поставляється в комплекті з 4 плагінами:

Selenium SDI: C# Форматери
Selenium SDI: Java Форматери
Selenium SDI: Python Форматери
Selenium IDE: засоби форматування Ruby

Ці чотири плагіни потрібні Selenium IDE для перетворення Selenese в різні формати.

На вкладці «Плагіни» відображається список усіх встановлених вами доповнень разом із номером версії та іменем автора кожного з них, як на скріншоті нижче.

Розширення користувача

Selenium IDE може підтримувати розширення користувачів для забезпечення розширених можливостей. Розширення користувачів мають форму JavaФайли сценаріїв. Ви встановлюєте їх, вказуючи їхній абсолютний шлях у будь-якому з цих двох полів у діалоговому вікні «Параметри».

Selenium Основні розширення (розширення користувача.js)
Selenium Розширення IDE

Два поля шляху виділено в діалоговому вікні «Параметри» нижче.

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

Як встановити Selenium IDE в Chrome

Нижче наведено крок за кроком процес завантаження та встановлення Selenium IDE для Google Chrome:

Крок 1) Перейдіть до Selenium Сайт IDE & Натисніть кнопку «Завантажити Chrome».
Крок 2) Відкрийте сторінку в Інтернет-магазині Chrome для Selenium Розширення IDE та встановіть його.
Крок 3) Натисніть кнопку «Додати до Chrome», щоб додати Selenium IDE до Google Chrome.
Крок 4) Перейдіть до меню Розширення, натисніть на цей значок і відкрийте Selenium IDE для запису нового тесту в новому проєкті.

Збірка Chrome та Firefox build мають одне й те саме розширення, тому проект, записаний в одному, відкривається в іншому. Оскільки магазини браузерів з часом змінюють свої списки, завжди починайте з офіційного сайту на кроці 1, а не з магазину, доданого до закладок. URL.

Як перевірити встановлення та записати перший тест

Розширення, яке завантажується, не є доказом того, що налаштування працює. Найшвидша перевірка — це записати щось банальне та відтворити це.

Натисніть Selenium Піктограма IDE. У діалоговому вікні привітання пропонується чотири опції: записати новий тест у новому проекті, відкрити існуючий проект, створити новий проект або закрити IDE.
Виберіть перший варіант і дайте назву проекту.
Введіть базу URLЦе адреса тестованої програми, і вона повторно використовується кожним тестом у проєкті.
На цьому відкривається нове вікно браузера URL і запис розпочнеться. Натисніть посилання або введіть дані в поле, потім поверніться до IDE та натисніть значок запису, щоб зупинити його.
Натисніть значок збереження. IDE записує один файл із .side розширення.
Виберіть тест і натисніть кнопку відтворення. Якщо записані кроки відтворюються без червоного маркера несправності, встановлення справне.

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

Як виправити Common Selenium Проблеми з встановленням IDE

Майже кожна скарга на встановлення підпадає під одну з кількох схем. Перші дві задокументовані Selenium сам проект.

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

Як встановити Selenium Запуск командного рядка IDE

Розширення відтворює тести лише в тому браузері, в якому його встановлено. Щоб запустити збережений проект в інших браузерах, паралельно або на Grid, встановіть командний рядок. Йому потрібні 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 серії.

Поширені запитання

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

Не для самого розширення, яке повністю працює всередині браузера. Середовище виконання мови має значення лише після експорту запису в код або після встановлення програми командного рядка, для якої потрібен Node.js, а не JDK.

Будь-яка платформа, на якій працює підтримуваний браузер, тому Windows, macOS і Linux – усі працюють. Розширення успадковує вимоги браузера, а це означає, що немає окремого інсталятора та збірки, спеціально розробленої для певної операційної системи.

Видаліть його зі сторінки розширень браузера, а потім знову додайте зі сховища. Збережені проекти – це звичайні файли на диску, тому вони залишаться недоторканими після перевстановлення. Перевстановлення – це звичайне виправлення для вікна IDE, яке відкривається порожнім.

Так, оскільки запис відбувається всередині реального сеансу браузера та успадковується будь-який файл cookie, що міститься в цьому сеансі. Перенаправлення єдиного входу все ще записують дані, хоча результуючі кроки часто є ненадійними та їх краще замінити кроком прямого входу.

Машинне навчання застосовується переважно після запису: самовідновлювальні механізми пропонують заміну селектора, коли змінюється розмітка, а моделі нестабільного тестування позначають кроки, які періодично зазнають невдачі. Жодне з них не змінює встановлення, але обидва зменшують обсяг обслуговування, що йде за ним.

Він не може керувати розширенням, але корисний для експортованого файлу. Copilot легко перетворює необроблений експортований скрипт на об'єкти сторінки, додає явні очікування та пише завдання CI, яке викликає виконавець командного рядка.

Куди б ви не вибрали під час збереження. IDE записує один JSON-файл для кожного проєкту з розширенням .side, який є звичайним текстом і тому безпечний для фіксації в системі контролю версій та порівняння під час рецензування.