Testando Componentes React com Jest e Enzyme

Desenvolver uma aplicação em React é bom. Desenvolver uma aplicação React bem testada é melhor ainda! Nesta talk vamos aprender como podemos testar os componentes de nossa aplicação com Jest e Enzyme.

Transcript

1. Testando Componentes React com Jest e Enzyme
2. HENRIQUE SCHREINER Software Development Specialist @ Daitan Group Organizador @ Meetup Node.js POA github.com/hmschreiner @hmschreiner linkedin.com/in/henriqueschreiner SouDev
3. Por que testes unitários? ➔ Maior confiança na mudança de código ➔ Monitorar regressões no código ➔ Código facilmente testável geralmente é um código melhor ➔ Todas as mudanças no código devem ser intencionais ➔ Ter o direito de dizer “Tá tudo 100% testado!”
4. Teste unitário não é tudo! Mas ajuda!
5. Por que Enzyme? ➔ É uma abstração de alto nível sobre os utilitários de testes do React ➔ É oficialmente recomendado pelo time do React ➔ Muito bem documentado ➔ Torna a tua vida mais fácil!
7. jestjs.io
8. airbnb.io/enzyme
11. shallow Testa o componente como uma unidade, garantindo que o teste não esteja cobrindo indiretamente o comportamento de componentes filhos. mount Testa componentes que podem interagir com as APIs do DOM ou componentes relacionados à ele através de HOC. render Renderiza componentes para HTML estático para analisar a estrutura HTML resultante.