Kuinka ladata ja asentaa Selenium IDE varten Firefox & Chrome

by: Krishna Rungta Krishna Rungta
Hours Päivitetty

⚡ Älykäs yhteenveto

Selenium IDE asentuu selainlaajennuksena erillisen sovelluksen sijaan, joten koko asennus on ladattava lisäosa Firefox tai Chromessa ja avaa tallennin yhdellä napsautuksella.

  • 🔘 Firefox reitti: Lisää laajennus kohteesta Firefox Lisäosat, hyväksy käyttöoikeusvalintaikkuna ja käynnistä sitten tallennin työkalupalkin kuvakkeesta.
  • ☑️ Chrome-reitti: Aloita virallisesta Selenium IDE-lataussivu, lisää laajennus ja avaa se Laajennukset-valikosta.
  • ✅ Elementtien tarkastus: Firefox Sekä DevTools että Chrome DevTools tarjoavat Selenese-komennon tarvitseman CSS-valitsimen tai XPath-lausekkeen.
  • 🧪 Perinteiset versiot: Alkuperäinen Firefox-laajennuksen julkaisu vaatii vanhan kannettavan tietokoneen Firefox, joten käsittele sitä vain historiallisena viitteenä.
  • 🛠️ Vianmääritys: Puuttuva työkalupalkin kuvake tarkoittaa lähes aina, että laajennus on poistettu käytöstä tai työkalupalkki on yksinkertaisesti liian kapea.
  • 📊 Selainriippumaton suoritus: Komentorivin suorittimen asentaminen npm:n kautta suorittaa tallennetut projektit muissa selaimissa ja Gridissä.
Lue lisää

Lataa ja asenna Selenium IDE varten Firefox ja Chrome

Tässä opetusohjelmassa opimme lataamaan ja asentamaan Selenium IDE varten Firefox ja Google ChromeMitään ei käännetä eikä järjestelmäpolulle sijoiteta mitään – IDE on selainlaajennus, joten asennus on valmis heti, kun selain ilmoittaa lisäosan lisäämisestä.

⚠️ Huomautus versioista: alla olevat kuvakaappaukset ovat alkuperäisestä Firefox-laajennus Selenium IDE. Tuo koontiversio lakkasi toimimasta, kun Firefox 55 poisti tuen vanhoille XUL-lisäosille vuonna 2017. Selenium Nykyään jaettu IDE on uudelleenkirjoitettu laajennus laitteelle Firefox ja Chrome, joka tallentaa projekteja .side muodossa HTML:n sijaan. Jokainen alkuperäinen vaihe säilyy tässä, ja nykyinen toiminta on merkitty sen viereen.

Miten Asenna Selenium IDE varten Firefox

Alla on vaiheittaiset lataus- ja asennusprosessit Selenium IDE varten Firefox:

Mitä tarvitset

  • mozilla Firefox
  • Aktiivinen Internet-yhteys

Jos sinulla ei ole Mozillaa Firefox voit kuitenkin ladata sen osoitteesta firefox.com.

Vaiheet 1) Avaa Firefox Lisäosat ja lataus Selenium IDE

Käynnistää Firefox ja siirry kohtaan Selenium IDE-listaus päällä Firefox Lisäosat. Napsauta Lisää FirefoxLisäosasivu näyttää alla olevan kuvakaappauksen kaltaiselta.

Selenium IDE-listaus päällä Firefox Lisäosat Lisää-painikkeella Firefox nappia

Vaiheet 2) Napsauta Lisää

Odota kunnes Firefox viimeistelee latauksen ja napsauta sitten ”Lisää”. Firefox näyttää ensin alla olevan käyttöoikeuskehotteen, jossa luetellaan laajennuksen pyytämät käyttöoikeudet.

Firefox käyttöoikeuskehotteen Lisää-painikkeella Selenium IDE-laajennus

Vaiheet 3) Napsauta Ok

Kun asennus on valmis, saat vahvistusviestin. Napsauta tässä näkyvässä ilmoituksessa "OK".

Firefox vahvistusviesti, jossa ilmoitetaan, että Selenium IDE lisättiin

Vaiheet 4) Napsauta ja avaa Selenium IDE

Klikkaa Selenium IDE-kuvake, joka sijaitsee nyt Firefox työkalupalkkia alla olevan kuvan mukaisesti.

Selenium IDE-kuvake Firefox selaimen työkalupalkki

Selenium IDE avautuu omaan ikkunaansa, kuten seuraavassa kuvakaappauksessa.

Selenium IDE-ikkuna avautuu asennuksen jälkeen Firefox

Firefox DevTools sisään Firefox

IDE:n asentaminen on vasta puolet asennuksesta. Vaiheen tallentaminen on helppoa, mutta sen kirjoittaminen käsin tarvitsee sen elementin tunnisteen, johon vaihe vaikuttaa, ja se tulee selaimen omasta tarkastajasta.

Firefox DevTools on a Firefox ominaisuus, jota käytämme testattavan verkkosovelluksen HTML-elementtien tarkastamiseen. Se antaa meille sen elementin nimen, johon Selenese-komentomme käsittelisi.

Vaihe 1) Napsauta hiiren kakkospainikkeella mitä tahansa sivulla ja valitse Tarkista elementti. Voit myös käyttää pikanäppäintä Ctrl + Shift + I. Kontekstivalikko näkyy alla.

Firefox hiiren kakkospainikkeella avautuva kontekstivalikko, jossa on Tarkista elementti -vaihtoehto

Vaihe 2) Näet tässä kuvassa näkyvän käyttöliittymän, jossa sivun merkinnät ovat toisella puolella ja tyylit toisella puolella.

Firefox DevToolsin tarkastuspaneeli, joka näyttää testattavan sivun HTML-koodin

Vaihe 3) Voit napsauttaa elementtiä hiiren kakkospainikkeella ja valita CSS:n tai XPathTämä on hyödyllistä objektien tunnistamisessa, koska kopioitu arvo voidaan liittää suoraan Target komennon kenttä.

CSS-valitsimen tai XPath-lausekkeen kopioiminen Firefox DevTools-tarkastaja

Huomautus: Samoin voit käyttää Chromen kehittäjätyökaluja objektien ominaisuuksien tunnistamiseen. Alla oleva Chrome-paneeli suorittaa saman tehtävän.

Chrome DevTools tutkii elementtiä sen objektiominaisuuksien lukemiseksi

Molemmat tarkastajat paljastavat myös id-, name- ja class-attribuutit, joita IDE suosii rakentaessaan paikannin tallennuksen aikana.

Selenium IDE oli vanhentunut, ja kehitys oli pysähtynyt. Vasta äskettäin projekti on herännyt henkiin. Uusi Selenium siitä puuttuu monia ominaisuuksia vanhentuneeseen IDE:hen verrattuna. Ominaisuuksia lisätään, mutta hitaasti. Tutustuaksesi kaikkiin ominaisuuksiin Selenium IDE, suosittelemme käyttämään vanhaa versiota. IDE:n vanhan version käyttäminen

Vaihe 1) Käyttää Firefox 54 Kannettavan version tarkistus täältä

Vaihe 2) Käy Selenium IDE-versiohistoria ja asenna. Versioluettelo näyttää tältä.

Versiohistoriasivun listaus aiemmin Selenium IDE-julkaisut ladattavissa

Seuraavat ominaisuudet eivät ehkä ole käytettävissä uusimmassa IDE-versiossa. Päivitämme opetusohjelmia sitä mukaa, kun uusi versio päivittyy.

⚠️ Nykyinen tila: Tukemattoman selaimen käyttäminen pelkästään tukemattoman lisäosan ylläpitämiseksi työkoneella ei ole enää käytännöllinen vaihtoehto, joten käsittele kahta yllä olevaa vaihetta historiallisena kontekstina. Uudelleenrakennettu IDE kattaa nyt suurimman osan siitä, mikä teki vanhasta työkalusta hyödyllisen, mukaan lukien tallennetut muuttujat, ohjausvirtauskomennot ja koodin vienti.

plugins

Selenium IDE voi tukea muita Firefox muiden käyttäjien luomia lisäosia tai laajennuksia. Voit vierailla osoitteessa virallinen Selenium IDE-sivusto luettelosta Selenium tähän mennessä saatavilla olevat lisäosat. Asenna ne samalla tavalla kuin muutkin Firefox lisäosat.

Oletusarvoisesti Selenium IDE toimitetaan 4 lisäosan mukana:

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

Nämä neljä laajennusta vaativat Selenium IDE muuntaa Selenese eri muotoihin.

Lisäosat-välilehti näyttää luettelon kaikista asennetuista lisäosistasi sekä kunkin versionumeron ja luojan nimen, kuten alla olevassa kuvakaappauksessa.

Selenium IDE-laajennukset-välilehti, jossa luetellaan neljä mukana tulevaa muotoilulaajennusta

Käyttäjälaajennukset

Selenium IDE voi tukea käyttäjälaajennuksia edistyneiden ominaisuuksien tarjoamiseksi. Käyttäjälaajennukset ovat muotoa JavaSkriptitiedostot. Asennat ne määrittämällä niiden absoluuttisen polun jommassakummassa näistä kahdesta kentästä Asetukset-valintaikkunassa.

Kaksi polkukenttää on korostettu alla olevassa Asetukset-valintaikkunassa.

Asetukset-valintaikkunan kentät Selenium Ydinlaajennukset ja Selenium IDE-laajennusten tiedostopolut

Löydät valtavasti käyttäjälaajennuksia osoitteesta Selenium lataussivuHuomaa, että tämä mekanismi kuului Selenium Ydin, joka poistettiin vuonna Selenium 3; modernia IDE:tä laajennetaan sen sijaan oman plugin-API:n kautta.

AIHEESEEN LIITTYVÄT ARTIKKELIT

Miten Asenna Selenium IDE Chromessa

Alla on vaiheittaiset lataus- ja asennusprosessit Selenium IDE varten Google Chrome:

Vaihe 1) Siirry Selenium IDE-sivusto & Napsauta Chromen latauspainiketta.
Vaihe 2) Avaa Chrome Web Storen listaus kohteelle Selenium IDE-laajennus ja asenna se.
Vaihe 3) Lisää Chromeen napsauttamalla Lisää Chromeen -painiketta Selenium IDE:stä Google Chrome.
Vaihe 4) Siirry Laajennukset-valikkoon, napsauta kyseistä kuvaketta ja avaa Selenium IDE uuden testin tallentamiseen uuteen projektiin.

Chrome-rakenne ja Firefox build-tiedostot ovat samaa laajennusta, joten toisessa tallennettu projekti avautuu toisessa. Koska selainkauppojen listaukset muuttuvat ajan myötä, aloita aina vaiheessa 1 viralliselta sivustolta kirjanmerkkeihin merkityn kaupan sijaan. URL.

Asennuksen tarkistaminen ja ensimmäisen testin tallentaminen

Latautuva laajennus ei ole todiste asennuksen toimivuudesta. Nopein tapa tarkistaa se on tallentaa jotain mitätöntä ja toistaa se.

  1. Valitse Selenium IDE-kuvake. Tervetuloa-valintaikkunassa on neljä vaihtoehtoa: uuden testin tallentaminen uuteen projektiin, olemassa olevan projektin avaaminen, uuden projektin luominen tai IDE:n sulkeminen.
  2. Valitse ensimmäinen vaihtoehto ja anna projektille nimi.
  3. Syötä tukikohta URLTämä on testattavan sovelluksen osoite, ja sitä käytetään uudelleen jokaisessa projektin testissä.
  4. Uusi selainikkuna avautuu siihen URL ja tallennus alkaa. Napsauta linkkiä tai kirjoita kenttään, palaa sitten IDE-ympäristöön ja lopeta tallennus napsauttamalla tallennuskuvaketta.
  5. Napsauta tallennuskuvaketta. IDE kirjoittaa yhden tiedoston, jonka .side laajennus.
  6. Valitse testi ja napsauta toistopainiketta. Jos tallennetut vaiheet toistuvat ilman punaista vikamerkkiä, asennus on virheetön.

Ensimmäinen toisto, joka epäonnistuu aivan ensimmäisellä komennolla, osoittaa yleensä tukiasemaan. URL pikemminkin kuin asennuksen aikana. Kesken jäävä toisto on paikannusongelma, jossa tarkista ja odota -komennot ansaitsevat elantonsa.

Kuinka korjata yleinen Selenium IDE-asennusongelmia

Lähes jokainen asennusvalitus kuuluu johonkin kouralliseen kaavoihin. Kaksi ensimmäistä ovat ne, jotka on dokumentoinut Selenium itse projekti.

  • Ei kuvaketta työkalupalkissa. Vahvista, että laajennus on käytössä. Kirjoita chrome://extensions Chromessa tai about:addons in Firefoxja tarkista, että Selenium IDE on kytketty päälle.
  • Laajennus on käytössä, mutta edelleen näkymätön. Kuvake voi olla piilossa, koska työkalupalkki on liian kapea. Chromessa vedä aluetta osoiterivin oikealle puolelle. Firefox, napsauta työkalupalkkia hiiren kakkospainikkeella, valitse Mukauta, säädä sitä ja napsauta Valmis.
  • IDE avautuu, mutta ei tallenna mitään. Tallennusikkunan on oltava se, jonka IDE käynnisti. Käsin avatulle välilehdelle tehtyä tallennusta ei tallenneta.
  • Sisäsivulla ei toimi mikään. Laajennukset eivät voi skriptata selaimen sisäisiä sivuja, kuten asetuksia tai laajennusten näyttöjä, joten ne tallennetaan tavalliselle verkkosivulle.
  • Hallittu selain estää asennuksen. Yritysprofiilissa laajennusten asennusta usein säädellään käytännöillä, ja järjestelmänvalvojan on sallittava laajennustunnus.

Miten asennetaan Selenium IDE-komentorivin suoritin

Laajennus toistaa testejä vain siinä selaimessa, johon se on asennettu. Jos haluat suorittaa tallennetun projektin muissa selaimissa, rinnakkain tai Gridissä, asenna komentorivisuoritin. Se tarvitsee Node.js:n ja npm:n.

npm install -g selenium-side-runner

Jokainen selain tarvitsee myös oman ajuritiedostonsa. Asenna ajuri sille selaimelle, johon haluat kohdistaa selaimen.

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

Kun juoksija ja ajuri ovat paikoillaan, osoita juoksijalla projektitiedostoa, jonka IDE tallensi aiemmin.

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

Suoritin levittää paketteja yhtä moneen prosessiin kuin koneessa on suorittimen ytimiä. Kaksi lippua kattavat useimmat päivittäiset tarpeet: -c asettaa selaimen ja --base-url kohdistaa koko projektin uudelleen eri ympäristöön, mikä tekee samasta tallenteesta käyttökelpoisen sekä paikallisessa koontiversiossa että testipalvelimella.

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

Tästä eteenpäin luonnollinen seuraava askel on jättää tallennus ja toisto taakse ja kirjoittaa samat tarkistukset koodiin — katso ensimmäinen WebDriver-skripti läpikäynti ja laajempi Selenium sarja.

UKK

Ei. Se on avoimen lähdekoodin ja jaetaan ilmaiseksi selaimen lisäosakauppojen kautta ilman tiliä, lisenssiavainta tai kokeilujaksoa. Komentorivin suoritin on yhtä lailla ilmainen ja asentuu julkisesta npm-rekisteristä.

Ei itse laajennuksen osalta, joka toimii kokonaan selaimen sisällä. Kieliympäristöllä on merkitystä vasta, kun viet tallenteen koodiin tai asennat komentorivisuorittimen, joka vaatii Node.js:n JDK:n sijaan.

Mikä tahansa alusta, joka käyttää tuettua selainta, joten Windows, macOS ja Linux toimivat kaikki. Laajennus perii selaimen vaatimukset, mikä tarkoittaa, että erillistä asennusohjelmaa tai käyttöjärjestelmäkohtaista koontiversiota ei ole valittavana.

Poista se selaimen laajennussivulta ja lisää se sitten uudelleen kaupasta. Tallennetut projektit ovat tavallisia tiedostoja levyllä, joten ne säilyvät uudelleenasennuksen jälkeen koskemattomina. Uudelleenasennus on tavallinen ratkaisu tyhjäksi avautuvaan IDE-ikkunaan.

Kyllä, koska se tallentaa todellisen selainistunnon sisällä ja perii istunnon sisältämät evästeet. Kertakirjautumisen uudelleenohjaukset tallentavat edelleen, vaikka niistä johtuvat vaiheet ovat usein hauraita ja ne on parempi korvata suoralla kirjautumisvaiheella.

Koneoppimista sovelletaan pääasiassa tallennuksen jälkeen: itseään korjaavat moottorit ehdottavat korvaavaa valitsinta, kun merkintä muuttuu, ja epätasaisen testin mallit merkitsevät vaiheet, jotka epäonnistuvat ajoittain. Kumpikaan ei muuta asennusta, mutta molemmat vähentävät sitä seuraavaa ylläpitoa.

Se ei voi ohjata laajennusta, mutta siitä on hyötyä viedyssä tiedostossa. Copilot muuntaa helposti viedyn raakaskriptin sivuobjekteiksi, lisää eksplisiittiset odotusajat ja kirjoittaa CI-työn, joka kutsuu komentorivisuoritinta.

Minne tahansa tallennatkin. IDE kirjoittaa yhden JSON-tiedoston projektia kohden .side-päätteellä, joka on pelkkää tekstiä ja siksi turvallinen commit-tiedosto versionhallintaan ja vertailuun tarkistuksen aikana.

Tiivistä tämä viesti seuraavasti: