Um momento
Aula 43
Cursos / React: Componentes Controlados
Curso React: Componentes Controlados

Summary

Resumo do Transcript

O usuário realiza testes em um componente checkbox, alterando a propriedade font weight para 100 e confirmando que o teste funciona corretamente. Em seguida, muda a cor para vermelho, mas descobre que o teste do negrito e da cor estão falhando. A falha é devido aos dois casos serem testados juntos; recomenda-se dividir em testes separados para melhor clareza.

Após reverter para as configurações originais de azul e negrito, todos os testes passam. O usuário finaliza os testes unitários para o componente checkbox, os quais incluem:

  • Verificação da existência do input
  • Validação das props do input
  • Verificação do label como pai do input
  • Teste opcional do estilo do label

O usuário menciona que o uso de ferramentas como Jest e Enzyme torna os testes intuitivos e fáceis. Ao final, agradece a audiência, pede que se inscrevam no canal e compartilha suas redes sociais (Twitter e GitHub) com o mesmo nome de usuário.

Observações Finais:

  • Testes Unitários: Concluídos para o componente checkbox.
  • Recomendações: Separar casos de teste para melhor especificidade.

Seguem as redes sociais:

Até a próxima!

Video Transcript

Vamos fazer o teste para lá. Vamos pegar aqui no checkbox e vamos mudar a font weight para ser lá. 100. Você vê, esperou que seja boa, recebeu 100. Então está funcionando. Vamos mudar o color, vou colocar red. Agora tem não só o teste do negrito, como também a primeira o teste do bold que está falhando. Deixa eu voltar para bold. O bold está certo, agora o color red agora está falhando. Eu escrevi os dois casos aqui no mesmo teste, por isso que anteriormente ele só falou que falhou no bold. Mas se você quiser, às vezes você pode dividir em testes diferentes para poder ser mais específico em cada teste. Se está funcionando, vamos reverter aqui. O blue e o bold. Salvar testes todos funcionando corretamente. Certo, então a gente terminou de escrever os testes unitais para o componente checkbox. A gente verificou a existência do input, verificou as props dados do input, verificamos o label como o pai do input, verificamos o teste do label, verificamos também opcionalmente até o style do label que a gente passou aqui. Você pode fazer tudo com o jazz e o enzyme, muito intuitivo e fácil de testar os componentes. Então é isso pelo componente checkbox. Muito obrigado para assistir. Não esqueça de subscrever e me siga nas redes sociais, estou no Twitter, nbk.hp, nbk.hp, nbk.hp, nbk.hp, também estou no GitHub, com o mesmo username. Então até a próxima, tchau.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: