Las pruebas web e2e son cada vez son más habituales gracias a herramientas como Selenium o Cypress. Su mayor inconveniente es que interactúan directamente con el DOM, por lo que resulta muy complicado realizar validaciones visuales, por lo que errores de maquetación, superposición de componentes, colores y posicionamiento de elementos son extremadamente difíciles de comprobar con este tipo de herramientas. En definitiva, errores de bulto que cualquier usuario detectaría de un simple vistazo, pasan desapercibidos.

Por ello, es necesario utilizar otro tipo de enfoques que eviten que este tipo de problemas lleguen hasta producción, para ello la técnica del visual testing resulta la más indicada.

Veremos diferentes casos prácticos y consejos para sacarle el máximo partido a esta técnica.