cum se utilizează Firebug pentru crearea scripturilor Selenium – tutorial Selenium #4

în tutorialul anterior, am învățat cum să creăm scripturi de testare automate folosind Selenium IDE și funcția sa de înregistrare. De asemenea, am trecut prin caracteristicile populate ale Selenium IDE. Ne-am propus să avertizăm cititorul cu cele mai vitale caracteristici și comenzi ale Selenium IDE.

doar un memento – acesta este al 4-LEA tutorial în seria gratuită de antrenament Selenium.

acum că sunteți obișnuiți și capabili să creați scripturi automate folosind modul de înregistrare Selenium IDE, 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 este format din instalarea Firebug și gradul său de utilizare.

luați o notă că conținutul acestui tutorial nu se aplică numai în contextul Selenium IDE; mai degrabă poate fi aplicat la fiecare instrument de Selenium suite. Astfel, aș prefera să folosesc termenul de seleniu în loc de seleniu IDE.

în acest tutorial, vă permite să învețe cum să folosească Firebug add-on pentru crearea de script-uri seleniu. În acest proces, vom învăța, de asemenea, cum să instalați Firebug.

Introducere în Firebug

Firebug este un add-on Mozilla Firefox. Acest instrument ne ajută în identificarea sau să fie mai special inspectarea HTML, CSS și JavaScript elemente 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 localizare pe care le-am discuta mai târziu în acest tutorial.

cum se instalează Firebug?

Pentru ușurința de înțelegere, ne-ar bifurca procesul de instalare în următorii pași.

pasul -1: lansați browserul Mozilla Firefox și navigați la această pagină de descărcare a suplimentului Firebug. URL-ul ne duce la Firefox add-ons secțiune.

pasul -2: Faceți clic pe butonul „Adăugați la Firefox” prezent pe pagina web. Consultați figura următoare 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ți” acum.

Pasul-4: Acum Firefox Descarcă suplimentul în fundal și este afișată o bară de progres.

Pasul-5: de îndată ce procesul se termină, apare fereastra de instalare a software-ului. Acum faceți clic pe butonul” Instalați acum”.

Step-6: de îndată ce se termină instalarea, 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, mai degrabă vine ușor.

Step-7: acum, pentru a lansa firebug, putem opta pentru oricare dintre următoarele moduri:

• 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 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 locatoare pe care le-am crea folosind firebug.

crearea scriptului Selenium folosind Firebug

spre deosebire de Selenium IDE, în Firebug, creăm manual scripturi automate de testare adăugând mai mulți pași de testare pentru a forma un script de testare logic și consecvent.

să urmăm o abordare progresivă și să înțelegem procesul pas cu pas.

scenariu:

• deschis ” https://accounts.google.com”.
• afirmați titlul aplicației
• introduceți un nume de utilizator nevalid și o parolă nevalidă și trimiteți detaliile pentru a vă autentifica.

Pasul 1 – Lansați Firefox și deschideți Selenium IDE din bara de meniu.

Pasul 2 – Introduceți adresa aplicației testate („https://accounts.google.com”) în caseta de text URL de bază.

Pasul 3 – în mod implicit, butonul de înregistrare este în stare ON. Amintiți-vă să-l tune off de stat, astfel încât să dezactivați modul de înregistrare. Notă Dacă modul de înregistrare este în stare 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 – lansarea Firebug în browser-ul web.

Pasul 6 – Selectați pasul de testare gol din Editor.

Pasul 7 – tastați „deschis” în caseta de text de comandă prezentă în panoul editorului. Comanda” Deschidere ” deschide adresa URL specificată în browserul web.

recomandare: în timp ce tastați comenzi în caseta de text de comandă, utilizatorul poate utiliza caracteristica selecției automate. Astfel, de îndată ce utilizatorul tastează o secvență de caractere, sugestiile de potrivire vor fi populate automat.

utilizatorul poate, de asemenea, să facă clic pe meniul derulant disponibil în caseta de text de comandă pentru a privi toate comenzile furnizate de Selenium IDE.

Pasul 8 – acum, mișcare spre secțiunea Firebug din browserul web, extindeți secțiunea „cap” a codului HTML. Observați eticheta HTML <title>. Astfel, pentru a afirma titlul paginii web, am avea nevoie de valoarea etichetei<title>.

copiați titlul paginii web care este „Conectați – vă-Conturi Google” în cazul nostru.

Step 9 – Selectați al doilea pas de testare gol din Editor.

Pasul 10 – tastați „assertTitle” în caseta de text de comandă prezentă în panoul editorului. Comanda „assertTitle” returnează titlul paginii curente și îl compară cu titlul specificat.

pasul 11 – lipiți titlul copiat în pasul 8 în câmpul țintă al celui de-al doilea.

Pasul 12 – Acum selectați al treilea pas de testare gol în panoul Editor

Pasul 13 – tastați comanda „tip” în caseta de text comandă. Comanda ” tip ” introduce o valoare în elementul Web specificat pe GUI.

pasul 14 – acum treceț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ă „e-mail Textbox”.

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 locator. Copiați valoarea ID și lipiți-o în câmpul țintă al celui de-al treilea pas de testare prefixat cu „id=” pentru a indica Selenium IDE pentru a localiza un element web având ID ca „e-mail”.

(Faceți clic pentru a vizualiza imaginea mărită)

notați că Selenium IDE este sensibil la majuscule și minuscule, tastați astfel valoarea atributului cu atenție și Exact la fel cum este afișată în codul HTML.

Step 16 – Faceți clic pe butonul Find pentru a verifica dacă localizatorul selectat găsește și localizează elementul UI desemnat pe pagina web.

Step 17 – acum, următorul pas este să introduceți datele de testare în caseta de text Value a celui de-al treilea pas de testare din panoul editorului. Introduceți „InvalidEmailID” în caseta de text Value. Utilizatorul poate modifica datele de testare ca și atunci când este dorit.

pasul 18 – Acum selectați al patrulea pas de testare gol în panoul Editor

Pasul 19 – tastați comanda „tip” în caseta de text comandă.

Pasul 20-acum treceți la browserul web, aduceți cursorul mouse-ului în caseta de text „Parolă” din formularul de conectare ș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 locator. Copiați valoarea ID și lipiți-o în câmpul țintă al celui de-al treilea pas de testare prefixat cu „id=”.

(Click pentru a vizualiza imaginea mărită)

pasul 22 – Faceți clic pe butonul Find pentru a verifica dacă fila locator găsește și localizează elementul UI desemnat pe pagina web.

Step 23 – acum, următorul pas este să introduceți datele de testare în caseta de text Value a celui de-al patrulea pas de testare din panoul editorului. Introduceți „InvalidPassword” în caseta de text Value. Utilizatorul poate modifica datele de testare ca și atunci când este dorit.

pasul 24 – Acum selectați al cincilea pas de testare gol în panoul Editor

pasul 25 – tastați comanda „clic” în caseta de text comandă. Comanda” clic ” face clic pe un element Web specificat din pagina web.

pasul 26-acum treceți la browserul web, aduceți cursorul mouse-ului la butonul „Conectare” 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 locator. Copiați valoarea ID și lipiți-o în câmpul țintă al celui de-al treilea pas de testare prefixat cu „id=”.

(Click pentru a vizualiza imaginea mărită)

pasul 28 – Faceți clic pe butonul Find pentru a verifica dacă localizatorul ales găsește și localizează elementul UI desemnat pe pagina web.

scriptul de testare este finalizat acum. Consultați următoarea ilustrație pentru a vizualiza scriptul de testare terminat.

pasul 29 – Redați scriptul de testare creat și salvați-l în același mod în care am făcut-o în tutorialul anterior.

concluzie

în acest tutorial, am introdus încă un alt instrument de creare script sau mai degrabă un instrument care ajută la crearea script.Firebug are în mod surprinzător un mare potențial de a localiza elemente web pe o pagină web. Astfel, utilizatorul poate utiliza capacitățile instrumentului în crearea manuală a scripturilor de testare eficiente și eficiente.

următorul Tutorial #5: Mergând mai departe în următorul tutorial, am arunca o privire asupra diferitelor tipuri de localizatoare din Selenium și tehnica lor de accesibilitate pentru a construi scripturi de testare. Între timp, reader poate începe să-și construiască scripturile de testare a automatizării folosind Firebug.