React Test-Driven Development

Este é o código fonte para o workshop sobre desenvolvimento guiado por testes em aplicações React.

Live site! https://react-test-driven-development.netlify.app

Seções

Seção 1: Introdução

• Troféu de Testes
• Test-Driven Development (TDD)
• Overview da aplicação

Seção 2: Testes Unitários

• Desenvolvendo o componente ListItem
• Refatorando os testes
• React Testing Library
• Dublês de teste

Seção 3: TDD em um Formulário

• Desenvolvendo o componente Form
• Enviando dados para uma API
• Redirecionando após o envio do formulário
• Melhorando os eventos do teste
• Gerando dados aleatórios para os testes
• Refatorando os campos e adicionando estilos

Seção 4: Testes de Integração

• Adicionando a navegação
• Página 404
• Listando os dados na Home
• Testando um erro na requisição

Seção 5: Boas Práticas

• Render Test Utils

Seção 6: Formulário de Login

• Build Pattern
• MSW