Muchas veces, surge la duda de como hacer TDD sobre la UI. Es típico que se acaben escribiendo test demasiado acoplados al código, cuando la idea, en realidad, es desarrollar nuestros componentes basándonos en casos de uso, expresándolos con test.

En el siguiente vídeo, he intentado trasmitir la idea básica y el cómo trato de enfocar los casos de uso de un componente, intentando ser lo más purista posible y cumpliendo con el ciclo GREEN - RED - REFACTOR.

• Ver vídeo: Live Coding, Componentes React con TDD

Conclusión

Está claro que, a mayor práctica, más rápido vas a poder llevar a cabo este tipo de técnicas y podrás ser más productivo en tu día a día.

No siempre es necesario crear test para tus componentes si estos no tienen lógica, pero el tratar de definirlo de esta forma te ayudará a descubrir casos que no te hubieses planteado inicialmente.