Hvordan laste ned og installere Selenium IDE for Firefox & Chrome

by: Krishna Rungta Krishna Rungta
Hours oppdatert

⚡ Smart oppsummering

Selenium IDE installeres som en nettleserutvidelse i stedet for et frittstående program, så hele oppsettet er en nedlasting av et tillegg. Firefox eller Chrome etterfulgt av et enkelt klikk for å åpne opptakeren.

  • 🔘 Firefox rute: Legg til utvidelsen fra Firefox Tillegg, godkjenn tillatelsesdialogboksen, og start deretter opptakeren fra verktøylinjeikonet.
  • ☑️ Chrome-rute: Start fra det offisielle Selenium IDE-nedlastingssiden, legg til utvidelsen og åpne den fra Utvidelser-menyen.
  • ✅ Elementinspeksjon: Firefox Både DevTools og Chrome DevTools leverer CSS-selektoren eller XPath som en Selenese-kommando trenger.
  • 🧪 Eldre bygg: Den opprinnelige Firefox-plugin-utgivelsen krever en gammel bærbar Firefox, så betrakt det kun som en historisk referanse.
  • 🛠️ Feilsøking: Et manglende verktøylinjeikon betyr nesten alltid at utvidelsen er deaktivert, eller at verktøylinjen rett og slett er for smal.
  • 📊 Kjøring på tvers av nettlesere: Installasjon av kommandolinjeprogrammet via npm kjører lagrede prosjekter i andre nettlesere og på et Grid.
Les mer

Last ned og installer Selenium IDE for Firefox og Chrome

I denne opplæringen lærer vi hvordan du laster ned og installerer Selenium IDE forum Firefox og Google ChromeIngenting kompileres og ingenting plasseres på systembanen – IDE-en er en nettleserutvidelse, så installasjonen er fullført i det øyeblikket nettleseren rapporterer at tillegget er lagt til.

⚠️ En merknad om versjoner: Skjermbildene nedenfor kommer fra originalen Firefox-plugin Selenium IDE. Den versjonen sluttet å virke da Firefox 55 fjernet støtte for eldre XUL-tillegg i 2017. Selenium IDE distribuert i dag er en omskrevet utvidelse for Firefox og Chrome som lagrer prosjekter i .side format i stedet for HTML. Alle originale trinn er bevart her, med gjeldende oppførsel notert ved siden av.

Slik installerer Selenium IDE for Firefox

Nedenfor er en trinnvis prosess for hvordan du laster ned og installerer Selenium IDE for Firefox:

Hva trenger du

  • Mozilla Firefox
  • Aktiv Internett-tilkobling

Hvis du ikke har Mozilla Firefox ennå, du kan laste den ned fra firefox.com.

Trinn 1) Åpne Firefox Tillegg og nedlasting Selenium IDE

Start Firefox og naviger til Selenium IDE-oppføring på Firefox Add-ons. Klikk på Legg til FirefoxTilleggssiden ser ut som skjermbildet nedenfor.

Selenium IDE-oppføring på Firefox Tillegg med Legg til i Firefox knapp

Trinn 2) Klikk på Legg til

Vent til Firefox fullfører nedlastingen, og klikk deretter på «Legg til». Firefox viser først tillatelsesspørsmålet nedenfor, som viser tilgangen utvidelsen ber om.

Firefox tillatelsesspørsmål med Legg til-knappen for Selenium IDE-utvidelse

Trinn 3) Klikk på Ok

Når installasjonen er fullført, vil du få en bekreftelsesmelding. Klikk på «OK» i varselet som vises her.

Firefox bekreftelsesmelding som sier at Selenium IDE ble lagt til

Trinn 4) Klikk og åpne Selenium IDE

Klikk på Selenium IDE-ikonet, som nå sitter i Firefox verktøylinjen som vist nedenfor.

Selenium IDE-ikonet i Firefox nettleserens verktøylinje

Selenium IDE vil åpnes i sitt eget vindu, som i neste skjermbilde.

Selenium IDE-vinduet åpnes etter installasjon i Firefox

Firefox DevTools i Firefox

Å installere IDE-en er bare halve oppsettet. Det er enkelt å registrere et trinn, men å skrive et for hånd trenger identifikatoren til elementet trinnet reagerer på, og den kommer fra nettleserens egen inspektør.

Firefox DevTools er en Firefox funksjonen som vi skal bruke til å inspisere HTML-elementene i webapplikasjonen som testes. Den vil gi oss navnet på elementet som Selenese-kommandoen vår vil reagere på.

Trinn 1) Høyreklikk hvor som helst på siden og velg Inspiser element. Du kan også bruke snarveien Ctrl + Shift + I. Kontekstmenyen vises nedenfor.

Firefox høyreklikk på kontekstmenyen med alternativet Inspiser element

Trinn 2) Du vil se grensesnittet avbildet her, med sidemarkeringen på den ene siden og stilene på den andre.

Firefox DevTools inspektørpanel som viser HTML-koden til siden som testes

Trinn 3) Du kan høyreklikke på et element og velge CSS eller XPathDette er nyttig i objektidentifikasjon, fordi den kopierte verdien kan limes rett inn i Target feltet til en kommando.

Kopiering av en CSS-selektor eller et XPath-uttrykk fra Firefox DevTools-inspektør

OBS: På samme måte kan du også bruke utviklerverktøy i Chrome til å identifisere objektegenskaper. Chrome-panelet nedenfor utfører den samme jobben.

Chrome DevTools inspiserer et element for å lese objektegenskapene

Begge inspektørene eksponerer også id-, navn- og klasseattributtene som IDE-en foretrekker når den bygger en locator under opptaket.

Selenium IDE ble avviklet, og utviklingen hadde stoppet. Først nylig har prosjektet gjenoppstått. Det nye Selenium mangler mange funksjoner sammenlignet med den utdaterte IDE. Funksjoner blir lagt til, men i sakte tempo. For å utforske alle funksjonene til Selenium IDE, vi anbefaler at du bruker den gamle versjonen. For å bruke den gamle versjonen av IDE

Trinn 1) Bruk Firefox 54 Bærbar versjonssjekk her.

Trinn 2) Besøk Selenium IDE-versjonshistorikk og installer. Versjonslisten ser slik ut.

Tidligere liste over versjonshistorikksiden Selenium IDE-utgivelser tilgjengelig for nedlasting

Følgende funksjoner er kanskje ikke tilgjengelige i nyeste IDE-versjon. Vi vil fortsette å oppdatere veiledningene etter hvert som den nye versjonen oppdateres.

⚠️ Nåværende status: Å kjøre en ustøttet nettleser utelukkende for å holde et ustøttet tillegg i live er ikke lenger et praktisk alternativ på en arbeidsmaskin, så se på de to trinnene ovenfor som historisk kontekst. Det gjenoppbygde IDE-et dekker nå det meste av det som gjorde det eldre verktøyet nyttig, inkludert lagrede variabler, kontrollflytkommandoer og kodeeksport.

plugins

Selenium IDE kan støtte ytterligere Firefox tillegg eller programtillegg laget av andre brukere. Du kan besøke offisiell Selenium IDE-nettsted for en liste over Selenium tillegg tilgjengelig til dags dato. Installer dem akkurat som du gjør med andre Firefox add-ons.

Som standard Selenium IDE leveres med 4 plugins:

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

Disse fire pluginene kreves av Selenium IDE for å konvertere Selenese til forskjellige formater.

Plugin-fanen viser en liste over alle installerte tillegg, sammen med versjonsnummeret og navnet på skaperen av hvert program, som i skjermbildet nedenfor.

Selenium IDE-plugins-fanen viser de fire medfølgende formateringspluginene

Brukerutvidelser

Selenium IDE kan støtte brukerutvidelser for å gi avanserte funksjoner. Brukerutvidelser er i form av JavaSkriptfiler. Du installerer dem ved å spesifisere deres absolutte bane i ett av disse to feltene i dialogboksen Alternativer.

De to stifeltene er uthevet i dialogboksen Alternativer nedenfor.

Alternativer-dialogfelt for Selenium Kjerneutvidelser og Selenium IDE-utvidelser filstier

Du vil kunne finne tonnevis av brukerutvidelser på Selenium nedlastingssideMerk at denne mekanismen tilhørte Selenium Kjernen, som ble fjernet i Selenium 3; det moderne IDE-et utvides i stedet gjennom sitt eget plugin-API.

RELATERTE ARTIKLER

Slik installerer Selenium IDE i Chrome

Nedenfor er en trinnvis prosess for hvordan du laster ned og installerer Selenium IDE for Google Chrome:

Trinn 1) Gå til Selenium IDE-nettsted & Klikk på Chrome-nedlastingsknappen.
Trinn 2) Åpne oppføringen i Chrome Nettmarked for Selenium IDE-utvidelsen og installer den.
Trinn 3) Klikk på Legg til i Chrome-knappen for å legge til Selenium IDE til Google Chrome.
Trinn 4) Gå til Utvidelser-menyen, klikk på ikonet og åpne Selenium IDE for å registrere en ny test i et nytt prosjekt.

Chrome-bygget og Firefox build har samme utvidelse, så et prosjekt som er registrert i den ene åpnes i den andre. Fordi nettbutikker endrer oppføringene sine over tid, bør du alltid starte fra det offisielle nettstedet i trinn 1 i stedet for fra en bokmerket butikk. URL.

Slik bekrefter du installasjonen og registrerer en første test

En utvidelse som laster inn er ikke et bevis på at oppsettet fungerer. Den raskeste sjekken er å ta opp noe trivielt og spille det av.

  1. Klikk på Selenium IDE-ikon. Velkomstdialogboksen tilbyr fire alternativer: opptak av en ny test i et nytt prosjekt, åpne et eksisterende prosjekt, opprett et nytt prosjekt eller lukk IDE-en.
  2. Velg det første alternativet og gi prosjektet et navn.
  3. Skriv inn en base URLDette er adressen til applikasjonen som testes, og den brukes om igjen av hver test i prosjektet.
  4. Et nytt nettleservindu åpnes på det URL og opptaket starter. Klikk på en lenke eller skriv inn i et felt, bytt deretter tilbake til IDE-en og klikk på opptaksikonet for å stoppe.
  5. Klikk på lagre-ikonet. IDE-en skriver én enkelt fil med en .side Utvidelse.
  6. Velg testen og klikk på spill av. Hvis de innspilte trinnene spilles av igjen uten en rød feilmarkør, er installasjonen i orden.

En første avspilling som mislykkes på den aller første kommandoen peker vanligvis på basen URL snarere enn ved installasjonen. En avspilling som mislykkes midtveis er et lokaliseringsproblem, som er der bekrefte og vente kommandoer tjene til livets opphold.

Slik fikser du vanlige Selenium Problemer med IDE-installasjon

Nesten alle installasjonsklager faller inn under ett av en håndfull mønstre. De to første er de som er dokumentert av Selenium selve prosjektet.

  • Ingen ikon i verktøylinjen. Bekreft at utvidelsen er aktivert. Skriv inn chrome://extensions i Chrome, eller about:addons in Firefox, og sjekk at Selenium IDE-en er slått på.
  • Utvidelsen er aktivert, men fortsatt usynlig. Ikonet kan rett og slett være skjult fordi verktøylinjen er for smal. I Chrome drar du området til høyre for adressefeltet. Firefox, høyreklikk på verktøylinjen, velg Tilpass, juster den og klikk på Ferdig.
  • IDE-en åpnes, men registrerer ingenting. Opptaksvinduet må være det samme som IDE-en startet. Opptak i en fane som åpnes manuelt blir ikke tatt opp.
  • Ingenting fungerer på en intern side. Utvidelser kan ikke lage skript for nettleserinterne sider, som for eksempel innstillinger eller utvidelsesskjermer, så opptak mot en vanlig nettside.
  • En administrert nettleser blokkerer installasjonen. På en bedriftsprofil styres ofte installasjon av utvidelser av retningslinjer og krever at en administrator tillater utvidelses-ID-en.

Slik installerer du Selenium IDE-kommandolinjekjører

Utvidelsen spiller bare av tester i nettleseren den er installert i. For å kjøre et lagret prosjekt i andre nettlesere, parallelt eller på et Grid, installer kommandolinjeprogrammet. Det trenger Node.js og npm.

npm install -g selenium-side-runner

Hver nettleser trenger også sin egen driverbinærfil. Installer driveren for nettleseren du har tenkt å bruke.

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

Med løperen og en driver på plass, pek løperen mot prosjektfilen som IDE-et lagret tidligere.

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

Løperen sprer suiter over like mange prosesser som maskinen har CPU-kjerner. To flagg dekker de fleste daglige behov: -c setter nettleseren, og --base-url omdirigerer hele prosjektet til et annet miljø, noe som gjør at det samme opptaket kan brukes mot en lokal versjon og en staging-server.

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

Herfra er det naturlige neste steget å legge opptak og avspilling bak seg og skrive de samme kontrollene i kode – se første WebDriver-skript gjennomgang og det bredere Selenium serien.

Spørsmål og svar

Nei. Den er åpen kildekode og distribueres gratis gjennom nettlesertilleggsbutikkene, uten konto, lisensnøkkel eller prøveperiode. Kommandolinjeprogrammet er like gratis og installeres fra det offentlige npm-registeret.

Ikke for selve utvidelsen, som kjører utelukkende i nettleseren. En språkkjøringstid spiller bare noen rolle når du eksporterer et opptak til kode, eller når du installerer kommandolinjeprogrammet, som krever Node.js i stedet for en JDK.

Enhver plattform som kjører en støttet nettleser, så Windows, macOS og Linux fungerer alle. Utvidelsen arver nettleserens krav, noe som betyr at det ikke finnes noe separat installasjonsprogram og ingen operativsystemspesifikk versjon å velge mellom.

Fjern den fra nettleserens utvidelsesside, og legg den deretter til på nytt fra butikken. Lagrede prosjekter er vanlige filer på disken, så de overlever en ny installasjon urørt. Ny installasjon er den vanlige løsningen for et IDE-vindu som åpnes tomt.

Ja, fordi den registrerer i en ekte nettleserøkt og arver alle informasjonskapsler som den økten inneholder. Omdirigeringer for enkel pålogging registrerer fortsatt, selv om de resulterende trinnene ofte er skjøre og bedre erstattet av et direkte påloggingstrinn.

Maskinlæring brukes hovedsakelig etter opptak: selvreparerende motorer foreslår en erstatningsvelger når markup endres, og flaky-testmodeller flagger trinn som feiler intermittent. Ingen av delene endrer installasjonen, men begge reduserer vedlikeholdet som følger.

Den kan ikke kjøre utvidelsen, men den er nyttig på den eksporterte filen. Copilot konverterer enkelt et rått eksportert skript til sideobjekter, legger til eksplisitte ventetider og skriver CI-jobben som kaller kommandolinjekjøreren.

Uansett hvor du velger når du lagrer. IDE-en skriver én JSON-fil per prosjekt med filtypen .side, som er ren tekst og derfor trygt å bruke i versjonskontroll og å endre under gjennomgang.

Oppsummer dette innlegget med: