how use firebug creating selenium scripts selenium tutorial 4
V predchádzajúci návod , sme sa naučili, ako vytvoriť automatizované testovacie skripty pomocou selénu IDE a jeho funkcie nahrávania. Listovali sme aj medzi ľudnatými vlastnosti selénového IDE . Zamerali sme sa na obťažovanie čitateľa najdôležitejšími vlastnosťami a príkazmi selénového IDE.
Len na pripomenutie - toto je náš 4. tutoriál zadarmo Selénové tréningové série .
Teraz, keď ste zvyknutí a schopní vytvárať automatizované skripty pomocou režimu záznamu Selenium IDE, poďme spolu s ďalším nástrojom, ktorý hrá veľmi dôležitú úlohu pri vytváraní efektívnych testovacích skriptov známych ako „Firebug“. Firebug nám pomáha pri kontrole vlastností webových prvkov a webových stránok.
Tento výukový program teda pozostáva z inštalácie Firebug a jeho použiteľnosti.
Vezmite na vedomie, že obsah tohto tutoriálu nie je použiteľný iba v kontexte Selenium IDE; skôr sa dá použiť na každý nástroj selénového balíka. Preto by som prednostne používal termín selén namiesto selénu IDE.
V tomto výučbe sa dozvieme, ako používať doplnok Firebug na vytváranie selénových skriptov. V tomto procese sa tiež naučíme, ako nainštalovať Firebug.
Čo sa dozviete:
- Úvod do Firebug
- Ako nainštalovať Firebug?
- Vytváranie selénového skriptu pomocou Firebugu
- Záver
- Odporúčané čítanie
Úvod do Firebug
Firebug je doplnok Mozilla Firefox. Tento nástroj nám pomáha pri identifikácii alebo konkrétnejšej kontrole prvkov HTML, CSS a JavaScript na webovej stránke. Pomáha nám to jedinečne identifikovať prvky na webovej stránke. Prvky možno nájsť jedinečne na základe ich typov lokátorov, o ktorých by sme diskutovali ďalej v tomto tutoriále.
Ako nainštalovať Firebug?
Pre ľahšie pochopenie by sme proces inštalácie rozdelili na nasledujúce kroky.
Krok 1: Spustite prehliadač Mozilla Firefox a prejdite na toto Stránka na stiahnutie doplnku Firebug . Adresa URL nás zavedie do sekcie doplnkov Firefoxu.
Krok 2: Kliknite na tlačidlo „Pridať do prehliadača Firefox“, ktoré sa nachádza na webovej stránke. To isté nájdete na nasledujúcom obrázku.
Krok 3: Hneď ako klikneme na tlačidlo „Pridať do Firefoxu“, zobrazí sa okno s bezpečnostným upozornením, kliknite na tlačidlo „Povoliť“.
Krok 4: Teraz si Firefox stiahne doplnok na pozadí a zobrazí sa indikátor priebehu.
Krok 5: Hneď ako je proces dokončený, zobrazí sa okno inštalácie softvéru. Teraz kliknite na tlačidlo „Inštalovať teraz“.
Krok 6: Hneď ako je inštalácia dokončená, objaví sa vyskakovacie okno s oznámením, že firebug bol úspešne nainštalovaný. Teraz sa rozhodnite zavrieť toto vyskakovacie okno.
Poznámka : Na rozdiel od Selenium IDE nie je potrebné reštartovať prehliadač Firefox, aby odrážal inštaláciu firebugu, skôr to prichádza pohotovo.
Krok 7: Teraz, keď chceme spustiť firebug, môžeme zvoliť jeden z nasledujúcich spôsobov:
- Stlačte kláves F12
- Kliknite na ikonu Firebug v pravom hornom rohu okna Firefoxu.
-
- Kliknite na panel s ponukami Firefoxu -> Webový vývojár -> firebug -> Otvoriť Firebug.
Krok 8 : Firebug je teraz viditeľný v dolnej časti okna Firefoxu.
Teraz, keď sme stiahli a nainštalovali firebug, poďme ďalej s typmi lokátorov, ktoré by sme pomocou firebugu vytvorili.
Vytváranie selénového skriptu pomocou Firebugu
Na rozdiel od selénového IDE, vo Firebugu vytvárame automatizované testovacie skripty ručne pridaním viacerých testovacích krokov a vytvorením logického a konzistentného testovacieho skriptu.
Postupujme progresívnym spôsobom a pochopme postup krok za krokom.
Scenár:
- Otvorte stránku https://accounts.google.com.
- Uveďte názov aplikácie
- Zadajte neplatné používateľské meno a neplatné heslo a zadajte podrobnosti na prihlásenie.
Krok 1 - Spustite Firefox a na paneli s ponukami otvorte Selenium IDE.
Krok 2 - Do textového poľa Základná adresa URL zadajte adresu testovanej aplikácie („https://accounts.google.com“).
Krok 3 - Predvolene je tlačidlo Záznam v zapnutom stave. Nezabudnite ho naladiť na VYPNUTÝ, aby ste deaktivovali režim nahrávania. Všimnite si, že ak je režim záznamu v ZAPNUTOM stave, môže to mať za následok zaznamenanie našich interakcií s webovým prehliadačom.
Krok 4 - Otvorte testovanú aplikáciu (https://accounts.google.com) v prehliadači Firefox.
Krok 5 - Spustite Firebug vo webovom prehliadači.
Krok 6 - Vyberte prázdny testovací krok v editore.
Krok 7 - Do textového poľa príkazu v podokne editora zadajte príkaz „otvoriť“. Príkaz „otvoriť“ otvorí zadanú adresu URL vo webovom prehliadači.
Odporúčanie: Počas zadávania príkazov do textového poľa príkazu môže používateľ využívať funkciu automatického výberu. Akonáhle teda užívateľ napíše sériu znakov, návrhy na zhodu sa automaticky vyplnia.
Užívateľ môže tiež kliknúť na rozbaľovaciu ponuku dostupnú v textovom poli príkazu a pozrieť sa na všetky príkazy poskytované Selenium IDE.
Krok 8 - Teraz smerom k sekcii Firebug vo webovom prehliadači rozbaľte sekciu „head“ v kóde HTML. Všimnite si značku HTML. Na uplatnenie názvu webovej stránky by sme teda potrebovali hodnotu značky.
Skopírujte nadpis webovej stránky, ktorá je v našom prípade „Prihlásiť sa - účty Google“.
Krok 9 - Vyberte druhý prázdny testovací krok v editore.
Krok 10 - Do textového poľa príkazu na paneli editora zadajte výraz „assertTitle“. Príkaz „assertTitle“ vráti aktuálny nadpis stránky a porovná ho so zadaným nadpisom.
aký je prípad použitia pri testovaní softvéru
Krok 11 - Prilepte nadpis skopírovaný v kroku 8 do poľa Cieľ druhého.
Krok 12 - Teraz vyberte tretí prázdny testovací krok na table editora
Krok 13 - Do textového poľa príkazu zadajte príkaz „typ“. Príkaz „type“ zadá hodnotu v zadanom webovom prvku do grafického používateľského rozhrania.
Krok 14 - Teraz prepnite na webový prehliadač, umiestnite kurzor myši do textového poľa „E-mail“ v prihlasovacom formulári a stlačte pravé tlačidlo myši.
Vyberte možnosť „Skontrolovať prvok pomocou Firebug“. Upozorňujeme, že Firebug automaticky zvýrazní zodpovedajúci HTML kód pre webový prvok, tj. „E-mailová schránka“.
Krok 15 - HTML kód na vyššie uvedenom obrázku prejavuje odlišné atribúty vlastnosti patriace do textového poľa „E-mail“. Všimnite si, že existujú štyri vlastnosti (ID, typ, zástupný symbol a názov), ktoré jedinečne identifikujú webový prvok na webovej stránke. Je teda na používateľovi, aby si vybral jednu alebo viac vlastností na identifikáciu webového prvku.
V tomto prípade teda ako lokátor zvolíme ID. Skopírujte hodnotu ID a vložte ju do poľa Cieľ tretieho kroku testu s predponou „id =“, čím indikujete selénové IDE na vyhľadanie webového prvku s ID ako „e-mail“.
(Kliknutím zobrazíte zväčšený obrázok)
Všimnite si, že selénový IDE rozlišuje veľké a malé písmená, preto hodnotu atribútu zadajte opatrne a presne tak, ako je uvedená v kóde HTML.
Krok 16 - Kliknutím na tlačidlo Nájsť overíte, či vybraný lokátor nájde a nájde určený prvok používateľského rozhrania na webovej stránke.
Krok 17 - Ďalším krokom je zadanie údajov o teste do textového poľa Hodnota tretieho kroku testu na paneli editora. Do textového poľa Hodnota zadajte „InvalidEmailID“. Používateľ môže údaje z testu zmeniť, kedykoľvek je to potrebné.
Krok 18 - Teraz vyberte štvrtý prázdny testovací krok na table editora
Krok 19 - Do textového poľa príkazu zadajte príkaz „typ“.
Krok 20 - Teraz prepnite na webový prehliadač, umiestnite kurzor myši do textového poľa „Heslo“ v prihlasovacom formulári a stlačte pravé tlačidlo myši.
Vyberte možnosť „Skontrolovať prvok pomocou Firebug“.
Krok 21 - HTML kód uvedený nižšie manifestuje odlišné atribúty vlastnosti patriace do textového poľa „Heslo“. Všimnite si, že existujú štyri vlastnosti (ID, typ, zástupný symbol a názov), ktoré jedinečne identifikujú webový prvok na webovej stránke. Je teda na používateľovi, aby si vybral jednu alebo viac vlastností na identifikáciu webového prvku.
V tomto prípade teda ako lokátor zvolíme ID. Skopírujte hodnotu ID a vložte ju do poľa Cieľ tretieho kroku testu s predponou „id =“.
(Kliknutím zobrazíte zväčšený obrázok)
Krok 22 - Kliknutím na tlačidlo Nájsť overíte, či lokátor na kartách nájde a nájde určený prvok používateľského rozhrania na webovej stránke.
Krok 23 - Ďalším krokom je zadanie údajov o teste do textového poľa Hodnota štvrtého kroku testu na paneli editora. Do textového poľa Hodnota zadajte „InvalidPassword“. Používateľ môže údaje z testu zmeniť, kedykoľvek je to potrebné.
Krok 24 - Teraz vyberte piaty prázdny testovací krok na paneli editora
Krok 25 - Do textového poľa príkazu zadajte príkaz „kliknite“. Príkaz „kliknutie“ klikne na zadaný webový prvok na webovej stránke.
Krok 26 - Teraz prepnite na webový prehliadač, umiestnite kurzor myši na tlačidlo „Prihlásiť sa“ v prihlasovacom formulári a stlačte pravé tlačidlo myši.
Vyberte možnosť „Skontrolovať prvok pomocou Firebug“.
Krok 27 - HTML kód uvedený nižšie prejavuje odlišné atribúty vlastnosti patriace k tlačidlu „Prihlásiť sa“.
Vyberte ID ako vyhľadávač. Skopírujte hodnotu ID a vložte ju do poľa Cieľ tretieho kroku testu s predponou „id =“.
(Kliknutím zobrazíte zväčšený obrázok)
Krok 28 - Kliknutím na tlačidlo Nájsť overíte, či lokátor vybral nálezy a lokalizuje určený prvok používateľského rozhrania na webovej stránke.
Testovací skript je dokončený. Na nasledujúcom obrázku si pozrite hotový testovací skript.
Krok 29 - Prehrajte si vytvorený testovací skript a uložte ho rovnakým spôsobom ako v predchádzajúcom návode.
Záver
V tomto tutoriáli sme predstavili ešte jeden nástroj na vytváranie skriptov alebo skôr nástroj, ktorý pomáha pri vytváraní skriptov.
Firebug má prekvapivo veľký potenciál lokalizovať webové prvky na webovej stránke. Užívateľ tak môže využívať schopnosti tohto nástroja pri ručnom vytváraní efektívnych a efektívnych skriptov automatizačného testu.
Nasledujúci návod č. 5 : V ďalšom výučbe by sme sa pozreli na rôzne typy lokátorov v seléne a ich prístupová technika na tvorbu testovacích skriptov . Medzitým môže čitateľ začať vytvárať svoje testovacie skripty automatizácie pomocou Firebugu.
Použili ste Firebug na kontrolu prvkov HTML alebo na vytváranie skriptov? Považujete to za užitočné? Podeľte sa o svoje skúsenosti v komentároch
Odporúčané čítanie
- Ako používať rámec TestNG na vytváranie skriptov selénu - návod na testovanie selénu TestNG # 12
- Výukový program Cucumber Selenium: Cucumber Java Selenium WebDriver Integration
- Ako nájsť prvky v prehliadačoch Chrome a IE na vytváranie skriptov selénu - selénský tutoriál # 7
- Vytváranie generík a testovacích súprav - selén, návod č. 22
- Úvod do softvéru Selenium WebDriver - Výučba selénu č. 8
- Integrácia Jenkinsa so Selenium WebDriver: Podrobný návod
- Hĺbkové návody pre zatmenie pre začiatočníkov
- Efektívne skriptovanie selénu a riešenie problémov - scenáre selénu # 27