Frontend Testing: Consejos y Buenas Prácticas

Descripción

En este taller compartiré mi manera de entender y aplicar el testing en el frontend, utilizando React con Testing Library y Vitest. Mi enfoque no pretende ser el único, sino ofrecer una perspectiva basada en mi experiencia, con la esperanza de que nos permita explorar y debatir conjuntamente.

Nos centraremos en cómo estructurar y describir tests de manera efectiva, aplicando técnicas como la sintaxis Gherkin, la metodología BDD, así como el patrón AAA (Arrange, Act, Assert). Utilizaremos Gherkin para describir tests con un formato legible por humanos que facilite la comprensión de los requisitos, y BDD para fomentar el desarrollo basado en el comportamiento deseado. El patrón AAA nos ayudará a organizar nuestros tests en tres fases claras.

Analizaremos cómo seleccionar los elementos del DOM con un enfoque en accesibilidad y exploraremos la diferencia de simular el comportamiento del usuario entre userEvent y fireEvent. Además, discutiremos el uso de utilidades de Testing Library como waitFor y act para crear tests más rápidos y en ocasiones menos flaky.

El objetivo es combinar teoría y práctica, fomentando el debate y la reflexión a lo largo del taller. Mi intención es que, al final, cualquiera de los asistentes salgamos con nuevas ideas y enfoques para aplicar en nuestros proyectos, mientras compartimos nuestra pasión por el testing en el frontend