guide visual regression testing with visual testing tools
Ovaj sveobuhvatni vodič objašnjava sve o testiranju vizualne regresije. Uključuje i pregled besplatnih i komercijalnih alata za vizualno testiranje poput Applitools, Percy, Screener itd.:
Testiranje vizualne regresije ili vizualno testiranje u softveru aktivnost je osiguranja kvalitete kojom se provjerava čine li se vizualni aspekti korisničkog sučelja aplikacije korisnim. Također je poznato kao testiranje vizualne provjere.
Cilj mu je provjeriti prikazuju li se točni podaci i sadržaj na prednjem kraju aplikacije. Uz to, također provjerava izgled i izgled svakog vizualnog elementa prisutnog na korisničkom sučelju i cijelom korisničkom sučelju.
Što ćete naučiti:
- Testiranje vizualne regresije
- Popis najboljih alata za vizualno testiranje
- Zaključak
Testiranje vizualne regresije
Kada govorimo o ispravnosti izgleda, to znači da su položaj, oblik i veličina svakog elementa na zaslonu ispravni. Elementi se ne bi trebali međusobno preklapati, trebali bi biti vidljivi, a ne skriveni.
Vizualni element ovdje se može odnositi na sliku, stranicu, dio stranice ili dio slike.
Potvrđivanje izgleda znači da font, boja, svjetlina, kontrast, gustoća, tekstura, vizualna težina, grafika itd. Vizualnih elemenata moraju izgledati pravilno.
Što je testiranje vizualne regresije?
Regresijsko testiranje osigurava da svaka promjena uvedena u softver ne slomi ništa što je prethodno dobro radilo.
Što se tiče vizualnog testiranja, vizualno regresijsko testiranje osigurava da se ne pojave problemi sa stilom kada se u softveru izvrše bilo kakve promjene. Aplikacija bi trebala i dalje izgledati dobro kao što je i bila.
Alat za vizualno regresijsko testiranje snima snimke zaslona trenutnog korisničkog sučelja i uspoređuje ih s izvornim snimkama zaslona. Dakle, vizualno regresijsko testiranje promatra povijesne razlike. Potvrđuje da se web stranica i dalje prikazuje onako kako se očekuje u raznim preglednicima čak i nakon izmjena koda.
Dolje je prikazan zaslon probnog rada vizualne regresije provedenog kroz automatizirani alat:
(slika izvor )
U današnjoj praksi kontinuirane integracije vizualno regresijsko testiranje postaje vrlo važno kako bi se osiguralo da nove promjene ne uzrokuju nered u izgledu dok se aplikacija razvija od verzije do verzije i napreduje u preglednicima.
Mnoge organizacije koriste testiranje vizualne regresije kako bi zabilježile verzije određenih web stranica kako bi dokumentirale kako se mijenja od jedne do druge iteracije.
Važnost testiranja vizualne provjere valjanosti
Bez obzira koliko ispravno funkcionira funkcija vaše aplikacije, kupcu neće biti od koristi ako ne može pružiti dobro korisničko sučelje i korisničko iskustvo.
Ovih dana ne govorimo samo o korisničkom sučelju (User Interface), već se puno fokusiramo i na UX (korisničko iskustvo). Kada ciljamo na pružanje boljeg korisničkog iskustva, tada vizualno testiranje postaje mnogo važnije jer se privlačniji vizualni dizajn može doživjeti kao korisniji za korisnika.
Pogledajmo donji primjer s Amazonove web stranice:
(slika izvor )
Na gornjoj slici možete primijetiti da se tekst i slike preklapaju i nisu pravilno poravnati. Ovo je primjer vizualne pogreške koja može stvoriti loše korisničko iskustvo jer kupac neće moći izvršiti namjeravanu radnju na web mjestu.
Vizualni dizajn na mnogo načina oblikuje korisničko iskustvo.
Na primjer,
- Izvrsni vizualni dizajni pomažu u izgradnji povjerenja i vjerodostojnosti.
- Pojačava imidž marke.
- Utječe na čitljivost.
- Stvara vizualnu ravnotežu na zaslonu.
- Vodi korisnike prema radnjama.
- Nagovara oko da usmjeri pozornost prema određenim elementima stranice.
Također, danas imamo veliku raznolikost operativnih sustava, web preglednika, razlučivosti zaslona i uređaja, stoga postaje presudno osigurati da se korisničko sučelje ispravno prikazuje na svakoj od mogućih kombinacija istih.
Čak i mala iskrivljenja korisničkog sučelja mogu rezultirati gubitkom posla. Vizualne programske pogreške mogu biti neugodne i neugodne za korisnike te im stvaraju neugodnosti.
Pretpostavimo da se bavite bankarskim poslom i svojim klijentima nudite internetsku aplikaciju za mobilno bankarstvo.
Primate pritužbe nekih svojih kupaca da kada žele prebaciti novac na nečiji račun i nakon što ispune sve potrebne podatke, nisu u mogućnosti pronaći 'Podnijeti' tipku na zaslonu i ovo je za njih iritantno iskustvo.
Kada istražite problem, otkrijete da se gumb za slanje skriva na određenoj razlučivosti zaslona za android mobitele i zato svi kupci s Android telefonima te određene veličine zaslona nisu mogli vidjeti gumb za slanje.
Dakle, funkcionalnost aplikacije u ovom je slučaju dobro funkcionirala, ali zbog vizualne pogreške korisnici nisu mogli izvršiti svoje namjeravane radnje u aplikaciji. Ovaj primjer pokazuje koliko je važno testirati vizualne aspekte aplikacije na svakoj mogućoj konfiguraciji prije nego što aplikaciju dostavite kupcima.
Neka su područja u kojima se toplo preporučuje testiranje vizualne provjere (jer će to izravno utjecati na vašu marku):
- Mobilne aplikacije
- Mobilni web / responzivni web
- Marketinške web stranice
- Sustavi za upravljanje sadržajem
- Potrošački sustavi poput zračnih linija, putovanja, bankarstva itd.
S obzirom na njegovu važnost, tvrtke bi trebale potrošiti značajan trud i novac na vizualno testiranje. Ako se koristi u kombinaciji s postojećim razvojnim testovima, pomoći će vam u otkrivanju vizualnih problema u ranim fazama razvojnog životnog ciklusa.
Metode i procesi vizualnog ispitivanja
Kao programeri ili testeri, često radimo na testiranju funkcionalnosti aplikacija. Putem ručnog ili nekog automatiziranog alata provjeravamo radi li aplikacija prema očekivanjima. Takvo ispitivanje funkcionalnosti vrlo je važno kako bi se osiguralo nesmetan rad aplikacije.
Međutim, ako ovome dodamo vizualno testiranje, to bi značajno poboljšalo cjelokupno testiranje. Stoga se ovo ispitivanje često provodi u kombinaciji s funkcionalnim ispitivanjem.
Postoji nekoliko metoda i postupaka testiranja koji će odgovoriti na izazove vizualnog testiranja aplikacija u širokim konfiguracijama. Dostupno je i mnogo alata za podršku testiranju vizualne provjere valjanosti.
Općenito su dva glavna pristupa koja se slijede za testiranje vizualne provjere valjanosti, tj. Na temelju koda i na temelju konfiguracije. Alati za vizualno testiranje također su kategorizirani na temelju ova dva pristupa.
To se može učiniti ručno ili automatizirano. Zbog određenih izazova ne može biti u potpunosti ručni ili potpuno automatiziran. Općenito je poželjna kombinacija ručnog i automatiziranog pristupa.
Dolje su navedene 3 različite metode vizualnog testiranja koje se općenito slijede.
Timovi mogu birati između bilo koje od ovih opcija, ovisno o njihovim potrebama:
# 1) Stvorite namjenske vizualne testove : Ovo je najviše preporučena metoda jer vam daje potpunu kontrolu nad vizualnom provjerom valjanosti. Također, koristeći ovaj pristup, možete pisati testove s umjerenim naporima. Ali da, morat ćete pisati testove ispočetka i trebat će vam određeno vrijeme.
# 2) Umetnite vizualne kontrolne točke u postojeće funkcionalne testove: U ovoj metodi već imate testove za provjeru funkcionalnosti aplikacije i samo dodajte neke vizualne provjere između tih testova kako biste provjerili valjanost stranica.
Naravno, ova metoda ograničava vašu pokrivenost testom, ali to je brz način umetanja vizualnih testova i iskorištavanja prednosti postojećeg koda funkcionalnog testiranja.
# 3) Umetnite implicitnu vizualnu provjeru u postojeći okvir za testiranje: Ovu je metodu vrlo jednostavno implementirati, jer zahtijeva samo nekoliko redaka koda. Međutim, to pati od ograničenja da u ovom slučaju možete izvršiti i generičku provjeru valjanosti. Ne možete potvrditi određene komponente u okviru.
Kako idemo dalje, razgovarat ćemo o ručnom i automatiziranom vizualnom testiranju. Također ćemo detaljno provjeriti alate i okvire za vizualno testiranje.
Ručno vizualno testiranje
Softverske tvrtke suočene su s dvije mogućnosti za provođenje vizualnog testiranja, tj. Ručno ili automatizirano testiranje. Pogledajmo detaljno ručno vizualno testiranje.
Iako ručno testiranje može biti sporo, skupo i sklono pogreškama, zbog subjektivne prirode dizajna sučelja, često nije moguće imati automatizirano testiranje kako bi se uhvatila ispravnost svakog scenarija. Dakle, ponekad moramo odabrati ravnotežu između ručnog i automatiziranog testiranja.
Također, jedna od glavnih prednosti ručnog testiranja od strane čovjeka može biti izvan opsega testa. Test automatizacije može uhvatiti samo problem koji je u njegovom opsegu, ali u ručnom ispitivanju ljudski tester može uočiti i druge kozmetičke greške i druge stvari koje na korisničkom sučelju izgledaju netočno.
Budući da su ručni testovi bliži stvarnim radnjama korisnika, oni mogu uhvatiti pogreške u rasporedu i probleme s dizajnom koji se obično otkrivaju kada stvarni korisnik stupi u interakciju s aplikacijom.
Možete ići na ručno testiranje u ranim fazama razvoja aplikacije kada je vaše korisničko sučelje nestabilno. Također je korisno za ad-hoc testiranje kada trebate obaviti brze preglede na licu mjesta.
U ručnom testiranju vizualne validacije, ispitivač mora ručno provjeriti izgled i raspored vizualnih elemenata. To može uključivati snimanje trenutnih snimki zaslona, a zatim ručno uspoređivanje s osnovnim snimkama zaslona kako bi se identificirali svi nedostaci.
Još jedan učinkovit način ručnog testiranja je upotreba istraživača komponenata. U ovome definirate ispitna stanja, pomoću Explorera odaberite stanje i komponentu i provjerite na zaslonu. Jedan od takvih alata je React Storybook u kojem možete zasebno razvijati komponente korisničkog sučelja.
Kroz ovu metodu ispitivač može pokrenuti ručno ispitivanje komponente, provjeriti kako se generira i vidjeti radi li dobro ili ne.
Koraci ručnog ispitivanja:
- Pregledajte aplikaciju i snimite poznate dobre početne snimke zaslona.
- Kasnije napravite drugi set snimaka zaslona iz najnovije verzije aplikacije.
- Sada ručno usporedite ove snimke zaslona (osnovno u odnosu na trenutno) kako biste shvatili vizualne pogreške.
Automatizirano vizualno testiranje
Automatizirano vizualno testiranje način je na koji se automatski može provjeriti prikazuje li se korisničko sučelje vizualno kako je predviđeno.
Prednosti automatizacije vizualnih testova su u tome što nude dugoročnu troškovnu učinkovitost, brži su od ručnih testova, precizniji jer mogu isključiti ljudske pogreške i isporučiti vizualne testove savršene u pikselima, ponovni su i transparentni jer nude automatska izvješća koja su lako i lako dostupan svima u timu.
Neka od ograničenja automatiziranog vizualnog testiranja su da mogu biti veliki unaprijed troškovi i trebat ćete uložiti značajne napore u održavanje testa kako biste udovoljili svakoj promjeni.
U automatizacijskom testiranju opseg je uži ako nije postavljeno testiranje zaslona. Također, postoji strma krivulja učenja jer organizacijama treba vremena da nauče o alatima za automatizaciju.
Ideja s automatizacijom bila bi dobar izbor ako morate provesti regresijsko vizualno testiranje kako biste se nosili s čestim promjenama na stabilnom korisničkom sučelju. Automatizirano testiranje također pomaže u izvrsnoj vizualnoj usporedbi zaslona.
Automatizirana usporedba zaslona nudi visoki stupanj preciznosti u vizualnom testiranju i povećava ROI. Automatska usporedba zaslona može uhvatiti one greške koje je nemoguće otkriti ljudskim očima i ručnu usporedbu. Također je korisno na kraju završiti testiranje složenih korisničkih priča.
Za automatizirano testiranje dostupna je široka paleta otvorenih i komercijalnih alata.
Sljedeća slika pokazuje kako se vizualna provjera valjanosti može automatizirati pomoću bilo kojeg programskog jezika:
(slika izvor )
Slijedi općeniti tijek automatizacije vizualnih testova:
(slika izvor )
Kao što je prikazano na gornjem dijagramu tijeka rada, u automatsko vizualno testiranje uključena su 4 koraka:
Korak 1 : U ovom koraku moramo pokrenuti aplikaciju i testirati te snimiti snimke zaslona.
Korak 2 : U ovom koraku alat za automatizaciju uspoređuje ove snimke zaslona sa osnovnim snimkama zaslona. Osnovne snimke zaslona uglavnom su slike koje su snimljene u prethodnim probnim radovima i koje je dokazao tester.
Korak 3: Jednom kada alat dobije rezultate usporedbe slika, generira izvješće koje naglašava sve pronađene razlike.
Na primjer,donja slika prikazuje jedan od alata za automatizaciju ispitivanja koji naglašava razlike u kutnoj primjeni:
4. korak : U posljednjem koraku ispitivač pregledava izvješće i provjerava za svaku razliku radi li se o grešci ili valjanoj promjeni (lažno pozitivni podaci). Na temelju toga ažuriraju se osnovne slike.
Za prvo probno pokretanje nemate osnovne slike. Dakle, slike dobivene u prvom izvođenju općenito se tretiraju kao osnovne slike. Od sljedećeg trčanja nadalje, uspoređuju se sa snimkama zaslona.
Najbolji primjeri za automatizirano vizualno testiranje
- Odaberite alat koji je dovoljno pametan da zanemari lažne pozitivne rezultate. Alat bi trebao biti u stanju nositi se sa zamjenjivanjem slova, pomacima piksela itd. I zbog tih razloga ne podnosi vaše testove.
- Automatizacija testa trebala bi biti sposobna rukovati dinamičnim i pokretnim sadržajem.
- Ne oslanjajte se na omjere pogrešaka ili konfiguraciju pragova. Jedino što bi trebalo biti važno jest može li čovjek vidjeti tu razliku i hoće li to utjecati na korisničko iskustvo?
- Algoritam automatizacije trebao bi biti u stanju analizirati strukturu stranice i trebao bi biti sposoban za usporedbu izgleda.
- Radije provjerite valjanost pune stranice korisničkog sučelja umjesto pojedinačnih komponenata. To će osigurati više i bolje pokriće. U slučaju provjere valjanosti samo određenih komponenti, možete propustiti neočekivane pogreške.
Alati za automatizirano testiranje i okviri za vizualno testiranje
Danas je na tržištu široka paleta (gotovo 30 i više) alata za automatizirano vizualno testiranje. Neki od ovih alata su otvorenog koda, dok su neki komercijalni. Većina ovih alata funkcionira na isti način, ali oni slijede drugačiji tijek rada prema ciljanoj publici.
Za front-end programere postoje dvije vrste okvira uključenih u vizualno testiranje. Prvo, potreban vam je pokretač testa koji vam omogućuje pisanje i izvršavanje testova. Drugo, potreban vam je okvir za automatizaciju preglednika za kopiranje korisničkih interakcija. Ova dva okvira zajedno se nazivaju Visual test code.
Uz pomoć ovih okvira za testiranje, programeri kreiraju kôd koji imitira stvarne radnje korisnika poput tipkanja teksta ili klika na gumbe. Testni kod ima naredbe za snimanje zaslona u relevantnim točkama. Kada se test izvrši prvi put, snima se početni skup snimaka zaslona.
Ove snimke zaslona djeluju kao polazna osnova za usporedbu prilikom bilo kakvih promjena u aplikaciji. Jednom kada se osnova uspostavi, programer izvršava kôd u pozadini. Kada se pronađe promjena, snima se snimak zaslona promjene.
Pokretač testa uspoređuje ovu snimku zaslona sa osnovnom snimkom zaslona za to područje koda. Ako se utvrde bilo kakve razlike između slika, test se smatra neuspjehom i prijavljuje se vizualna greška.
Kad se izvrši cijeli testni kod, automatski se generira izvješće. Ovo izvješće ručno pregledava ispitivač za provjeru svih slika zaslona koje se razlikuju od osnovnih slika. Neki alati generiraju različitu sliku kako bi istaknuli razliku između stvarnog i očekivanog snimka zaslona.
Ako je razlika uzrokovana problemom u kodu, tada programer može popraviti taj problem i ponovno pokrenuti kôd. Ako je razlika uzrokovana potrebnom promjenom korisničkog sučelja aplikacije, tada programer pregledava taj snimak zaslona i ažurira osnovni snimak zaslona tako da se mogu proći budući testovi.
Vizualno testiranje uključuje besplatne i plaćene alate. Razmotrimo detalje o alatima.
Popis najboljih alata za vizualno testiranje
Open-source i besplatni alati temeljeni na kodu / skripti
Dolje je naveden popis alata za vizualnu provjeru temeljen na kodu koji su otvoreni i dostupni besplatno.
- PhantomCSS (UJs CapserJs)
- FBSnapshotTestCase (Koristi XCTest)
- Blizanci (Koristi JS DSL)
- Igla (Koristi Python)
- Regresija stranice Rspec (Koristi Capibara)
- Pix-Diff (Koristi JS i kutomjer)
- Selen Visual Diff (Koristi Java i WD)
- Vizregress (Koristi .NET i WD)
- VisualCeption (Koristi PHP i CodeCeption)
- Spektar (Koristi JS DSL)
Open-source i besplatni alati temeljeni na konfiguraciji
Alati za vizualnu provjeru valjanosti zasnovani na konfiguraciji, koji su otvoreni i dostupni besplatno, navedeni su u nastavku za vašu referencu:
- BaskstopJS
- dpxdtMake - Prikazana
- CSSCritic
- Grunt Photobox
- VIFF
- Zeleni luk
- kućni duh
- CSS vizualni test
- Snimite i usporedite
- Grunt-Vigo
- Galenov okvir
- Automotion
Nećemo ulaziti duboko u svaki od gornjih alata, međutim, razgovarajmo ukratko o najboljima.
Fantomski CSS jedan je od vrlo popularnih alata otvorenog koda za vizualnu provjeru valjanosti. Ima 4.768 GitHub zvijezda. Pomaže vam u automatskom testiranju vizualne regresije. Koristi CasperJS za snimanje zaslona i uspoređuje ih s osnovnim snimkama zaslona pomoću Resemble.js.
(slika izvor )
Stvara razlike u slici na temelju razlika u RGB pikselima. Ovaj je alat koristan samo kad je korisničko sučelje predvidljivo.
FBSnapshotTestCase je također još jedan popularan alat u ovoj kategoriji. Ima 880 GitHub zvijezda.
Snima konfigurirani UIView ili CALayer i koristi metodu koja se naziva render InContext: za dobivanje slike slike njenog sadržaja. Podudara ovu sliku s 'referentnom slikom' koja se čuva u spremištu izvornog koda i ne uspije na testu u slučaju da se dvije snimke ne podudaraju.
BackstopJS je vodeći alat u kategoriji alata temeljenih na konfiguraciji. Hvata CSS Curveballs. To je alat za automatizaciju za testiranje vizualne regresije koji može testirati responzivno web korisničko sučelje usklađivanjem DOM snimaka zaslona tijekom vremena.
To je jednostavan alat s nekim izvrsnim značajkama poput korisničkog sučelja za izvještavanje u pregledniku, integrirano prikazivanje dockera, JUnit izvješća, CLI izvješća itd.
Galen framework je također jedan od poznatih open-source okvira za testiranje vizualne validacije. Pomoću ovog alata možete automatski testirati izgled i responzivni dizajn web aplikacija.
(slika izvor )
Ovaj okvir dobro funkcionira u selenovoj mreži.
Razmotrimo sada neke komercijalne alate i okvire dostupne za automatizaciju vizualnih testova!
Komercijalni alati
# 1) Applitools
To je jedan od vrlo popularnih komercijalnih okvira za automatizirano vizualno testiranje i testiranje vizualne regresije. Ovaj alat pruža kognitivnu viziju utemeljenu na umjetnoj inteligenciji. Koristi umjetnu inteligenciju kako bi vam pomogao u vizualnom testiranju i praćenju s kraja na kraj.
Uz Applitools možete automatski testirati stotine komponenata korisničkog sučelja na svim platformama i konfiguracijama bez pisanja bilo kakvog koda ili s vrlo minimalnim kodom. Ima podršku za više od 40 okvira za testiranje i jezika.
Također podržava proces DevOps gdje možete lako integrirati svoje vizualne test slučajeve u CI / CD cjevovod. Ovaj alat također vam omogućuje izradu prilagođenih vizualnih izvješća.
Ovaj okvir koriste neke vodeće tvrtke, uključujući Sony, SAP, MasterCard i PayPal. Ima i vrlo pozitivne ocjene kupaca.
Dobavljač nudi tri verzije ovog okvira, tj. Starter, Enterprise Public Cloud i Enterprise Dedicated Cloud. Za cijene morat ćete kontaktirati dobavljača.
Web stranica: Applitools
# 2) Vizualno testiranje unakrsnog ispitivanja
Crossbrowsertesting je platforma za web testiranje koju je za cijeli postupak testiranja razvio SmartBear. Ovaj alat pokriva vizualno testiranje, kao i testiranje vizualne regresije.
Značajka testiranja snimka zaslona koju pruža ovaj alat snima snimke zaslona na cijeloj stranici i brzo pomaže u pronalaženju vizualnih grešaka i praćenju vizualnih nedosljednosti. Da biste započeli test snimke zaslona, trebate navesti URL i odabrati neke preglednike.
Testovi zaslona dostupni su za većinu stolnih uređaja i popularnih mobilnih uređaja. Možete kombinirati i podudarati razlučivost preglednika za dinamičko odzivno testiranje u stolnim preglednicima i mobilnim orijentacijama. Test zaslona snimit će tri prikaza svake konfiguracije, tj. Bez prozora, cijelu stranicu i cijelu stranicu.
Možete brzo filtrirati rezultate testa i vidjeti vizualne greške. Također možete prijeći na test uživo i otkloniti pogreške ili ispraviti nedostatke vida. Lokalno i razvojno okruženje možete testirati putem lokalnog alata za povezivanje koji nudi ovaj softver.
Za testiranje vizualne regresije, nakon što uspješno izvršite test zaslona, možete ga jednostavno zakazati na dnevnoj, tjednoj ili mjesečnoj osnovi. Alat će poslati i obavijesti o rezultatima testa.
Ovaj alat ima automatizirani mehanizam za usporedbu za hvatanje automatiziranih snimaka zaslona iste stranice u različitim konfiguracijama. Odavde možete odabrati osnovni preglednik, a zatim zajedno procijeniti istaknute razlike u rasporedu.
Također nudi nekoliko naprednih opcija kako bi vaš test bio moćniji. Te opcije uključuju osnovnu provjeru autentičnosti, profil za prijavu, selenium skriptu, odgodu snimke zaslona, slanje e-pošte, sakrivanje fiksnih elemenata itd.
Također pročitajte = >> Kako napraviti snimku zaslona u selenu
Ovo je alat s cijenom. Međutim, dostupno je i besplatno probno razdoblje. Verzija za testiranje ovog alata uživo koštat će vas 29 USD mjesečno, automatsko testiranje košta 60 USD mjesečno, a neograničeno testiranje 100 USD mjesečno.
Web stranica: Crossbrowsertesting
# 3) Vizualno testiranje Percyja
Percy je jedan od moćnih alata za automatizirano vizualno testiranje. Omogućuje vam integriranje, izvršavanje i pregled vizualnih testova. Integracija se može izvršiti putem okvira za automatizaciju testiranja, CI / CD usluga ili izravno kroz vašu aplikaciju.
Nakon integracije možemo započeti s izvršavanjem vizualnih testova potrebnih za aplikacije i komponente. Kada se započne vizualni test, Percy alat izdvaja snimke zaslona korisničkog sučelja kroz razne preglednike i reaktivne širine. Zatim vrši usporedbu osnovnih piksela po piksela i identificira sve relevantne vizualne promjene u vašem korisničkom sučelju.
Nakon što se generiraju snimke zaslona, možete ih pregledati ima li vizualnih problema.
Razlike u pikselima po pikselu i responzivne razlike koje pruža ovaj alat pružaju veliku vizualnu pokrivenost. Također, značajka stabilizacije snimke smanjuje lažne pozitivne rezultate.
Ovo je plaćeni alat. Međutim, nudi i besplatnu probnu verziju. Verzije koje se plaćaju imaju tri okusa, tj. Essential, Business i Enterprise. Osnovna verzija košta 29 USD mjesečno, poslovna 849 USD mjesečno, a Enterprise verzija prilagođena je prema vašim potrebama, stoga će se i njezina cijena mijenjati u skladu s tim.
Web stranica: Percyjevo vizualno testiranje
# 4) Sito.io
Ovo je automatizirani alat za testiranje koji vam omogućuje snimanje i izvršavanje testova u stvarnom vremenu u oblaku. Ispitni tokovi mogu se lako automatizirati bez potrebe za kodiranjem. Automatski uočava nedosljednosti korisničkog sučelja na različitim platformama. Također podržava testiranje komponenata knjige priča.
Omogućuje vam vizualno testiranje u kombinaciji s funkcionalnim testiranjem u istoj probnoj vožnji što time povećava ukupnu pokrivenost testom. Tvrtke koje koriste screener.io uključuju Yammer, Microsoft, uber itd.
Početni paket ovog alata koštat će vas oko 249 USD mjesečno, paket Perform košta 499 USD mjesečno, a Enterprise paket prilagođene cijene temelji se na vašim zahtjevima.
Web stranica: Sito.io
# 5) završni test
endtest je platforma za testiranje korisničkog sučelja koja podržava bezkodno testiranje automatizacije uz pomoć strojnog učenja. Omogućuje vam brzo stvaranje automatiziranih testova, njihovo pohranjivanje i izvršavanje izravno u oblaku. Također imaju kromirani nastavak putem kojeg možete snimati testove.
Ovaj alat ima puno značajki kao što su generiranje podataka slučajnog testa, napredna tvrdnja, automatske sigurnosne kopije, geolokacija, videozapisi uživo, usporedba zaslona itd.
Web stranica: krajnji test
Zaključak
U ovom smo tutorijalu raspravljali o važnosti testiranja vizualne provjere valjanosti u današnjem scenariju u kojem softverska aplikacija mora raditi dobro na više konfiguracija veličina zaslona, mobilnih uređaja, operativnih sustava, razlučivosti zaslona itd.
Ako želite dobro korisničko iskustvo, tada je testiranje vizualne provjere jednako važno kao i funkcionalno testiranje. Vizualno testiranje i funkcionalno testiranje, kada se kombiniraju, mogu pružiti široku pokrivenost testom.
koje vrste aplikacija testiramo
Za testiranje vizualne validacije dostupan je širok spektar otvorenih i komercijalnih alata i okvira. U ovom uputstvu raspravljali smo o nekim od najboljih alata. Ti vam alati zaista mogu pomoći u automatskom vizualnom testiranju i testiranju vizualne regresije.
Sretno čitanje!
Preporučena literatura
- Najbolji alati za testiranje softvera 2021. (Alati za automatizaciju ispitivanja kvalitete)
- Alfa testiranje i beta testiranje (cjelovit vodič)
- Krajnji vodič za testiranje valjanosti
- 11 najboljih alata za automatizaciju za testiranje Android aplikacija (Android Tools Testing Tools)
- Testiranje mrežne sigurnosti i najbolji alati mrežne sigurnosti
- Funkcionalno ispitivanje vs nefunkcionalno testiranje
- Preuzimanje e-knjige za testiranje primera
- Razlike između jedinstvenog testiranja, integracijskog ispitivanja i funkcionalnog ispitivanja