Deoarece Eyes Don't Lie - Testare vizuală folosind Applitools Eyes

Testarea de regresie asigură că orice modificare introdusă în software nu distruge nimic din ceea ce funcționa înainte bine. Testarea de regresie vizuală asigură că nicio problemă cu GUI nu a apărut din cauza modificărilor efectuate. Aplicația ar trebui să arate ca înainte ca modificările să fie introduse. Un instrument de testare a regresiei vizuale captează capturi de ecran ale interfeței de utilizare actuale și le compară cu capturile de ecran originale. Se uită la polaritățile istorice și confirmă că paginile web sunt încă afișate conform așteptărilor în diferite browsere, chiar și după modificări. Applitools Eyes este unul dintre cele mai populare instrumente de testare vizuală disponibile pe piață, care este alimentat de tehnologia proprie de viziune cognitivă.

Applitools a dezvoltat un instrument de testare software bazat pe cloud, Applitools Eyes, care validează automat toate aspectele vizuale ale oricărei aplicații web, mobile și native. Aceste validări sunt similare cu cele pe care le face un tester manual. Tehnologia Applitools validează automat corectitudinea aspectului, conținutului și aspectului interfeței de utilizator și vă permite să automatizați testele care pot fi efectuate numai manual fără aceasta. Poate testa aplicații pe orice browser, dispozitiv, sistem de operare și limbaj de programare, pe orice rezoluție a ecranului și orice factor de formă.

O prezentare generală a sistemului Applitools Eyes

Diverse medii de testare interacționează cu diferitele componente Eyes ale Applitools pentru a implementa testarea vizuală a UI. Sistemul este format din următoarele componente:

• Aplicația în curs de testare (AUT).
• O suită de teste care rulează pentru AUT și verifică acuratețea acestuia.
• SDK-urile sunt apelate cu codul suita de teste pentru a declanșa capturarea capturii de ecran și verificarea vizuală.
• Drivere de aplicație, cum ar fi Selenium sau Appium, care oferă un cadru pentru a construi costume de testare care pot fi trimise la AUT. De asemenea, le folosește pentru a captura capturi de ecran.
• Serverul primește și stochează captura de ecran trimisă de la SDK-uri. Le compară cu imaginile de bază stocate și raportează orice diferențe.
• Eyes Test Manager oferă utilizatorului rezultate ale testelor pe care le pot revizui și îl ajută pe utilizator să raporteze erori și să gestioneze imaginile de referință.

Mai jos este un exemplu de modul în care componentele interacționează pentru a rula un test, permițând echipei de testare să vadă și să gestioneze rezultatele testului.

Credit: Applitools

PASUL 1: Echipa de testare rulează suita de teste. Codul repetă de obicei următorii pași pentru diferite stări ale aplicației.

PASUL 2.1: Folosind drivere precum Selenium sau Appium, sunt simulate acțiunile utilizatorului, cum ar fi clicul mouse-ului, introducerea de la tastatură etc.

PASUL 2.2: Împreună cu API-ul Eyes SDK este apelat pentru a efectua un punct de control vizual simultan.

PASUL 2.2.a: SDK-ul Eyes folosește driverul pentru a colecta captura de ecran.

PASUL 2.2.b: După care SDK-ul Eyes trimite imaginea colectată către serverul Eyes. Aici imaginile și celelalte imagini ale punctelor de control sunt comparate cu imaginile de bază care au fost stocate anterior pe server.

PASUL 3: Odată ce imaginile din test au fost procesate, Eyes Server oferă informații cu privire la eventualele diferențe observate. Împreună cu aceasta este furnizat un link către site-ul Eyes, unde pot fi vizualizate rezultatele.

PASUL 4: Echipa de testare folosește Eyes Test Manager pentru a vedea rezultatele testului, pentru a actualiza liniile de bază, pentru a raporta erori și pentru a adnota regiunile care necesită o gestionare specială. După vizualizarea tuturor rezultatelor, echipa de testare salvează linia de bază. Aceasta devine baza pentru comparație în următorul test.

Applitools au SDK-uri care acceptă o gamă largă de cadre de automatizare a testelor web, mobile și desktop, diverse infrastructuri de drivere de aplicații, limbaje de programare și toate platformele, browserele și sistemele de operare comune. Aceste SDK-uri nu interacționează direct cu AUT, așa că Eyes este complet independent de modul în care este implementată și implementată aplicația.

Compatibilitatea Applitools Eyes

Applitools are SDK-uri pentru toate limbajele de programare populare și aplicații de testare, oferind o acoperire completă a testelor pentru web, mobil, desktop, PDF, sisteme de operare TV, IoT, imagini și multe altele.

SDK-uri WEB

SDK-urile WEB acceptă toate instrumentele și programele majore de testare web:

1. Selenium pentru -Java, JavaScript, C#, Ruby, PHP, Python
2. WebdriverIO4, WebdriverIO5, WebdriverIO6
3. Selenium IDE
4. Chiparos
5. Dramaturg (adăugire nouă)
6. Păpușar (adăugire nouă)
7. TestCafe
8. Storybook CSF React (adăugire nouă), Storybook -React, Angular, Vue
9. Watir
10. capibara
11. Raportor (adăugire nouă)
12. UFT/QTP
13. Lean CFT#, Lean JavaScript
14. UI codificat

SDK-uri mobile

SDK-urile mobile acceptă toate instrumentele și programele majore de testare pentru dispozitive mobile:

1. Appium Native – C#, Java, JavaScript, PHP, Python, Ruby
2. Appium Web - C#, Java, JavaScript, PHP, Python, Ruby
3. XCUI Objective-C, XCUI Swift
4. Espresso
5. Calabash iOS și Android

Capturi de ecran SDK-uri

CLI, C#, Java, JavaScript, PHP, Ruby, XCTest Objective-C, XCTest Swift

SDK-uri pentru desktop

Windows UFT, Windows Coded UI

Instrumente fără cod

Formulare PDF, IDE fără cod

The Test Manger in Applitools Eyes

Eyes Test Manager este un instrument bazat pe browser care oferă acces la datele vizuale de testare a interfeței de utilizare. Permite utilizatorilor să gestioneze rezultatele testelor, liniile de bază și alte metadate.

Eyes Test Manager oferă următoarele facilități:

• Accesați rezultatele testelor vizuale ale UI
• Acceptați sau respingeți diferențele înregistrate
• Adnotă pașii cu comentarii
• Adăugați nivelul de potrivire și ignorați regiunile
• Actualizați linia de bază
• Vizualizați și gestionați aplicația și numele testelor
• Vizualizați și gestionați liniile de bază și ramurile
• Vizualizați și gestionați mediile de execuție
• Comparați și îmbinați ramurile de referință
• Gestionați-vă contul, echipele și utilizatorii

Există diverse alte instrumente și concepte care au fost integrate în Eyes, care ajută utilizatorul să organizeze teste și cazuri de testare. Un astfel de instrument este Linia de bază. Protocolul de inspecție vizuală compară imaginile capturate cu cele care au fost stocate în linia de bază din testul precedent. Fiecare test poate avea un aspect diferit. Ochii au multe linii de bază per test, unde fiecare linie de bază reprezintă un mediu selectat. Fiecare dintre aceste linii de bază poate stoca serii de referințe de imagine.

Când rulează testul vizual, aplicația este condusă printr-o secvență de stări ale aplicației și pentru fiecare stare este executat un punct de control care surprinde o imagine a aplicației pentru acea stare. Ochii compară seria de imagini capturate cu seria de imagini de referință stocate în linia de bază a testului respectiv și raportează orice diferențe semnificative. Imaginea din linia de bază depinde de testele, dar ar putea depinde și de alți factori, cum ar fi sistemele de operare, tipul de browser și dimensiunea ferestrei de vizualizare. Acești factori se numesc mediu de execuție.

Vizualizarea este zona vizuală a oricărei aplicații din fereastra aplicației. Mărimea ferestrei de vizualizare poate afecta, de asemenea, aspectul oricărei pagini. De exemplu, modificarea dimensiunii browserului poate schimba aspectul textului redat. Paginile receptive cu elemente precum meniurile pot apărea diferite pentru dimensiuni diferite. Fontul și dimensiunea imaginii se pot schimba. Notă: fereastra este specifică platformei.