Как да изтеглите и инсталирате 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 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Страницата с добавките изглежда като екранната снимка по-долу.

Selenium IDE списък на Firefox Добавки с функцията „Добави към“ Firefox бутон

Стъпки 2) Кликнете върху Добавяне

Изчакай докато Firefox завършва изтеглянето и след това щракнете върху „Добавяне“. Firefox първо показва подканата за разрешение по-долу, която изброява достъпа, който разширението изисква.

Firefox подкана за разрешение с бутона Добавяне за Selenium Разширение за IDE

Стъпки 3) Щракнете върху Ok

След като инсталацията приключи, ще получите съобщение за потвърждение. Кликнете върху „OK“ в показаното тук известие.

Firefox съобщение за потвърждение, в което се посочва, че Selenium IDE беше добавен

Стъпки 4) Щракнете и отворете Selenium IDE

Кликнете върху Selenium Иконата на IDE, която сега се намира в Firefox лентата с инструменти, както е показано по-долу.

Selenium Икона на IDE в Firefox лента с инструменти на браузъра

Selenium IDE ще се отвори в собствен прозорец, както е показано на следващата екранна снимка.

Selenium Прозорецът на IDE се отваря след инсталирането в Firefox

Firefox DevTools в Firefox

Инсталирането на IDE е само половината от настройката. Записването на стъпка е лесно, но писането на такава на ръка изисква идентификатор на елемента, върху който действа стъпката, а той идва от собствения инспектор на браузъра.

Firefox DevTools е a Firefox функция, която ще използваме, за да проверим HTML елементите на тестваното уеб приложение. Тя ще ни предостави името на елемента, върху който ще действа нашата Selenese команда.

Стъпка 1) Щракнете с десния бутон където и да е на страницата и изберете Inspect Element. Можете също да използвате клавишната комбинация Ctrl + Shift + I. Контекстното меню е показано по-долу.

Firefox Контекстното меню с десен бутон на мишката с опцията „Инспектиране на елемент“

Стъпка 2) Ще видите интерфейса, показан тук, с маркировката на страницата от едната страна и стиловете от другата.

Firefox Панелът на инспектора на DevTools, показващ HTML кода на тестваната страница

Стъпка 3) Можете да щракнете с десния бутон върху елемент и да изберете CSS или XPathТова е полезно при идентифициране на обекти, защото копираната стойност може да бъде поставена директно в Target поле на команда.

Копиране на CSS селектор или XPath израз от Firefox Инспектор на DevTools

Забележка: По същия начин можете да използвате Инструменти за разработчици в Chrome, за да идентифицирате свойствата на обекти. Панелът на Chrome по-долу изпълнява същата задача.

Chrome DevTools проверява елемент, за да прочете свойствата на обекта му

И двата инспектора също така разкриват атрибутите id, name и class, които IDE предпочита, когато изгражда локатор по време на запис.

Selenium IDE беше отхвърлена и разработката беше спряна. Едва наскоро проектът беше възкресен. Новият Selenium липсват много функции в сравнение с отхвърлената IDE. Функциите се добавят, но с бавни темпове. За да проучите всички характеристики на Selenium IDE, препоръчваме ви да използвате старата версия. За да използвате старата версия на IDE

Стъпка 1) употреба Firefox 54 Проверка на преносимата версия тук

Стъпка 2) посещение на Selenium История на версиите на IDE и инсталирайте. Списъкът с версии изглежда така.

Списък на страницата с история на версиите по-рано Selenium IDE версии, достъпни за изтегляне

Следните функции може да не са налични в последната версия на IDE. Ще продължим да актуализираме уроците с актуализирането на новата версия.

⚠️ Текущо състояние: Стартирането на неподдържан браузър единствено за да се поддържа неподдържана добавка активна, вече не е практичен вариант на работна машина, така че третирайте двете стъпки по-горе като исторически контекст. Обновената IDE вече обхваща по-голямата част от това, което е направило стария инструмент полезен, включително съхранени променливи, команди за управление на потока и експортиране на код.

Plugins

Selenium IDE може да поддържа допълнителни Firefox добавки или плъгини, създадени от други потребители. Можете да посетите по официалния Selenium IDE сайт за списък на Selenium налични до момента добавки. Инсталирайте ги точно както правите с другите Firefox добавки.

По подразбиране Selenium IDE идва в комплект с 4 добавки:

  1. Selenium SDI: C# Форматори
  2. Selenium SDI: Java Форматори
  3. Selenium SDI: Python Форматори
  4. Selenium IDE: Ruby Formatters

Тези четири плъгина се изискват от 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 за 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 и записът започва. Щракнете върху връзка или въведете текст в поле, след което се върнете към IDE и щракнете върху иконата за запис, за да спрете.
  5. Щракнете върху иконата за запазване. IDE записва един файл с .side удължаване.
  6. Изберете теста и щракнете върху „Пусни“. Ако записаните стъпки се възпроизведат без червен маркер за повреда, инсталацията е изправна.

Първо възпроизвеждане, което се провали при първата команда, обикновено сочи към базата URL а не при инсталирането. Възпроизвеждането, което се проваля по средата, е проблем с локатора, където команди за проверка и изчакване изкарват прехраната си.

Как да поправим Common Selenium Проблеми с инсталирането на IDE

Почти всяко оплакване за инсталиране попада в един от малкото модели. Първите две са документирани от Selenium самия проект.

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

Как да инсталирате Selenium IDE Command-Line Runner

Разширението възпроизвежда тестове само в браузъра, в който е инсталирано. За да стартирате запазен проект в други браузъри, паралелно или в 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, който се отваря празен.

Да, защото записва в рамките на реална сесия на браузъра и наследява всички „бисквитки“, които се съхраняват в тази сесия. Пренасочванията с единичен вход все още записват, въпреки че получените стъпки често са крехки и е по-добре да бъдат заменени от стъпка за директно влизане.

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

Не може да управлява разширението, но е полезен за експортирания файл. Copilot лесно превръща суров експортиран скрипт в обекти на страница, добавя изрични чакания и записва CI задачата, която извиква командата за изпълнение от командния ред.

Където и да изберете при запазване. IDE записва по един JSON файл за всеки проект с разширение .side, който е обикновен текст и следователно е безопасен за предаване към контрол на версиите и за сравнение по време на преглед.

Обобщете тази публикация с: