how use firebug creating selenium scripts selenium tutorial 4
În tutorialul anterior , am învățat cum să creăm scripturi de testare automate folosind Selenium IDE și funcția de înregistrare a acestuia. De asemenea, am răsfoit populous caracteristici ale Selenium IDE . Ne-am propus să lărgim cititorul cu cele mai vitale caracteristici și comenzi ale Selenium IDE.
Doar un memento - acesta este al patrulea tutorial gratuit Seria de antrenament cu seleniu .
Acum, că sunteți obișnuiți și capabili să creați scripturi automate folosind modul de înregistrare Selenium IDE, permiteți-ne să mergem mai departe cu un alt instrument care joacă un rol foarte important în a ne ajuta să creăm scripturi de testare eficiente cunoscute sub numele de „Firebug”. Firebug ne ajută să inspectăm proprietățile elementelor web și ale paginilor web.
Astfel, acest tutorial cuprinde instalarea Firebug și utilizarea sa.
Rețineți că conținutul acestui tutorial nu se aplică numai în contextul Selenium IDE; mai degrabă poate fi aplicat fiecărui instrument din suita Selenium. Astfel aș folosi, de preferință, termenul Seleniu în loc de Seleniu IDE.
În acest tutorial, vă permite să aflați cum să utilizați programul de completare Firebug pentru crearea de scripturi Selenium. În acest proces, vom învăța și cum să instalăm Firebug.
Ce veți învăța:
- Introducere în Firebug
- Cum se instalează Firebug?
- Crearea scriptului Selenium folosind Firebug
- Concluzie
- Lectură recomandată
Introducere în Firebug
Firebug este un program de completare Mozilla Firefox. Acest instrument ne ajută să identificăm sau să fim mai deosebi inspectând elemente HTML, CSS și JavaScript pe o pagină web. Ne ajută să identificăm elementele în mod unic pe o pagină web. Elementele pot fi găsite în mod unic pe baza tipurilor lor de localizator, pe care le vom discuta mai târziu în acest tutorial.
Cum se instalează Firebug?
Pentru ușurința înțelegerii, am bifurca procesul de instalare în pașii următori.
Pasul 1: Lansați browserul Mozilla Firefox și navigați la aceasta Pagina de descărcare a suplimentului Firebug . Adresa URL ne duce la secțiunea de programe de completare Firefox.
Pasul 2: Faceți clic pe butonul „Adăugați la Firefox” prezent pe pagina web. Consultați următoarea figură pentru același lucru.
Pasul 3: De îndată ce facem clic pe butonul „Adăugați la Firefox”, va apărea o casetă de alertă de securitate, faceți clic pe butonul „Permite” acum.
Pasul 4: Acum Firefox descarcă suplimentul în fundal și se afișează o bară de progres.
Pasul 5: De îndată ce procesul se finalizează, apare fereastra de instalare a software-ului. Acum faceți clic pe butonul „Instalați acum”.
Pasul 6: De îndată ce instalarea se finalizează, apare o fereastră pop-up care spune că firebug-ul a fost instalat cu succes. Acum alegeți să închideți acest pop-up.
Notă : Spre deosebire de Selenium IDE, nu suntem obligați să repornim Firefox pentru a reflecta instalarea firebug, ci mai degrabă vine cu ușurință.
Pasul 7: Acum, pentru a lansa firebug, putem opta pentru una dintre următoarele modalități:
- Apăsați F12
- Faceți clic pe pictograma Firebug prezentă în colțul din dreapta sus al ferestrei Firefox.
- Faceți clic pe bara de meniu Firefox -> Web Developer -> firebug -> Deschideți Firebug.
Pasul 8 : Acum firebug-ul poate fi văzut în partea de jos a ferestrei Firefox.
Acum că am descărcat și instalat firebug, să mergem mai departe cu tipurile de localizatoare pe care le-am crea cu ajutorul firebug.
Crearea scriptului Selenium folosind Firebug
Spre deosebire de Selenium IDE, în Firebug, creăm manual scripturi de testare automate, adăugând mai mulți pași de testare pentru a forma un script de test logic și consecvent.
Să urmăm o abordare progresivă și să înțelegem procesul pas cu pas.
Scenariu:
- Deschideți „https://accounts.google.com”.
- Afirmați titlul cererii
- Introduceți un nume de utilizator și o parolă nevalide și trimiteți detaliile pentru autentificare.
Pasul 1 - Lansați Firefox și deschideți Selenium IDE din bara de meniu.
Pasul 2 - Introduceți adresa aplicației supuse testului („https://accounts.google.com”) în caseta text URL de bază.
Pasul 3 - În mod implicit, butonul Înregistrare este în starea PORNIT. Nu uitați să îl reglați pentru a dezactiva modul de înregistrare. Observați dacă modul de înregistrare este activat, poate duce la înregistrarea interacțiunilor noastre cu browserul web.
Pasul 4 - Deschideți aplicația testată (https://accounts.google.com) în Firefox.
Pasul 5 - Lansați Firebug în browserul web.
Pasul 6 - Selectați pasul de test gol din Editor.
Pasul 7 - Tastați „deschide” în caseta de text de comandă prezentă în panoul Editor. Comanda „deschide” deschide adresa URL specificată în browserul web.
Recomandare: În timp ce tastați comenzi în caseta de text a comenzii, utilizatorul poate utiliza funcția de selecție automată. Astfel, de îndată ce utilizatorul tastează o secvență de caractere, sugestiile de potrivire vor fi completate automat.
Utilizatorul poate, de asemenea, face clic pe meniul drop-down disponibil în caseta de text a comenzii pentru a vedea toate comenzile furnizate de Selenium IDE.
Pasul 8 - Acum, mișcați spre secțiunea Firebug din browserul web, extindeți secțiunea „head” a codului HTML. Observați eticheta HTML. Astfel, pentru a afirma titlul paginii web, am avea nevoie de valoarea etichetei.
Copiați titlul paginii web care este „Conectare - Conturi Google” în cazul nostru.
Pasul 9 - Selectați al doilea pas de test gol din Editor.
Pasul 10 - Tastați „assertTitle” în caseta de text de comandă prezentă în panoul Editor. Comanda „assertTitle” returnează titlul curent al paginii și îl compară cu titlul specificat.
cum se creează un proiect în eclipsă
Pasul 11 - Lipiți titlul copiat la pasul 8 în câmpul țintă al celui de-al doilea.
Pasul 12 - Acum selectați al treilea pas de test gol în panoul Editor
Pasul 13 - Tastați comanda „tip” în caseta de text a comenzii. Comanda „tip” introduce o valoare în elementul web specificat pe GUI.
Pasul 14 - Acum comutați la browserul web, aduceți cursorul mouse-ului în caseta de text „E-mail” din formularul de conectare și apăsați un clic dreapta.
Alegeți opțiunea „Inspectați elementul cu Firebug”. Observați că Firebug evidențiază automat codul HTML corespunzător pentru elementul web, adică „Casetă de text pentru e-mail”.
Pasul 15 - Codul HTML din ilustrația de mai sus manifestă atributele de proprietate distincte aparținând casetei de text „E-mail”. Observați că există patru proprietăți (ID, tip, substituent și nume) care identifică în mod unic elementul web de pe pagina web. Astfel, depinde de utilizator să aleagă una sau mai multe proprietăți pentru a identifica elementul web.
Astfel, în acest caz, alegem ID-ul ca localizator. Copiați valoarea ID-ului și lipiți-o în câmpul țintă al celui de-al treilea pas de test prefixat cu „id =” pentru a indica Selenium IDE pentru a localiza un element web care are ID-ul ca „Email”.
(Faceți clic pentru a vizualiza imaginea mărită)
Rețineți că Selenium IDE este sensibil la majuscule și minuscule, astfel tastați valoarea atributului cu atenție și exact la fel cum este afișat în codul HTML.
Pasul 16 - Faceți clic pe butonul Găsiți pentru a verifica dacă localizatorul selectat găsește și localizează elementul UI desemnat pe pagina web.
Pasul 17 - Acum, următorul pas este să introduceți datele de test în caseta de text Value a celui de-al treilea pas de test din panoul Editor. Introduceți „InvalidEmailID” în caseta de text Valoare. Utilizatorul poate modifica datele de testare după cum și când este dorit.
Pasul 18 - Acum selectați al patrulea pas de test gol în panoul Editor
Pasul 19 - Tastați comanda „tip” în caseta de text a comenzii.
Pasul 20 - Acum comutați la browserul web, aduceți cursorul mouse-ului în caseta de text „Parolă” din formularul de autentificare și apăsați un clic dreapta.
Alegeți opțiunea „Inspectați elementul cu Firebug”.
Pasul 21 - Codul HTML de mai jos manifestă atributele de proprietate distincte aparținând casetei de text „Parolă”. Observați că există patru proprietăți (ID, tip, substituent și nume) care identifică în mod unic elementul web de pe pagina web. Astfel, depinde de utilizator să aleagă una sau mai multe proprietăți pentru a identifica elementul web.
Astfel, în acest caz, alegem ID-ul ca localizator. Copiați valoarea ID-ului și lipiți-o în câmpul țintă al celui de-al treilea pas de test prefixat cu „id =”.
(Faceți clic pentru a vizualiza imaginea mărită)
Pasul 22 - Faceți clic pe butonul Găsiți pentru a verifica dacă tab-ul localizator găsește și localizează elementul UI desemnat pe pagina web.
Pasul 23 - Acum, următorul pas este să introduceți datele de test în caseta de text Value a celui de-al patrulea pas de test din panoul Editor. Introduceți „InvalidPassword” în caseta text Value. Utilizatorul poate modifica datele de testare după cum și când este dorit.
Pasul 24 - Acum selectați al cincilea pas de test gol din panoul Editor
Pasul 25 - Tastați comanda „faceți clic” în caseta de text a comenzii. Comanda „clic” face clic pe un element web specificat din pagina web.
Pasul 26 - Acum comutați la browserul web, aduceți cursorul mouse-ului la butonul „Conectați-vă” din formularul de conectare și apăsați un clic dreapta.
Alegeți opțiunea „Inspectați elementul cu Firebug”.
Pasul 27 - Codul HTML de mai jos manifestă atributele de proprietate distincte aparținând butonului „Conectare”.
Alegeți ID-ul ca localizator. Copiați valoarea ID-ului și lipiți-o în câmpul țintă al celui de-al treilea pas de test prefixat cu „id =”.
(Faceți clic pentru a vizualiza imaginea mărită)
Pasul 28 - Faceți clic pe butonul Găsiți pentru a verifica dacă localizatorul a ales să găsească și să localizeze elementul UI desemnat pe pagina web.
Scriptul de testare este finalizat acum. Consultați următoarea ilustrație pentru a vizualiza scriptul de testare finalizat.
Pasul 29 - Redați scriptul de test creat și salvați-l la fel ca în tutorialul anterior.
Concluzie
În acest tutorial, am introdus încă un alt instrument de creare a scriptului sau mai degrabă un instrument care ajută la crearea scriptului.
Firebug are în mod surprinzător un mare potențial de a localiza elemente web pe o pagină web. Astfel, utilizatorul poate profita de capacitățile instrumentului în crearea manuală a scripturilor de testare a automatizării eficiente și eficiente.
Următorul tutorial # 5 : Trecând mai departe în următorul tutorial, ne vom uita la diferite tipuri de localizatori în Selenium și tehnica lor de accesibilitate pentru a construi scripturi de testare . Între timp, cititorul poate începe să-și construiască scripturile de test de automatizare folosind Firebug.
Ați folosit Firebug pentru inspectarea elementelor HTML sau pentru crearea de scripturi? Vi se pare util? Vă rugăm să împărtășiți experiența dvs. în comentarii
Lectură recomandată
- Cum se folosește TestNG Framework pentru crearea de scripturi Selenium - TestNG Selenium Tutorial # 12
- Tutorial Castravete Seleniu: Integrare Castravete Java Seleniu WebDriver
- Cum să localizați elemente în browserele Chrome și IE pentru crearea de scripturi Selenium - Tutorial Selenium # 7
- Crearea de generice și teste - Tutorial Selenium # 22
- Introducere în Selenium WebDriver - Tutorial Selenium # 8
- Integrarea Jenkins cu Selenium WebDriver: Tutorial pas cu pas
- Tutoriale detaliate pentru eclipsă pentru începători
- Scenarii eficiente cu scripturi și depanare Selenium - Tutorial Selenium # 27