Hur man laddar ner och installerar Selenium IDE för Firefox & Chrome

By: Krishna Rungta Krishna Rungta
Hours Uppdaterad

⚡ Smart sammanfattning

Selenium IDE installeras som ett webbläsartillägg snarare än ett fristående program, så hela installationen är en nedladdning av tillägg i Firefox eller Chrome följt av ett enda klick för att öppna inspelaren.

  • 🔘 Firefox rutt: Lägg till tillägget från Firefox Tillägg, godkänn behörighetsdialogrutan och starta sedan inspelaren från verktygsfältsikonen.
  • ☑️ Chrome-rutt: Börja från det officiella Selenium IDE-nedladdningssidan, lägg till tillägget och öppna det från menyn Tillägg.
  • ✅ Elementinspektion: Firefox Både DevTools och Chrome DevTools tillhandahåller CSS-väljaren eller XPath som ett Selenese-kommando behöver.
  • 🧪 Äldre versioner: Den ursprungliga Firefox-plugin-versionen kräver en gammal portabel version Firefox, så behandla det endast som en historisk referens.
  • 🛠️ Felsökning: En saknad verktygsfältsikon betyder nästan alltid att tillägget är inaktiverat eller att verktygsfältet helt enkelt är för smalt.
  • 📊 Körningar i flera webbläsare: Att installera kommandoradsprogrammet via npm kör sparade projekt i andra webbläsare och på ett rutnät.
Läs mer

Ladda ned och installera Selenium IDE för Firefox och Chrome

I den här handledningen kommer vi att lära oss hur du laddar ner och installerar Selenium IDE för Firefox och Google ChromeIngenting kompileras och ingenting placeras på systemsökvägen — IDE:n är ett webbläsartillägg, så installationen är klar i det ögonblick webbläsaren rapporterar att tillägget har lagts till.

⚠️ En anmärkning om versioner: Skärmdumparna nedan kommer från originalet Firefox-plugin Selenium IDE. Den versionen slutade fungera när Firefox 55 tog bort stödet för äldre XUL-tillägg år 2017. Den Selenium IDE som distribueras idag är en omskriven tilläggsförlängning för Firefox och Chrome som sparar projekt i .side format istället för HTML. Varje originalsteg bevaras här, med det aktuella beteendet angivet bredvid.

Hur man installerar Selenium IDE för Firefox

Nedan följer en steg-för-steg-process om hur man laddar ner och installerar Selenium IDE för Firefox:

Vad du behöver

  • Mozilla Firefox
  • Aktiv Internetanslutning

Om du inte har Mozilla Firefox ändå kan du ladda ner den från firefox.com.

Steg 1) Öppna Firefox Tillägg och nedladdning Selenium IDE

Starta Firefox och navigera till Selenium IDE-listning på Firefox Add-ons. Klicka på Lägg till FirefoxTilläggssidan ser ut som på skärmdumpen nedan.

Selenium IDE-listning på Firefox Tillägg med Lägg till i Firefox Knappen

Steg 2) Klicka på Lägg till

Vänta tills Firefox slutför nedladdningen och klicka sedan på “Lägg till”. Firefox visar först behörighetsfrågan nedan, som listar den åtkomst som tillägget begär.

Firefox behörighetsfrågan med knappen Lägg till för Selenium IDE-tillägg

Steg 3) Klicka på Ok

När installationen är klar får du ett bekräftelsemeddelande. Klicka på "OK" i meddelandet som visas här.

Firefox bekräftelsemeddelande som anger att Selenium IDE lades till

Steg 4) Klicka och öppna Selenium IDE

Klicka på Selenium IDE-ikonen, som nu sitter i Firefox verktygsfältet som visas nedan.

Selenium IDE-ikonen i Firefox webbläsarens verktygsfält

Selenium IDE öppnas i ett eget fönster, som i nästa skärmdump.

Selenium IDE-fönstret öppnas efter installationen i Firefox

Firefox DevTools i Firefox

Att installera IDE:n är bara halva installationen. Det är enkelt att registrera ett steg, men att skriva ett för hand behöver identifieraren för det element som steget påverkar, och den kommer från webbläsarens egen inspektör.

Firefox DevTools är en Firefox funktion som vi kommer att använda för att inspektera HTML-elementen i webbapplikationen som testas. Den kommer att ge oss namnet på det element som vårt Selenese-kommando skulle agera på.

Steg 1) Högerklicka var som helst på sidan och välj Inspektera element. Du kan också använda genvägen Ctrl + Shift + I. Kontextmenyn visas nedan.

Firefox högerklicksmenyn med alternativet Inspektera element

Steg 2) Du ser gränssnittet på bilden här, med sidmarkeringen på ena sidan och stilarna på den andra.

Firefox DevTools inspektörspanel som visar HTML-koden för sidan som testas

Steg 3) Du kan högerklicka på ett element och välja CSS eller XPathDetta är användbart vid objektidentifiering, eftersom det kopierade värdet kan klistras in direkt i Target fältet för ett kommando.

Kopiera en CSS-väljare eller ett XPath-uttryck från Firefox DevTools-inspektör

Obs: På samma sätt kan du använda utvecklarverktygen i Chrome för att identifiera objektegenskaper. Chrome-panelen nedan utför samma uppgift.

Chrome DevTools inspekterar ett element för att läsa dess objektegenskaper

Båda inspektörerna exponerar också id-, namn- och klassattributen som IDE:n föredrar när den bygger en locator under inspelning.

Selenium IDE fasades ut och utvecklingen hade stoppats. Först nyligen har projektet återuppstått. Den nya Selenium saknar många funktioner jämfört med den föråldrade IDE. Funktioner läggs till men i långsam takt. Att utforska alla funktioner i Selenium IDE, vi rekommenderar att du använder den gamla versionen. För att använda den gamla versionen av IDE

Steg 1) Använda Firefox 54 Kontroll av bärbar version här.

Steg 2) Besök Selenium IDE-versionshistorik och installera. Versionslistan ser ut så här.

Tidigare lista över versionshistoriksidan Selenium IDE-versioner tillgängliga för nedladdning

Följande funktioner kanske inte är tillgängliga i senaste IDE-versionen. Vi kommer att fortsätta uppdatera handledningarna när den nya versionen uppdateras.

⚠️ Nuvarande status: Att köra en webbläsare som inte stöds enbart för att hålla ett tillägg som inte stöds vid liv är inte längre ett praktiskt alternativ på en arbetsdator, så behandla de två stegen ovan som historisk kontext. Den ombyggda IDE:n täcker nu det mesta av det som gjorde det äldre verktyget användbart, inklusive lagrade variabler, kontrollflödeskommandon och kodexport.

Insticksprogram

Selenium IDE kan stödja ytterligare Firefox tillägg eller plugins som skapats av andra användare. Du kan besöka tjänsteman Selenium IDE-plats för en lista över Selenium tillägg tillgängliga hittills. Installera dem precis som du gör med andra Firefox tillägg.

Som standard Selenium IDE levereras med 4 plugins:

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

Dessa fyra plugins krävs av Selenium IDE för att konvertera Selenese till olika format.

Fliken Plugins visar en lista över alla dina installerade tillägg, tillsammans med versionsnummer och namn på skaparen av varje tillägg, som på skärmdumpen nedan.

Selenium Fliken IDE-plugins som listar de fyra medföljande formateringspluginsen

Användartillägg

Selenium IDE kan stödja användartillägg för att ge avancerade funktioner. Användartillägg är i form av JavaSkriptfiler. Du installerar dem genom att ange deras absoluta sökväg i något av dessa två fält i dialogrutan Alternativ.

De två sökvägsfälten är markerade i dialogrutan Alternativ nedan.

Alternativdialogfält för Selenium Kärntillägg och Selenium Sökvägar till IDE-tillägg

Du kommer att kunna hitta massor av användartillägg på Selenium nedladdningar sidaObservera att denna mekanism tillhörde Selenium Kärnan, som togs bort i Selenium 3; den moderna IDE:n utökas istället genom sitt eget plugin-API.

RELATERADE ARTIKLAR

Hur man installerar Selenium IDE i Chrome

Nedan följer en steg-för-steg-process om hur man laddar ner och installerar Selenium IDE för Google Chrome:

Steg 1) Gå till Selenium IDE-plats & Klicka på knappen Chrome-nedladdning.
Steg 2) Öppna Chrome Web Store-listan för Selenium IDE-tillägget och installera det.
Steg 3) Klicka på knappen Lägg till i Chrome för att lägga till Selenium IDE till Google Chrome.
Steg 4) Gå till menyn Tillägg, klicka på ikonen och öppna Selenium IDE för att spela in ett nytt test i ett nytt projekt.

Chrome-versionen och Firefox build har samma tillägg, så ett projekt som är registrerat i det ena öppnas i det andra. Eftersom webbläsarbutiker ändrar sina listningar över tid, börja alltid från den officiella webbplatsen i steg 1 snarare än från en bokmärkt butik. URL.

Hur man verifierar installationen och spelar in ett första test

En tilläggsfil som laddas är inte ett bevis på att installationen fungerar. Den snabbaste kontrollen är att spela in något trivialt och spela upp det.

  1. Klicka på Selenium IDE-ikon. Välkomstdialogrutan erbjuder fyra alternativ: spela in ett nytt test i ett nytt projekt, öppna ett befintligt projekt, skapa ett nytt projekt eller stänga IDE:n.
  2. Välj det första alternativet och ge projektet ett namn.
  3. Ange en bas URLDetta är adressen till den applikation som testas, och den återanvänds av varje test i projektet.
  4. Ett nytt webbläsarfönster öppnas på det URL och inspelningen startar. Klicka på en länk eller skriv i ett fält, växla sedan tillbaka till IDE:n och klicka på inspelningsikonen för att stoppa.
  5. Klicka på spara-ikonen. IDE:n skriver en enda fil med en .side förlängning.
  6. Välj testet och klicka på spela upp. Om de inspelade stegen spelas upp igen utan en röd felmarkering är installationen korrekt.

En första uppspelning som misslyckas på det allra första kommandot pekar vanligtvis på basen URL snarare än vid installationen. En uppspelning som misslyckas halvvägs är ett lokaliseringsproblem, vilket är där verifiera och vänta kommandon förtjäna sitt uppehälle.

Hur man åtgärdar vanliga Selenium Problem med IDE-installation

Nästan alla installationsklagomål faller inom ett av ett fåtal mönster. De två första är de som dokumenterats av Selenium själva projektet.

  • Ingen ikon i verktygsfältet. Bekräfta att tillägget är aktiverat. Skriv chrome://extensions i Chrome, eller about:addons in Firefox, och kontrollera att Selenium IDE är påslagen.
  • Tillägget är aktiverat men fortfarande osynligt. Ikonen kan helt enkelt vara dold eftersom verktygsfältet är för smalt. I Chrome drar du området till höger om adressfältet. Firefox, högerklicka på verktygsfältet, välj Anpassa, justera det och klicka på Klar.
  • IDE:n öppnas men spelar in ingenting. Inspelningsfönstret måste vara det som IDE:n startade. Inspelning i en flik som öppnas manuellt sparas inte.
  • Ingenting fungerar på en intern sida. Tillägg kan inte skapa skript för webbläsarinterna sidor, till exempel inställnings- eller tilläggsskärmarna, så de kan spela in mot en vanlig webbsida.
  • En hanterad webbläsare blockerar installationen. I en företagsprofil styrs installationen av tillägg ofta av en policy och kräver att en administratör tillåter tilläggs-ID:t.

Så här installerar du Selenium IDE-kommandoradskörare

Tillägget spelar bara upp tester i den webbläsare det är installerat i. För att köra ett sparat projekt i andra webbläsare, parallellt eller på ett Grid, installera kommandoradsprogrammet. Det behöver Node.js och npm.

npm install -g selenium-side-runner

Varje webbläsare behöver också sin egen drivrutinsbinärfil. Installera drivrutinen för den webbläsare du avser att använda.

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

Med löparen och en drivrutin på plats, peka löparen mot projektfilen som IDE:n sparade tidigare.

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

Löparen sprider sviter över lika många processer som maskinen har CPU-kärnor. Två flaggor täcker de flesta dagliga behoven: -c ställer in webbläsaren, och --base-url omriktar hela projektet till en annan miljö, vilket gör att samma inspelning kan användas mot en lokal version och en staging-server.

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

Härifrån är det naturliga nästa steget att lämna inspelning och uppspelning bakom sig och skriva samma kontroller i kod — se första WebDriver-skriptet genomgång och det bredare Selenium serien.

Vanliga frågor

Nej. Det är öppen källkod och distribueras gratis via webbläsarens tilläggsbutiker, utan konto, licensnyckel eller provperiod. Kommandoradsprogrammet är lika gratis och installeras från det offentliga npm-registret.

Inte för själva tillägget, som körs helt inuti webbläsaren. En språkkörning spelar bara roll när du exporterar en inspelning till kod, eller när du installerar kommandoradsprogrammet, vilket kräver Node.js snarare än en JDK.

Alla plattformar som kör en webbläsare som stöds, så Windows, macOS och Linux fungerar alla. Tillägget ärver webbläsarens krav, vilket innebär att det inte finns något separat installationsprogram och ingen operativsystemspecifik version att välja mellan.

Ta bort den från webbläsarens tilläggssida och lägg sedan till den igen från arkivet. Sparade projekt är vanliga filer på disken, så de överlever en ominstallation orörda. Ominstallation är den vanliga lösningen för ett IDE-fönster som öppnas tomt.

Ja, eftersom den registrerar inuti en riktig webbläsarsession och ärver de cookies som sessionen innehåller. Omdirigeringar för enkel inloggning registrerar fortfarande, även om de resulterande stegen ofta är ömtåliga och bättre ersätts av ett direkt inloggningssteg.

Maskininlärning tillämpas huvudsakligen efter inspelning: självläkande motorer föreslår en ersättningsväljare när markupen ändras, och modeller med ojämn testning flaggar steg som misslyckas intermittent. Ingetdera ändrar installationen, men båda minskar underhållet som följer.

Den kan inte köra tillägget, men den är användbar på den exporterade filen. Copilot omvandlar enkelt ett rått exporterat skript till sidobjekt, lägger till explicita väntetider och skriver CI-jobbet som anropar kommandoradsprogrammet.

Var du än väljer när du sparar. IDE:n skriver en JSON-fil per projekt med filändelsen .side, vilket är vanlig text och därför säkert att använda i versionshantering och att ändra under granskning.

Sammanfatta detta inlägg med: