Component Testing en JavaScript con Testing Library

Las pruebas de componentes en frontend a menudo se perciben como poco útiles: fallan cuando no deben ante refactorizaciones o no detectan cambios de comportamiento inesperados cuando deberían. Además, según la aproximación al testing que usemos, se pueden percibir también como costosas de mantener. Como resultado, existe una tendencia a delegar demasiado a las pruebas end-to-end, invirtiendo la clásica pirámide de testing y desaprovechando la oportunidad de obtener un feedback más rápido.

Testing Library es una librería diseñada para facilitar la prueba de componentes priorizando la interacción desde la perspectiva del usuario y evitando depender de los detalles de implementación. Usada correctamente, no solo permite escribir tests útiles, resilientes y fáciles de mantener, sino que también contribuye a mejorar aspectos como la accesibilidad.

En esta charla veremos los anti-patrones más comunes al usar Testing Library y cómo podemos evitarlos. También veremos cómo una buena estrategia de testing puede ayudarnos a escribir menos tests sin sacrificar cobertura ni confianza en nuestro código. Por último, veremos algunas técnicas que podemos usar cuando el tiempo de ejecución de nuestros tests se ha convertido en un problema.

Sobre Kus Cámara,

Soy Kus, desarrolladora Frontend apasionada por la calidad del código, la developer experience y en general, todo lo que facilite la vida a los desarrolladores. El mundo del testing me apasionó desde que hice mi primer test (por obligación) sin saber muy bien qué hacía. Desde entonces no he dejado de aprender sobre el tema. Me gusta compartir conocimiento y devolver a la comunidad lo que yo he aprendido de ella.