Kako preuzeti i instalirati Selenium IDE za Firefox & Chrome

U ovom vodiču naučit ćemo kako preuzeti i instalirati Selenium IDE za Firefox i Google ChromeNišta se ne kompajlira i ništa se ne stavlja na sistemsku putanju — IDE je proširenje preglednika, pa je instalacija završena u trenutku kada preglednik javi da je dodatak dodan.

⚠️ Napomena o verzijama: Snimke zaslona u nastavku potječu iz originala Firefox-dodatak Selenium IDE. Ta je izrada prestala raditi kada Firefox 55 je 2017. godine uklonio podršku za naslijeđene XUL dodatke. Selenium IDE koji se danas distribuira je prepisano proširenje za Firefox i Chrome koji sprema projekte u .side formatu umjesto HTML-a. Ovdje je sačuvan svaki izvorni korak, a trenutno ponašanje je navedeno pokraj njega.

Kako instalirati Selenium IDE za Firefox

Ispod je korak po korak proces preuzimanja i instaliranja Selenium IDE za Firefox:

Što trebaš

• Mozilla Firefox
• Aktivna internetska veza

Ako nemate Mozillu Firefox ipak, možete ga preuzeti sa firefox.com.

Koraci 1) Otvorite Firefox Dodaci i preuzimanje Selenium IDE

Lansirati Firefox i pomaknite se do Selenium Popis IDE-a na Firefox Dodatke. Pritisnite Dodaj u FirefoxStranica s dodatkom izgleda kao na snimci zaslona ispod.

Koraci 2) Kliknite na Dodaj

Čekati do Firefox dovrši preuzimanje, a zatim kliknite "Dodaj". Firefox prvo prikazuje upit za dopuštenje u nastavku, koji navodi pristup koji proširenje traži.

Koraci 3) Kliknite na OK

Nakon što je instalacija dovršena, dobit ćete poruku potvrde. Kliknite "U redu" na prikazanoj obavijesti.

Koraci 4) Kliknite i otvorite Selenium IDE

Kliknite na Selenium IDE ikona, koja se sada nalazi u Firefox alatna traka kao što je prikazano dolje.

Selenium IDE će se otvoriti u vlastitom prozoru, kao na sljedećoj snimci zaslona.

Firefox DevTools u Firefox

Instaliranje IDE-a je samo polovica postavljanja. Snimanje koraka je jednostavno, ali ručno pisanje zahtijeva identifikator elementa na koji korak djeluje, a to dolazi iz vlastitog inspektora preglednika.

Firefox DevTools je a Firefox značajka koju ćemo koristiti za pregled HTML elemenata testirane web aplikacije. Pružit će nam naziv elementa na koji bi naša Selenese naredba djelovala.

Korak 1) Desnom tipkom miša kliknite bilo gdje na stranici i odaberite Provjeri element. Također možete koristiti prečac Ctrl + Shift + I. Kontekstni izbornik prikazan je dolje.

Korak 2) Ovdje ćete vidjeti sučelje prikazano na slici, s oznakama stranice s jedne strane i stilovima s druge.

Korak 3) Možete desnom tipkom miša kliknuti na element i odabrati CSS ili XPathOvo je korisno kod identifikacije objekta, jer se kopirana vrijednost može izravno zalijepiti u Target polje naredbe.

Bilješka: Slično tome, možete koristiti i alate za razvojne programere u Chromeu za identifikaciju svojstava objekta. Chromeova ploča u nastavku obavlja isti posao.

Oba inspektora također otkrivaju atribute id, name i class koje IDE preferira prilikom izgradnje lokator tijekom snimanja.

Selenium IDE je zastario i razvoj je zaustavljen. Tek nedavno je projekt uskrsnuo. Novi Selenium nedostaju mnoge značajke u usporedbi sa zastarjelim IDE-om. Značajke se dodaju, ali sporim tempom. Da biste istražili sve značajke Selenium IDE, preporučujemo da koristite staru verziju. Za korištenje stare verzije IDE-a

Korak 1) Koristiti Firefox 54 Provjera prijenosne verzije ovdje

Korak 2) Posjetite Selenium Povijest verzija IDE-a i instalirajte. Popis verzija izgleda ovako.

Sljedeće značajke možda neće biti dostupne u najnovijoj verziji IDE-a. Nastavit ćemo ažurirati vodiče kako nova verzija bude ažurirana.

⚠️ Trenutno stanje: Pokretanje nepodržanog preglednika isključivo radi održavanja nepodržanog dodatka više nije praktična opcija na radnom računalu, stoga dva gore navedena koraka tretirajte kao povijesni kontekst. Obnovljeno IDE sada pokriva većinu onoga što je stari alat činilo korisnim, uključujući pohranjene varijable, naredbe za upravljanje tokom i izvoz koda.

Dodaci

Selenium IDE može podržati dodatne Firefox dodaci ili plugini koje su kreirali drugi korisnici. Možete posjetiti službenik Selenium IDE stranica za popis Selenium dodataka dostupnih do danas. Instalirajte ih kao i druge Firefox dodaci.

Po defaultu, Selenium IDE dolazi u paketu s 4 dodatka:

1. Selenium SDI: C# Formateri
2. Selenium SDI: Java Formateri
3. Selenium SDI: Python Formateri
4. Selenium IDE: Ruby Formatters

Ova četiri dodatka potrebna su za Selenium IDE za pretvaranje Selenesea u različite formate.

Kartica Dodaci prikazuje popis svih instaliranih dodataka, zajedno s brojem verzije i imenom autora svakog od njih, kao na snimci zaslona u nastavku.

Korisnička proširenja

Selenium IDE može podržati korisnička proširenja kako bi pružio napredne mogućnosti. Korisnička proširenja su u obliku JavaDatoteke skripte. Instalirate ih navođenjem njihove apsolutne staze u bilo kojem od ova dva polja u dijaloškom okviru Mogućnosti.

• Selenium Osnovna proširenja (korisnička-proširenja.js)
• Selenium IDE proširenja

Dva polja puta su označena u dijalogu Opcije ispod.

Moći ćete pronaći mnoštvo korisničkih proširenja na Selenium stranica preuzimanjaImajte na umu da je ovaj mehanizam pripadao Selenium Jezgra, koja je uklonjena u Selenium 3; moderno IDE je umjesto toga prošireno vlastitim API-jem dodataka.

Kako instalirati Selenium IDE u Chromeu

Ispod je korak po korak proces preuzimanja i instaliranja Selenium IDE za Google Chrome:

Korak 1) Idi na Selenium IDE stranica & Kliknite gumb Preuzmi za Chrome.
Korak 2) Otvorite popis u Chrome web trgovini za Selenium IDE ekstenziju i instalirajte je.
Korak 3) Kliknite gumb Dodaj u Chrome da biste dodali Selenium IDE za Google Chrome.
Korak 4) Idite na izbornik Proširenja, kliknite na tu ikonu i otvorite Selenium IDE za snimanje novog testa u novom projektu.

Chromeova verzija i Firefox build imaju isto proširenje, pa se projekt snimljen u jednom otvara u drugom. Budući da trgovine preglednika s vremenom mijenjaju svoje popise, uvijek počnite od službene stranice u 1. koraku, a ne od označene trgovine. URL.

Kako provjeriti instalaciju i snimiti prvi test

Proširenje koje se učitava nije dokaz da postavka radi. Najbrža provjera je snimiti nešto trivijalno i reproducirati.

1. kliknite Selenium Ikona IDE-a. Dijaloški okvir dobrodošlice nudi četiri mogućnosti: snimanje novog testa u novom projektu, otvaranje postojećeg projekta, stvaranje novog projekta ili zatvaranje IDE-a.
2. Odaberite prvu opciju i dajte naziv projektu.
3. Unesite bazu URLOvo je adresa aplikacije koja se testira i ponovno je koristi svaki test u projektu.
4. Na tome se otvara novi prozor preglednika URL i snimanje počinje. Kliknite poveznicu ili upišite tekst u polje, a zatim se vratite u IDE i kliknite ikonu snimanja za zaustavljanje.
5. Kliknite ikonu za spremanje. IDE zapisuje jednu datoteku s .side produženje.
6. Odaberite test i kliknite na reprodukciju. Ako se snimljeni koraci ponovno reproduciraju bez crvene oznake greške, instalacija je ispravna.

Prva reprodukcija koja ne uspije već na prvoj naredbi obično pokazuje na bazu URL a ne prilikom instalacije. Reprodukcija koja ne uspije usred instalacije je problem s lokatorom, gdje naredbe za provjeru i čekanje zaraditi za život.

Kako popraviti Common Selenium Problemi s instalacijom IDE-a

Gotovo svaka pritužba na instalaciju spada u jedan od nekoliko obrazaca. Prva dva su ona koja je dokumentirao Selenium sam projekt.

• Nema ikone u alatnoj traci. Potvrdite da je proširenje omogućeno. Upišite chrome://extensions u Chromeu ili about:addons in Firefox, i provjerite to Selenium IDE je uključen.
• Proširenje je omogućeno, ali i dalje nije vidljivo. Ikona je možda jednostavno skrivena jer je alatna traka preuska. U Chromeu povucite područje desno od adresne trake. U Firefox, desnom tipkom miša kliknite alatnu traku, odaberite Prilagodi, prilagodite je i kliknite Gotovo.
• IDE se otvara, ali ništa ne zapisuje. Prozor za snimanje mora biti onaj koji je pokrenuo IDE. Snimanje u kartici otvorenoj ručno se ne snima.
• Ništa ne radi na internoj stranici. Proširenja ne mogu skriptirati interne stranice preglednika kao što su postavke ili zasloni proširenja, stoga se snimaju na običnu web stranicu.
• Upravljani preglednik blokira instalaciju. Na korporativnom profilu, instalacija proširenja često je kontrolirana pravilima i potreban je administrator koji će dopustiti ID proširenja.

Kako instalirati Selenium IDE Command-Line Runner

Proširenje reproducira testove samo u pregledniku u kojem je instalirano. Za pokretanje spremljenog projekta u drugim preglednicima, paralelno ili na Gridu, instalirajte program za pokretanje naredbenog retka. Potrebni su mu Node.js i npm.

npm install -g selenium-side-runner

Svaki preglednik također treba vlastiti binarni upravljački program. Instalirajte upravljački program za preglednik koji namjeravate ciljati.

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

S postavljenim trkačem i upravljačkim programom, usmjerite trkač na datoteku projekta koju je IDE ranije spremio.

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

Trkač raspoređuje pakete na onoliko procesa koliko stroj ima CPU jezgri. Dvije zastavice pokrivaju većinu svakodnevnih potreba: -c postavlja preglednik i --base-url preusmjerava cijeli projekt na drugo okruženje, što istu snimku čini upotrebljivom na lokalnoj izgradnji i poslužitelju za pripremu.

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

Odavde je prirodan sljedeći korak napustiti snimanje i reprodukciju i napisati iste provjere u kodu - vidi prva WebDriver skripta šetnja i šire Selenium Serija.

Pitanja i odgovori