how locate elements chrome
To je vadnica št. 7 v naši spletni seriji Selenium Online Training. Če želite preveriti vse vadnice Selenium v tej seriji, preverite tej strani .
V prejšnji vadnici smo poskušali osvetliti različne vrste lokatorjev v seleniju in njihove locirne mehanizme za izdelavo testnih skriptov. Vadnica je bila primarno sestavljena iz kratke predstavitve različnih vrst lokatorjev, kot je ID, razredi, poti, povezave , Izbirniki CSS itd. in njihovo identifikacijo.
Nadaljujemo z naslednjo vadnico in izkoristili bomo priložnost, da vam predstavimo razširitev strategij iskanja. Tako je v naslednja vadnica, preučili bi mehanizem iskanja spletnih elementov v brskalnikih Google Chrome in Internet Explorer.
Ker se vsi dobro zavedamo dejstva, da se hitro povečuje število uporabnikov interneta, zato zainteresirane strani in programerji gradijo spletne aplikacije, ki bodo verjetno delovale v večini brskalnikov.
Tako si predstavljamo situacijo, ko vaša spletna aplikacija ne podpira Firefoxa, vendar dobro deluje za Chrome in Internet Explorer.
Kako boste avtomatizirali tako aplikacijo s pomočjo selena? Ali natančneje, kako boste poiskali spletne elemente v Chromu in Internet Explorerju. Odgovor je torej v tej vadnici.
kako ravnati v težkih situacijah
Kaj se boste naučili:
Iskanje spletnih elementov v Google Chromu
Začnimo z razumevanjem lokacijskih strategij v Google Chromu.
Tako kot Firebug v Firefoxu ima tudi Google Chrome svoj lastno orodje za razvijalce ki se lahko uporablja za prepoznavanje in iskanje spletnih elementov na spletni strani. Za razliko od firebuga uporabniku ni treba prenesti ali namestiti nobenega ločenega vtičnika; orodje za razvijalce je zlahka priloženo Google Chromu.
Za iskanje spletnih elementov s pomočjo Chromovega orodja za razvijalce sledite spodnjim korakom:
Korak 1: Primarni korak je zagon orodja za razvijalce Google Chrome. Pritisnite F12, da zaženete orodje. Uporabnik bi lahko videl nekaj takega kot spodnji zaslon.
Upoštevajte, da je zavihek 'Element' označen na zgornjem posnetku zaslona. Tako je zavihek element tisti, ki prikazuje vse lastnosti HTML, ki pripadajo trenutni spletni strani. Pomaknite se do zavihka »Element«, če se ob zagonu privzeto ne odpre.
Orodje za razvijalce lahko zaženete tudi tako, da z desno miškino tipko kliknete kjer koli na spletni strani in izberete »Preveri element«, ki je zelo podoben tistemu pri pregledu požarnega hrošča.
2. korak: Naslednji korak je poiskati želeni predmet na spletni strani. Ena od možnosti je, da z desno miškino tipko kliknete želeni spletni element in ga pregledate. Lastnost HTML, ki pripada temu spletnemu elementu, bi bila označena v orodju za razvijalce. Drug način je lebdenje po lastnostih HTML in poudarjen bo ustrezni spletni element. Tako lahko uporabnik na ta način poišče ID-je, razred, povezave itd.
Ustvarjanje Xpatha v orodju za razvijalce
O Xpaths smo že govorili v zadnji vadnici. Razpravljali smo tudi o njeni strategiji ustvarjanja. Tu bi našo razpravo osnovali na preverjanju veljavnosti ustvarjenega XPath v Chromovem orodju za razvijalce.
Korak 1: Če želite ustvariti XPath v orodju za razvijalce, odprite zavihek konzole.
2. korak: Vnesite ustvarjeno pot Xpath in jo zaprite v $ x (“// input [@ id =’ Email ’]“)
3. korak: Pritisnite tipko enter, da si ogledate vse ujemajoče se elemente HTML z določeno Xpath. V našem primeru obstaja samo en ujemajoč se element HTML. Premaknite miškin kazalec na ta element HTML in ustrezni spletni element bo označen na spletni strani.
Na ta način lahko v konzoli ustvarite in preverite njihovo veljavnost vse poti Xpath.
Informacije v zvezi s CSS, ki ustrezajo spletnemu elementu, najdete v Chromovem orodju za razvijalce. Glejte spodnji posnetek zaslona:
Iskanje spletnih elementov v Internet Explorerju
Tako kot Google Chrome, Internet Explorer ima tudi svoje orodje za razvijalce ki se lahko uporabljajo za prepoznavanje spletnih elementov na podlagi njihovih lastnosti na spletni strani. Uporabniku ni treba prenesti ali namestiti nobenega ločenega vtičnika, orodje za razvijalce je enostavno priloženo Internet Explorerju.
Za iskanje spletnih elementov z orodjem IE Developer sledite spodnjim korakom:
Korak 1: Primarni korak je zagon orodja IE Developer. Pritisnite F12, da zaženete orodje. Uporabnik bi lahko videl nekaj takega kot spodnji zaslon.
Upoštevajte, da je zavihek »HTML« označen na zgornjem posnetku zaslona. Tako je zavihek HTML tisti, ki prikazuje vse lastnosti HTML, ki pripadajo trenutni spletni strani. Razširite zavihek HTML, če si želite ogledati lastnosti vseh spletnih elementov, ki pripadajo trenutni spletni strani.
2. korak: Naslednji korak je poiskati želeni predmet na spletni strani. Eden od načinov za to je izbrati element HTML in poudarjen bo ustrezni spletni element. Tako lahko uporabnik na ta način poišče ID-je, razred, povezave itd. Oglejte si spodnji posnetek zaslona, na katerem bi bilo označeno E-poštno polje z besedilom, takoj ko izberemo ustrezno lastnost HTML.
Drug način iskanja spletnega elementa je tako, da kliknete gumb »Poišči« v zgornjem meniju in kliknete želeni spletni element na spletni strani. Posledično bi bile označene ustrezne lastnosti HTML.
Tako lahko uporabnik z orodjem za razvijalce najde ID-je, razrede, imena oznak in lahko ustvari Xpaths za iskanje spletnih elementov.
Tako kot Chromovo orodje za razvijalce ima tudi orodje za razvijalce IE ločen odsek, ki prikazuje informacije, povezane s CSS. Oglejte si spodnji posnetek zaslona.
Zaključek
V tej vadnici smo osvetlili osnovne strategije iskanja elementov z orodjem za razvijalce za Google Chrome in Internet Explorer.
Naslednja vadnica št. 8 : Nadaljujemo z naslednjo vadnico in z veseljem vam predstavimo naprednejše orodje, imenovano WebDriver. WebDriver je eno najbolj prepričljivih orodij za testiranje avtomatizacije. Torej, naslednjo vadnico naprej bomo usmerjali in temeljili na naših razpravah o WebDriverju in vseh njegovih drobnih pesmih.
Priporočeno branje
- Preverite vidnost spletnih elementov z različnimi vrstami ukazov WebDriver - Vadnica za selen št. 14
- Uvod v Selenium WebDriver - Vadnica za selenij št. 8
- Kako uporabljati izbirnik CSS za prepoznavanje spletnih elementov za skripte za selen - Vadnica za selen št. 6
- Učinkoviti scenariji za skriptiranje in odpravljanje težav s selenijem - Vadnica za selenij št. 27
- Odpravljanje napak v skriptih selena z dnevniki (Vadnica za Log4j) - Vadnica za selen # 26
- 30+ najboljših vaj za selen: Naučite se selen z resničnimi primeri
- Vadnica za kumare selena: Integracija kumar Java Selenium WebDriver
- Uporaba razreda selena za izbiro spustnih elementov na spletni strani - vadnica za selenij št. 13