Hogyan kell letölteni és telepíteni Selenium IDE for Firefox & Chrome

⚡ Okos összefoglaló

Selenium Az IDE böngészőbővítményként települ, nem pedig önálló alkalmazásként, így a teljes beállítás egy kiegészítő letöltése a Firefox vagy a Chrome-ban, majd egyetlen kattintással megnyithatja a felvevőt.

  • 🔘 Firefox útvonal: Adja hozzá a kiterjesztést innen Firefox Bővítmények, hagyja jóvá az engedélyezési párbeszédpanelt, majd indítsa el a felvevőt az eszköztár ikonjáról.
  • ☑️ Chrome útvonal: Kezdje a hivatalossal Selenium IDE letöltési oldal, add hozzá a bővítményt, és nyisd meg a Bővítmények menüből.
  • Elemvizsgálat: Firefox A DevTools és a Chrome DevTools is biztosítja a Selenese parancshoz szükséges CSS-szelektort vagy XPath-ot.
  • 🧪 Régi verziók: Az eredeti Firefox-a bővítmény kiadásához régi hordozható eszköz szükséges Firefox, tehát csak történelmi hivatkozásként kezeljük.
  • 🇧🇷 Hibaelhárítás: A hiányzó eszköztár ikon szinte mindig azt jelenti, hogy a bővítmény le van tiltva, vagy az eszköztár egyszerűen túl keskeny.
  • 📊 Böngészőfüggetlen futtatások: A parancssori futtatóprogram npm-en keresztüli telepítése a mentett projekteket más böngészőkben és egy Grid-en is végrehajtja.

Töltse le és telepítse Selenium IDE for Firefox és Chrome

Ebben az oktatóanyagban megtanuljuk, hogyan kell letölteni és telepíteni Selenium IDE mert Firefox és a Google ChromeSemmi sem kerül lefordításra, és semmi sem kerül a rendszer elérési útjára – az IDE egy böngészőbővítmény, így a telepítés abban a pillanatban befejeződik, amikor a böngésző jelzi a bővítmény hozzáadását.

⚠️ Megjegyzés a verziókkal kapcsolatban: az alábbi képernyőképek az eredetiből származnak Firefox-bővítmény Selenium IDE. Az a build akkor állt le, amikor Firefox Az 55 2017-ben megszüntette a korábbi XUL bővítmények támogatását. Selenium A ma terjesztett IDE egy átírt kiterjesztés a következőhöz: Firefox és a Chrome, amely a projekteket a .side formátum HTML helyett. Minden eredeti lépés itt megmarad, a jelenlegi viselkedés mellette fel van tüntetve.

Hogyan telepítsük Selenium IDE for Firefox

Az alábbiakban egy lépésről lépésre bemutatjuk a letöltési és telepítési folyamatot Selenium IDE for Firefox:

Amire szükséged van

  • Mozilla Firefox
  • Aktív internetkapcsolat

Ha nincs Mozillája Firefox mégis letöltheti innen firefox.com.

Lépések 1) Nyissa meg Firefox Kiegészítők és letöltések Selenium IDE

Indít Firefox és keresse meg a Selenium IDE lista bekapcsolva Firefox Bővítmények. Kattintson a Hozzáadás gombra FirefoxA kiegészítő oldala az alábbi képernyőképen látható módon néz ki.

Selenium IDE lista bekapcsolva Firefox Kiegészítők a Hozzáadás gombbal Firefox gomb

Lépések 2) Kattintson a Hozzáadás gombra

Várj amíg Firefox befejezte a letöltést, majd kattintson a „Hozzáadás” gombra. Firefox először az alábbi engedélyezési ablakot jeleníti meg, amely felsorolja a bővítmény által kért hozzáférést.

Firefox engedélyezési kérdés a Hozzáadás gombbal a következőhöz: Selenium IDE kiterjesztés

Lépések 3) Kattintson az OK gombra

A telepítés befejezése után egy megerősítő üzenetet fog kapni. Kattintson az itt látható értesítésen az „OK” gombra.

Firefox megerősítő üzenet, amely kimondja, hogy Selenium IDE hozzáadva

Lépések 4) Kattintson és nyissa meg Selenium IDE

Kattints a Selenium IDE ikon, amely most a Firefox eszköztárat, ahogy az alább látható.

Selenium IDE ikon az Firefox böngésző eszköztár

Selenium Az IDE a saját ablakában nyílik meg, mint a következő képernyőképen.

Selenium IDE ablak nyílik meg a telepítés után Firefox

Firefox DevTools Firefox

Az IDE telepítése csak a beállítás fele. Egy lépés rögzítése egyszerű, de kézzel történő megírásához szükség van annak az elemnek az azonosítójára, amelyre a lépés hatással van, és ez a böngésző saját felügyelőjéből származik.

Firefox A DevTools egy Firefox egy olyan funkció, amelyet a tesztelt webes alkalmazás HTML-elemeinek vizsgálatára fogunk használni. Megadja nekünk annak az elemnek a nevét, amelyre a Selenese-parancsunk reagálni fog.

Step 1) Kattintson a jobb gombbal bárhol az oldalon, és válassza az Elem vizsgálata lehetőséget. Használhatja a Ctrl + billentyűparancsot is Shift + I. A helyi menü alább látható.

Firefox jobb gombbal kattintson a helyi menüre az Elem vizsgálata opcióval

Step 2) A képen látható felhasználói felületet láthatja, az egyik oldalon az oldaljelölésekkel, a másikon pedig a stílusokkal.

Firefox A DevTools ellenőrző panelje, amelyen a tesztelt oldal HTML-kódja látható

Step 3) Jobb gombbal kattinthatsz egy elemre, és kiválaszthatod a CSS-t, vagy XPathEz hasznos az objektumazonosításban, mivel a másolt érték közvetlenül beilleszthető a Target egy parancs mezője.

CSS szelektor vagy XPath kifejezés másolása a Firefox DevTools-ellenőr

Jegyzet: Hasonlóképpen, a Chrome fejlesztői eszközeit is használhatja az objektumok tulajdonságainak azonosítására. Az alábbi Chrome panel ugyanezt a feladatot látja el.

A Chrome DevTools elemet vizsgál az objektumtulajdonságok kiolvasása érdekében.

Mindkét ellenőr megjeleníti az IDE által preferált azonosító, név és osztály attribútumokat is, amikor egy lokátor felvétel közben.

Selenium Az IDE elavult, és a fejlesztés leállt. Csak a közelmúltban élesztették fel a projektet. Az új Selenium sok funkció hiányzik az elavult IDE-hez képest. A funkciók hozzáadása folyamatban van, de lassú ütemben. Az összes funkció felfedezéséhez Selenium IDE, javasoljuk, hogy a régi verziót használja. Az IDE régi verziójának használatához

Step 1) Felhasználás Firefox 54 Hordozható verzió ellenőrzése itt

Step 2) Meglátogatni a Selenium IDE verzióelőzmények és telepítse. A verziólista így néz ki.

Verzióelőzmények oldal korábbi listája Selenium Letölthető IDE kiadások

Előfordulhat, hogy a következő szolgáltatások nem állnak rendelkezésre a legújabb IDE-verzióban. Az oktatóanyagokat folyamatosan frissítjük, amint az új verzió frissül.

⚠️ Jelenlegi állapot: Egy nem támogatott böngésző futtatása pusztán egy nem támogatott bővítmény életben tartása érdekében már nem praktikus megoldás egy munkahelyi gépen, ezért a fenti két lépést tekintsük történelmi kontextusnak. Az újjáépített IDE most már lefedi a régi eszköz hasznosságát, beleértve a következőket: tárolt változók, vezérlési folyamatot szabályozó parancsok és kódexport.

Dugó

Selenium Az IDE támogatja a továbbiakat Firefox más felhasználók által létrehozott kiegészítőket vagy bővítményeket. Látogasson el a hivatalos Selenium IDE webhely a listára Selenium a mai napig elérhető kiegészítők. Telepítse őket ugyanúgy, mint a többit Firefox kiegészítők.

Alapértelmezésben, Selenium Az IDE 4 beépülő modullal érkezik:

  1. Selenium SDI: C# Formázók
  2. Selenium SDI: Java Formázók
  3. Selenium SDI: Python Formázók
  4. Selenium IDE: Ruby Formatters

Erre a négy bővítményre van szükség Selenium IDE a Selenese különböző formátumokká alakításához.

A Bővítmények lapon az összes telepített bővítmény listája látható, az egyes bővítmények verziószámával és készítőjének nevével együtt, ahogy az alábbi képernyőképen is látható.

Selenium IDE bővítmények fül, amelyen a négy csomagban található formázó bővítmény listázódik

Felhasználói bővítmények

Selenium Az IDE támogatja a felhasználói kiterjesztéseket a fejlett funkciók biztosítása érdekében. A felhasználói kiterjesztések a következő formátumúak: JavaScript fájlok. Úgy telepítheti őket, hogy a Beállítások párbeszédpanel e két mezőjében megadja abszolút elérési útjukat.

A két elérési út mező kiemelve látható az alábbi Beállítások párbeszédpanelen.

Beállítások párbeszédpanelek a következőhöz: Selenium Alapvető kiterjesztések és Selenium IDE kiterjesztések fájlútvonalai

Rengeteg felhasználói bővítményt találhatsz a következő oldalon: Selenium letöltés oldalMegjegyzendő, hogy ez a mechanizmus a következőhöz tartozott: Selenium Mag, amelyet eltávolítottak Selenium 3; a modern IDE ehelyett a saját plugin API-ján keresztül bővül.

Hogyan telepítsük Selenium IDE Chrome-ban

Az alábbiakban egy lépésről lépésre bemutatjuk a letöltési és telepítési folyamatot Selenium IDE for Google Chrome:

Step 1) Menj a Selenium IDE webhely & Kattintson a Chrome letöltése gombra.
Step 2) Nyissa meg a Chrome Webáruház listáját a következőhöz: Selenium IDE bővítményt és telepítsd.
Step 3) Kattintson a Hozzáadás a Chrome-hoz gombra a hozzáadáshoz Selenium IDE-ből Google Chrome.
Step 4) Menj a Bővítmények menübe, kattints az ikonra, és nyisd meg Selenium IDE új teszt rögzítéséhez egy új projektben.

A Chrome build és a Firefox A build fájlok ugyanazt a kiterjesztést tartalmazzák, így az egyikben rögzített projekt a másikban nyílik meg. Mivel a böngészőboltok listája idővel változik, az 1. lépésben mindig a hivatalos webhelyről kezdje, ne pedig egy könyvjelzővel ellátott áruházból. URL.

A telepítés ellenőrzése és az első teszt rögzítése

Egy betöltődő bővítmény nem bizonyítja a beállítás működését. A leggyorsabb ellenőrzés az, ha felveszünk valami apróságot, és lejátszjuk.

  1. Kattintson az Selenium IDE ikon. Az üdvözlő párbeszédpanel négy lehetőséget kínál: új teszt rögzítése új projektben, meglévő projekt megnyitása, új projekt létrehozása vagy az IDE bezárása.
  2. Válaszd az első lehetőséget, és adj nevet a projektnek.
  3. Adjon meg egy bázist URLEz a tesztelt alkalmazás címe, és a projekt minden tesztje ezt használja újra.
  4. Egy új böngészőablak nyílik meg ezen a ponton URL és a felvétel elindul. Kattintson egy hivatkozásra, vagy írjon be egy mezőbe, majd váltson vissza az IDE-be, és kattintson a felvétel ikonra a leállításhoz.
  5. Kattintson a mentés ikonra. Az IDE egyetlen fájlt ír ki egy .side kiterjesztés.
  6. Válaszd ki a tesztet, és kattints a lejátszásra. Ha a rögzített lépések piros hibajelölő nélkül lejátszódnak, a telepítés rendben van.

Az első lejátszás, amely az első parancsra meghiúsul, általában az alapra mutat. URL nem pedig a telepítésnél. A lejátszás közbeni meghiúsulás lokátorproblémát jelent, ami azt jelenti, hogy a ellenőrző és várakozási parancsok megkeresik a megélhetésüket.

Hogyan javítsuk ki a gyakori problémákat Selenium IDE telepítési problémák

Szinte minden telepítési panasz beleillik egy maroknyi minta valamelyikébe. Az első kettőt a ... dokumentálta. Selenium maga a projekt.

  • Nincs ikon az eszköztáron. Győződjön meg arról, hogy a bővítmény engedélyezve van. Írja be chrome://extensions Chrome-ban, vagy about:addons in Firefox, és ellenőrizd, hogy Selenium Az IDE be van kapcsolva.
  • A bővítmény engedélyezve van, de még mindig láthatatlan. Lehetséges, hogy az ikon egyszerűen azért van elrejtve, mert túl keskeny az eszköztár. A Chrome-ban húzza a címsortól jobbra lévő területet. Firefox, kattintson jobb gombbal az eszköztárra, válassza a Testreszabás lehetőséget, állítsa be a kívánt értéket, majd kattintson a Kész gombra.
  • Az IDE megnyílik, de nem rögzít semmit. A felvételi ablaknak meg kell egyeznie azzal, amelyet az IDE elindított. A kézzel megnyitott lapon lévő felvétel nem kerül rögzítésre.
  • Egy belső oldalon semmi sem működik. A bővítmények nem tudnak böngésző belső oldalait, például a beállításokat vagy a bővítmények képernyőit szkriptelni, ezért egy átlagos weboldalon rögzítenek.
  • Egy felügyelt böngésző blokkolja a telepítést. Vállalati profilon a bővítmények telepítését gyakran szabályzat szabályozza, és rendszergazdának kell engedélyeznie a bővítményazonosítót.

A telepítés módja Selenium IDE parancssori futtatóprogram

A bővítmény csak abban a böngészőben játssza le a teszteket, amelybe telepítve van. Egy mentett projekt más böngészőkben, párhuzamosan vagy egy Griden történő futtatásához telepítse a parancssori futtatót. Node.js és npm szükséges hozzá.

npm install -g selenium-side-runner

Minden böngészőnek szüksége van saját illesztőprogram-bináris fájlra. Telepítse a megcélozni kívánt böngésző illesztőprogramját.

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

Miután a futtatóprogram és a meghajtóprogram a helyén van, irányítsd a futtatóprogramot arra a projektfájlra, amelyet az IDE korábban mentett.

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

A futtatóprogram annyi folyamatra osztja szét a csomagokat, ahány CPU-magja van a gépnek. Két jelző fedi le a legtöbb napi igényt: -c beállítja a böngészőt, és --base-url a teljes projektet egy másik környezetre irányítja át, ami ugyanazt a felvételt teszi használhatóvá egy helyi build és egy átmeneti szerver ellenében.

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

Innentől kezdve a természetes következő lépés az, hogy elhagyjuk a felvétel-lejátszást, és ugyanazokat az ellenőrzéseket írjuk be a kódba — lásd a első WebDriver szkript átvezető és a szélesebb Selenium sorozat.

GYIK

Nem. Nyílt forráskódú és ingyenesen terjeszthető a böngészőbővítmény-áruházakon keresztül, fiók, licenckulcs vagy próbaidőszak nélkül. A parancssori futtatóprogram ugyanilyen ingyenes és a nyilvános npm-nyilvántartásból települ.

Magára a bővítményre nem, amely teljes egészében a böngészőn belül fut. A nyelvi futtatókörnyezet csak akkor számít, ha egy felvételt kódba exportálsz, vagy ha telepíted a parancssori futtatókörnyezetet, amelyhez Node.js szükséges JDK helyett.

Bármely platform, amely támogatott böngészőt futtat, tehát Windows, macOS és Linuxon is működik. A bővítmény örökli a böngésző követelményeit, ami azt jelenti, hogy nincs külön telepítő és operációs rendszer-specifikus build, amelyet választani kellene.

Távolítsd el a böngésző bővítményoldaláról, majd add hozzá újra a tárolóból. A mentett projektek közönséges fájlok a lemezen, így érintetlenül túlélik az újratelepítést. Az újratelepítés a szokásos megoldás az üresen megnyíló IDE ablakokra.

Igen, mert egy valódi böngésző-munkameneten belül rögzít, és örökli az adott munkamenetben tárolt sütiket. Az egyszeri bejelentkezéses átirányítások továbbra is rögzítenek, bár a létrejövő lépések gyakran törékenyek, és jobb, ha egy közvetlen bejelentkezési lépéssel helyettesítjük őket.

A gépi tanulást főként a rögzítés után alkalmazzák: az önjavító motorok egy helyettesítő választót javasolnak, amikor a jelölés eltolódik, és az egyenetlen tesztelési modellek jelzik az időszakosan hibás lépéseket. Egyik sem változtatja meg a telepítést, de mindkettő csökkenti az azt követő karbantartást.

Nem tudja futtatni a kiterjesztést, de hasznos az exportált fájlon. A Copilot könnyedén átalakítja a nyers exportált szkripteket oldalobjektumokká, explicit várakozásokat ad hozzá, és megírja a parancssori futtatót meghívó CI-feladatot.

Bárhová kiválasztod a mentéskor. Az IDE projektenként egy .side kiterjesztésű JSON fájlt ír, amely sima szöveg, ezért biztonságosan commitolható a verziókövetésben és diff-elhető az ellenőrzés során.

Foglald össze ezt a bejegyzést a következőképpen: