Progress monitoring and analysis of web application graphical user interface development using screenshot comparison

U ovom radu proučava se vizualno regresijsko testiranje grafičkih korisničkog sučelja web-aplikacija i njegova uloga u kontekstu kontinuiranog razvoja. Naglasak je stavljen na automatizirane metode vizualnog regresijskog testiranja koje pomažu u otkrivanju pogrešaka i održavanju dosljednosti sučelja tijekom vremena. Analiziraju se metode usporedbe slika i dostupne biblioteke za tu svrhu. Osim prednosti, istražuju se i ograničenja vizualnog regresijskog testiranja te se razmatraju slučajevi kada je ručno testiranje također potrebno. Rad također uključuje razvoj prototipa aplikacije za praćenje i analizu razvoja grafičkih korisničkih sučelja web-aplikacija putem usporedbe slika zaslona, s ciljem optimizacije procesa razvoja.This paper discusses visual regression testing of graphical user interfaces in web applications and its role in the context of continuous development. The focus is on automated methods of visual regression testing that help detect errors and maintain interface consistency over time. Methods for image comparison and available libraries for this purpose are analyzed. In addition to the benefits, the limitations of visual regression testing are explored, and cases where manual testing is still necessary are discussed. The paper also includes the development of a prototype application for monitoring and analyzing the development of graphical user interfaces in web applications through screen image comparison, with the aim of optimizing the development process