Sådan downloades og installeres Selenium IDE til Firefox & Chrome

Af: Krishna Rungta Krishna Rungta
Hours Opdateret

⚡ Smart opsummering

Selenium IDE installeres som en browserudvidelse i stedet for et separat program, så hele opsætningen er en download af et tilføjelsesprogram. Firefox eller Chrome efterfulgt af et enkelt klik for at åbne optageren.

  • 🔘 Firefox rute: Tilføj udvidelsen fra Firefox Tilføjelser, godkend tilladelsesdialogboksen, og start derefter optageren fra værktøjslinjeikonet.
  • ☑️ Chrome-rute: Start fra det officielle Selenium IDE-downloadsiden, tilføj udvidelsen, og åbn den fra menuen Udvidelser.
  • ✅ Elementinspektion: Firefox Både DevTools og Chrome DevTools leverer den CSS-selektor eller XPath, som en Selenese-kommando har brug for.
  • 🧪 Ældre builds: Den oprindelige Firefox-plugin-udgivelse kræver en gammel bærbar version Firefoxså betragt det kun som en historisk reference.
  • 🛠️ Fejlfinding: Et manglende værktøjslinjeikon betyder næsten altid, at udvidelsen er deaktiveret, eller at værktøjslinjen simpelthen er for smal.
  • 📊 Kører på tværs af browsere: Installation af kommandolinjeprogrammet via npm udfører gemte projekter i andre browsere og på et Grid.
Læs mere

Download og installer Selenium IDE til Firefox og Chrome

I denne tutorial lærer vi, hvordan du downloader og installerer Selenium IDE forum Firefox og Google ChromeIntet kompileres, og intet placeres på systemstien — IDE'et er en browserudvidelse, så installationen er færdig i det øjeblik, browseren rapporterer, at tilføjelsen er blevet tilføjet.

⚠️ En bemærkning om versioner: Skærmbillederne nedenfor stammer fra originalen Firefox-plugin Selenium IDE. Den build stoppede med at virke, da Firefox 55 fjernede understøttelse af ældre XUL-tilføjelser i 2017. Selenium IDE distribueret i dag er en omskrevet udvidelse til Firefox og Chrome, der gemmer projekter i .side format i stedet for HTML. Alle oprindelige trin bevares her, med den nuværende adfærd angivet ved siden af.

Sådan installeres Selenium IDE til Firefox

Nedenfor er en trin for trin proces om, hvordan du downloader og installerer Selenium IDE til Firefox:

Hvad du har brug for

  • Mozilla Firefox
  • Aktiv internetforbindelse

Hvis du ikke har Mozilla Firefox alligevel kan du downloade det fra firefox.com.

Trin 1) Åbn Firefox Tilføjelser og download Selenium IDE

Launch Firefox og naviger til Selenium IDE-liste på Firefox Tilføjelser. Klik på Tilføj til FirefoxTilføjelsessiden ser ud som på skærmbilledet nedenfor.

Selenium IDE-liste på Firefox Tilføjelser med Tilføj til Firefox .

Trin 2) Klik på Tilføj

Vent indtil Firefox fuldfører download, og klik derefter på “Tilføj”. Firefox viser først tilladelsesprompten nedenfor, som angiver den adgang, som udvidelsen anmoder om.

Firefox tilladelsesprompt med knappen Tilføj for Selenium IDE-udvidelse

Trin 3) Klik på Ok

Når installationen er færdig, får du en bekræftelsesbesked. Klik på "OK" i den meddelelse, der vises her.

Firefox bekræftelsesmeddelelse, der angiver, at Selenium IDE blev tilføjet

Trin 4) Klik og åbn Selenium IDE

Klik på Selenium IDE-ikonet, som nu sidder i Firefox værktøjslinjen som vist nedenfor.

Selenium IDE-ikonet i Firefox browserens værktøjslinje

Selenium IDE åbner i sit eget vindue, som i det næste skærmbillede.

Selenium IDE-vindue åbnes efter installation i Firefox

Firefox DevTools i Firefox

Installation af IDE'en er kun halvdelen af ​​opsætningen. Det er nemt at registrere et trin, men at skrive et i hånden kræver identifikatoren for det element, som trinnet reagerer på, og den kommer fra browserens egen inspektør.

Firefox DevTools er en Firefox funktion, som vi vil bruge til at inspicere HTML-elementerne i den testede webapplikation. Den vil give os navnet på det element, som vores Selenese-kommando vil reagere på.

Trin 1) Højreklik hvor som helst på siden, og vælg Inspicer element. Du kan også bruge genvejen Ctrl + Shift + I. Kontekstmenuen er vist nedenfor.

Firefox højreklik på kontekstmenuen med indstillingen Inspicer element

Trin 2) Du vil se brugerfladen afbildet her, med sidemarkeringen på den ene side og typografierne på den anden.

Firefox DevTools inspektørpanel, der viser HTML-koden for den side, der testes

Trin 3) Du kan højreklikke på et element og vælge CSS eller XPathDette er nyttigt til objektidentifikation, fordi den kopierede værdi kan indsættes direkte i Target felt for en kommando.

Kopiering af en CSS-selektor eller et XPath-udtryk fra Firefox DevTools-inspektør

Bemærk: Ligeledes kan du også bruge Udviklerværktøjer i Chrome til at identificere objektegenskaber. Chrome-panelet nedenfor udfører det samme job.

Chrome DevTools inspicerer et element for at læse dets objektegenskaber

Begge inspektører viser også de id-, navn- og klasseattributter, som IDE'en foretrækker, når den bygger en locator under optagelse.

Selenium IDE var forældet, og udviklingen var stoppet. Først for nylig er projektet genopstået. Den nye Selenium mangler mange funktioner sammenlignet med den forældede IDE. Funktioner tilføjes, men i et langsomt tempo. At udforske alle funktionerne i Selenium IDE, anbefaler vi, at du bruger den gamle version. For at bruge den gamle version af IDE

Trin 1) Brug Firefox 54 Kontrol af bærbar version link.

Trin 2) Besøg Selenium IDE-versionshistorik og installer. Versionslisten ser sådan ud.

Tidligere liste over versionshistoriksiden Selenium IDE-udgivelser tilgængelige til download

Følgende funktioner er muligvis ikke tilgængelige i den seneste IDE-version. Vi vil fortsætte med at opdatere tutorials, efterhånden som den nye version opdateres.

⚠️ Aktuel status: Det er ikke længere praktisk at køre en ikke-understøttet browser udelukkende for at holde et ikke-understøttet tilføjelsesprogram i live på en arbejdsmaskine, så betragt de to ovenstående trin som historisk kontekst. Det genopbyggede IDE dækker nu det meste af det, der gjorde det ældre værktøj nyttigt, herunder lagrede variabler, kontrolflow-kommandoer og kodeeksport.

plugins

Selenium IDE kan understøtte yderligere Firefox tilføjelser eller plugins oprettet af andre brugere. Du kan besøge officiel Selenium IDE-websted for en liste over Selenium tilføjelser, der er tilgængelige til dato. Installer dem ligesom du gør med andre Firefox tilføjelser.

Som standard Selenium IDE leveres med 4 plugins:

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

Disse fire plugins er påkrævet af Selenium IDE til at konvertere Selenese til forskellige formater.

Fanen Plugins viser en liste over alle dine installerede tilføjelsesprogrammer sammen med versionsnummeret og navnet på skaberen af ​​hver enkelt, som i skærmbilledet nedenfor.

Selenium Fanen IDE-plugins viser de fire medfølgende formateringsplugins

Brugerudvidelser

Selenium IDE kan understøtte brugerudvidelser for at give avancerede funktioner. Brugerudvidelser er i form af JavaScript filer. Du installerer dem ved at angive deres absolutte sti i et af disse to felter i dialogboksen Indstillinger.

De to stifelter er fremhævet i dialogboksen Indstillinger nedenfor.

Dialogfelter for valgmuligheder Selenium Kerneudvidelser og Selenium IDE-udvidelser filstier

Du vil kunne finde tonsvis af brugerudvidelser på Selenium download-sideBemærk at denne mekanisme tilhørte Selenium Kernen, som blev fjernet i Selenium 3; det moderne IDE er i stedet udvidet gennem sit eget plugin-API.

RELATEREDE ARTIKLER

Sådan installeres Selenium IDE i Chrome

Nedenfor er en trin for trin proces om, hvordan du downloader og installerer Selenium IDE til Google Chrome:

Trin 1) Gå til Selenium IDE-websted & Klik på knappen Chrome Download.
Trin 2) Åbn Chrome Webshop-fortegnelsen for Selenium IDE-udvidelsen og installer den.
Trin 3) Klik på knappen Tilføj til Chrome for at tilføje Selenium IDE til Google Chrome.
Trin 4) Gå til menuen Udvidelser, klik på ikonet, og åbn Selenium IDE til at optage en ny test i et nyt projekt.

Chrome-versionen og Firefox build har den samme udvidelse, så et projekt, der er optaget i den ene, åbnes i den anden. Da browserbutikker ændrer deres lister over tid, skal du altid starte fra det officielle websted i trin 1 i stedet for fra en bogmærket butik. URL.

Sådan verificerer du installationen og optager en første test

En udvidelse, der indlæses, er ikke et bevis på, at opsætningen virker. Den hurtigste kontrol er at optage noget trivielt og afspille det.

  1. Klik på knappen Selenium IDE-ikon. Velkomstdialogboksen tilbyder fire muligheder: optag en ny test i et nyt projekt, åbn et eksisterende projekt, opret et nyt projekt eller luk IDE'en.
  2. Vælg den første mulighed, og giv projektet et navn.
  3. Indtast en base URLDette er adressen på den applikation, der testes, og den genbruges i hver test i projektet.
  4. Et nyt browservindue åbnes på det URL og optagelsen starter. Klik på et link eller skriv i et felt, skift derefter tilbage til IDE'en og klik på optagelsesikonet for at stoppe.
  5. Klik på gemmeikonet. IDE'en skriver en enkelt fil med en .side udvidelse.
  6. Vælg testen, og klik på afspil. Hvis de optagede trin afspilles uden en rød fejlmarkering, er installationen korrekt.

En første afspilning, der mislykkes på den allerførste kommando, peger normalt på basen URL snarere end ved installationen. En afspilning, der fejler midtvejs, er et lokaliseringsproblem, hvilket er der, hvor verificer og vent kommandoer tjene til livets ophold.

Sådan reparerer du almindelige Selenium Problemer med IDE-installation

Næsten alle installationsklager falder ind under et af en håndfuld mønstre. De to første er dem, der er dokumenteret af Selenium selve projektet.

  • Intet ikon i værktøjslinjen. Bekræft at udvidelsen er aktiveret. Skriv chrome://extensions i Chrome, eller about:addons in Firefox, og tjek det Selenium IDE'en er tændt.
  • Udvidelsen er aktiveret, men stadig usynlig. Ikonet kan simpelthen være skjult, fordi værktøjslinjen er for smal. I Chrome skal du trække området til højre for adresselinjen. Firefox, højreklik på værktøjslinjen, vælg Tilpas, juster den, og klik på Udført.
  • IDE'en åbner, men optager ingenting. Optagevinduet skal være det, som IDE'en startede. Optagelse i en fane, der åbnes manuelt, optages ikke.
  • Intet virker på en intern side. Udvidelser kan ikke scripte browserinterne sider såsom indstillings- eller udvidelsesskærme, så optag mod en almindelig webside.
  • En administreret browser blokerer installationen. På en virksomhedsprofil styres installation af udvidelser ofte af en politik og kræver, at en administrator tillader udvidelses-ID'et.

Sådan installeres Selenium IDE-kommandolinjerunner

Udvidelsen afspiller kun tests i den browser, den er installeret i. For at køre et gemt projekt i andre browsere, parallelt eller på et Grid, skal du installere kommandolinjeprogrammet. Det kræver Node.js og npm.

npm install -g selenium-side-runner

Hver browser skal også bruge sin egen driverbinære fil. Installer driveren til den browser, du vil bruge.

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

Med runneren og en driver på plads, peg runneren mod den projektfil, som IDE'en gemte tidligere.

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

Løberen spreder suiter på tværs af lige så mange processer, som maskinen har CPU-kerner. To flag dækker de fleste daglige behov: -c indstiller browseren, og --base-url omdirigerer hele projektet til et andet miljø, hvilket gør den samme optagelse brugbar mod et lokalt build og en staging-server.

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

Herfra er det naturlige næste skridt at lægge optagelse og afspilning bag sig og skrive de samme kontroller i kode — se første WebDriver-script gennemgang og den bredere Selenium serien.

Ofte Stillede Spørgsmål

Nej. Det er open source og distribueres gratis via browser-tilføjelsesprogrammer, uden konto, licensnøgle eller prøveperiode. Kommandolinjeprogrammet er ligeledes gratis og installeres fra det offentlige npm-register.

Ikke for selve udvidelsen, som kører udelukkende inde i browseren. En sprogkørselstid er kun vigtig, når du eksporterer en optagelse til kode, eller når du installerer kommandolinjeprogrammet, som kræver Node.js i stedet for en JDK.

Enhver platform, der kører en understøttet browser, så Windows, macOS og Linux fungerer alle. Udvidelsen arver browserens krav, hvilket betyder, at der ikke er noget separat installationsprogram og ingen operativsystemspecifik version at vælge imellem.

Fjern den fra browserens udvidelsesside, og tilføj den derefter igen fra butikken. Gemte projekter er almindelige filer på disken, så de overlever en geninstallation uberørt. Geninstallation er den sædvanlige løsning på et IDE-vindue, der åbner tomt.

Ja, fordi den registrerer i en rigtig browsersession og arver de cookies, som sessionen indeholder. Single sign-on-omdirigeringer registrerer stadig, selvom de resulterende trin ofte er skrøbelige og bedre erstattes af et direkte login-trin.

Maskinlæring anvendes primært efter optagelse: selvreparerende motorer foreslår en udskiftningsselektor, når markup ændres, og flaky-testmodeller markerer trin, der fejler periodisk. Ingen af ​​delene ændrer installationen, men begge reducerer den efterfølgende vedligeholdelse.

Den kan ikke køre udvidelsen, men den er nyttig på den eksporterede fil. Copilot omdanner nemt et råt eksporteret script til sideobjekter, tilføjer eksplicitte ventetider og skriver CI-jobbet, der kalder kommandolinjeprogrammet.

Uanset hvor du vælger, når du gemmer. IDE'en skriver én JSON-fil pr. projekt med filtypenavnet .side, som er almindelig tekst og derfor sikker at bruge i versionskontrol og til at ændre under gennemgang.

Opsummer dette indlæg med: