Tutorial de testare GUI: un ghid complet de testare a interfeței de utilizator (UI)

gui testing tutorial

Un ghid complet de testare GUI: Tutorial de testare a interfeței utilizator

Ce este testarea GUI?

Testarea GUI este un proces de testare a interfeței grafice a aplicației pentru a asigura funcționalitatea corespunzătoare conform specificațiilor. Aceasta implică verificarea componentelor aplicației, cum ar fi butoane, pictograme, casete de selectare, culoare, meniu, ferestre etc.

care este cea mai bună eliminare a virusului

Dinamica vizuală a unei aplicații web joacă un rol esențial în acceptarea unei aplicații de către utilizator.

În consecință, această acceptare produce o sclavie îndelungată a clienților cu aplicația clientului. În această eră a digitalizării, interfața cu utilizatorul se schimbă rapid și deține o fortăreață cheie în atragerea noii mulțimi de posibili clienți.

Ce veți învăța:

• Testarea interfeței utilizatorului
• Abordare pentru testarea UI
• Defecte frecvente ale UI
• Cerințele cheie pentru testul de utilizare și de utilizare
• Unele componente de bază
• Unele componente avansate
• Stările componentelor UI
• Instrumente de testare GUI
• Exemple de cazuri de testare GUI
• Concluzie
• Lectură recomandată

Testarea interfeței utilizatorului

Pentru a se asigura că estetica vizuală a aplicației web este bine acceptată, testarea interfeței și a utilizabilității devine un aspect cheie al practicii generale de asigurare a calității. Orice aplicație care poate fi accesată printr-o adresă URL este o aplicație bazată pe web. În astfel de aplicații, testăm în principal partea frontală a aplicației, care urmează să fie utilizată de utilizatorul final.

Fiecare browser afișează paginile web diferit, deci este important ca pagina să arate la fel pe diferite browsere. Dacă o pagină web este afișată distorsionată și neadministrată, atunci îi va determina pe spectatori să părăsească pagina web. Deci, un site web ar trebui să fie supus testelor UI pentru rezultate mai bune.

Testarea browserului cuprinde mai jos două tipuri:

Testarea funcționalității

Testarea diferitelor funcții în întreaga aplicație. Aceasta implică validarea tuturor navigațiilor, precum și a tuturor valorilor de câmp care sunt prezente în primele pagini folosind toate scenariile pozitive și negative.

Testarea interfeței de utilizare

Testarea aspectului și aspectului paginii web. Factorul de aspect și aspect include tipul de afișare, fontul, alinierea, butonul radio, caseta de selectare etc.

• Domeniile acoperite în testarea interfeței de utilizare sunt Usability, Look & feel, Comenzi de navigare / bare de navigare, instrucțiuni și stil de informații tehnice, imagini, tabele, accesibilitate etc.
• Pentru testarea accesibilității, trebuie să verificăm instrucțiunile de accesibilitate a conținutului W3C-Web.

Clic Aici pentru a obține ghidul W3C.

Abordare pentru testarea UI

Selectăm un subset de cazuri de testare din cazuri de testare funcționale care acoperă toate funcționalitățile aplicației.

Al doilea pas este modificarea acestor cazuri de testare în conformitate cu cerințele de testare a interfeței de utilizare.

Următorul pas va fi executarea acestor cazuri de testare; comparând rezultatul cu rezultatele așteptate și, dacă există vreo diferență, ridicați problema pentru același lucru. Nu este fezabil să testați în toate browserele. În mod normal, clientul decide în ce browser există cerința de a testa.

După cum știm că fiecare browser afișează pagina web diferit, nu ne putem aștepta ca toate browserele să afișeze pagina web exact similară.

De exemplu, meniul derulant în Windows-Firefox va fi diferit de Mac-Firefox. Astfel de probleme sunt acceptabile, deoarece acestea sunt utilități ale sistemului de operare și trebuie să le acceptăm ca atare.

Browser de bază: În mod normal, aplicația este dezvoltată vizând un browser care se așteaptă să fie utilizat în principal de către utilizatorii finali, acesta fiind denumit browserul de bază.

Defecte frecvente ale UI

• Probleme de aliniere a butoanelor
• Spațiu neconcordant între etichete sau casete de text
• Etichete rupte, adică etichetă cu o singură linie care se afișează în două rânduri
• Nealiniere între casete de text, pictograme cu informații, etichete sau meniuri derulante
• Suprapunerea câmpurilor
• Câmpuri incomplete
• Datele de pe pagină sunt aliniate greșit; unele schimbate în timp în sus sau în jos
• În orice browser, în timp ce selectați o acțiune, acțiunea corespunzătoare nu se întâmplă
• Redimensionarea nu funcționează conform așteptărilor
• Timpul de expirare a sesiunii fie foarte scurt, fie foarte lung pentru unele browsere
• Probleme specifice browserului - Câteva câmpuri nu pot fi modificate după introducerea datelor într-un browser, ci editabile într-un alt browser

Cerințele cheie pentru testul de utilizare și de utilizare

Cerințele cheie de testare a interfeței de utilizare ale aplicației web sunt:

1. Disponibilitatea diferitelor componente într-o interfață de utilizare
2. Diferite stări ale componentei UI

Componenta:

O componentă este un bloc de construcție, care poate fi utilizat împreună cu combinația altor câteva componente pentru a forma o aplicație. Componentele pot fi refolosite în aplicație.

Exemplele unei componente includ Buton, Câmp text, Autosuggest, Casetă de selectare, Meniu vertical etc.

Unele componente de bază

Caseta de bifat: Una sau mai multe opțiuni pot fi selectate din componenta casetei de selectare

Butoane radio: Când trebuie selectată o singură opțiune, butoanele radio sunt utile

Unele componente avansate

1. Acordeon: Mai multe articole pot fi stivuite vertical folosind această componentă. Fiecare element poate fi extins pentru a vizualiza conținutul acestuia. De asemenea, pot fi extinse mai multe elemente.

2. pesmet: Aceasta este o componentă foarte utilă care ajută la navigarea pe site. Utilizatorul își poate identifica locația curentă în cadrul site-ului web din această componentă.

3. Carusel: Mai multe seturi de articole de informații pot fi încorporate într-o componentă carusel. Căutătorii de căi din partea de jos indică prezența mai multor articole. Săgețile ajută la navigarea în carusel. De obicei, navigarea în carusel este configurată ca o buclă continuă.

Clic Aici pentru a obține informații mai utile despre componentele UI

Stările componentelor UI

Disponibilitatea componentelor se bazează exclusiv pe îndrumările cerințelor proiectului. Va varia de la un proiect la altul.

Diferitele stări de interfață pentru o componentă de bază sunt:

1. Stat neumplut
2. Stare umplută și concentrare
3. Starea normală și starea implicită
4. Hover State
5. Stare dezactivată
6. Stat mascat

Stat neumplut:

Înainte de a introduce orice valoare într-o componentă, se spune că este o stare neumplută. Starea Unfilled afișează textul substituent, dacă există. Mai jos este o componentă de câmp text.

Stat umplut:

O componentă cu o valoare introdusă de utilizator este starea de umplere.

Stare de focalizare:

Utilizatorul revizuiește o componentă care este deja umplută. Componenta ar trebui să afișeze cursorul, indicând faptul că componenta specifică este focalizată

Stare normală:

Afișarea unei componente cu valoarea deja introdusă de utilizator pe ecran este descrisă starea normală.

Stare implicită:

O componentă care afișează valoarea completată automat de pe server / backend. Această valoare poate fi, de asemenea, editată de utilizator în anumite scenarii.

Starea cursorului:

Plasarea mouse-ului peste componentă evidențiază componenta care indică acțiunea de deplasare.

Înainte de plutire:

Pe Hover:

cel mai bun downloader de muzică mp3 pentru pc

Stare dezactivată:

Componenta este dezactivată și utilizatorul nu poate edita câmpurile.

Stare activată

Stare dezactivată

Stat mascat:

Datele sensibile precum parola pot fi ascunse folosind această componentă.

Cerințele cheie pentru testarea USABILITĂȚII ale aplicației web sunt:

1. Familie de fonturi
2. Marimea fontului
3. Culoare
4. Spațiul dintre litere
5. Inaltimea liniei
6. Validarea fundalului
7. Umplere / Opacitate
8. Măsurători ale componentelor, cum ar fi lungimea, lățimea și lățimea
9. Locație / spațiere între componentele dintr-un ecran

Funcțiile de utilizare de mai sus pot fi testate în cod sau folosind elementul de inspecție din aplicație. O altă modalitate mai ușoară este utilizarea de suplimente. Suplimentele pot varia în funcție de browserul în care ar trebui testată aplicația.

Detalii despre diferite programe de completare pentru browser

Avantajele suplimentelor:

• Salveaza timp
• Ușor de folosit
• Este rentabil

Limitarea suplimentelor:

• Eroare de paralax în timpul utilizării măsurării
• Compatibil între aplicații
• Compatibil cu mai multe browsere

Referințe pentru programe de completare:

• Inspector web: Instrumente de dezvoltare Apple
• Firebug: Firebug Wiki
• Masoar-o
• Colorzilla

Instrumente de testare GUI

În lumea tehnologiei sunt disponibile mai multe instrumente care ar ajuta testerii în testarea interfeței de utilizare.

• Seleniu
• Testare funcțională unificată HP
• Castravete
• UI codată
• De fapt

O listă detaliată a instrumentelor GUI este disponibilă chiar în softwaretestinghelp.com! Vă rugăm să faceți clic pe Aici .

Exemple de cazuri de testare GUI

1) Verificați funcționarea săgeților carusel și a căutătorilor de drumuri
2) Verificați dacă câmpul de parolă acceptă valori numai într-o stare mascată
3) Verificați dacă butonul „salvați” rămâne inactiv până când sunt introduse toate câmpurile obligatorii
4) Verificați dacă utilizatorul are permisiunea de a naviga în partea de sus a paginii folosind bara „Sus”
5) Verificați dacă mesajul corect este afișat atunci când filtrele aplicate nu obțin rezultate
6) Verificați navigarea de la linkurile disponibile în Anteturi și subsoluri
7) Verificați dacă alinierea butoanelor radio este corectă
8) Verificați dacă mai multe opțiuni din casetele de selectare pot fi selectate simultan
9) Verificați dacă titlul fiecărei secțiuni este în litere aldine
10) Verificați modificarea culorii hyperlinkurilor făcând clic

Concluzie

Un site web este sufletul multor companii. Este foarte necesar să vă asigurați că arată bine și funcționează în mod similar pe diferite browsere și platforme. Astfel, testarea interfeței de utilizare este foarte importantă și va asigura o bază mare de clienți și un plus de valoare a afacerii.

Lectură recomandată

• Cele mai bune instrumente de testare software 2021 (Instrumente de automatizare a testelor de calitate)
• Testarea alfa și testarea beta (un ghid complet)
• Descărcare eBook Descărcare Primer
• Testarea funcțională Vs testarea non-funcțională
• Ghid complet de testare a verificării de construcție (testare BVT)
• Ce este testarea interfeței? Cunoașteți-i tipurile, strategia și instrumentele
• Ghid de externalizare QA: Software de testare a companiilor de externalizare
• Tipuri de testare software: diferite tipuri de testare cu detalii