Summary
Full Transcript
Sejam muito bem-vindos ao nosso Curso de Testes no React Native. Esse curso é composto por 6 aulas gratuitas que estão disponíveis para vocês aqui no canal da Coffstack, onde você aprenderá do zero a escrever testes robustos e profissionais no React Native. O que você aprenderá nessa Aula 5: - Configurar a lib React Navigation para os testes. - Configurar a lib React Query para os testes. - Configurar a lib Async Storage para os testes. - Criar um arquivo de configuração para os testes (jestSetupFile.js). - Usar o waitFor e o findBy para testar componentes que atualização o estado. - Mockar bibliotecas (módulos) de forma manual. Vamos mockar o useNavigation! Links: Branch inicial, sem teste: https://github.com/LucasGarcez/TVmaze/tree/CURSO-INIT PR com todo o código feito nessa aula: https://github.com/LucasGarcez/TVmaze/pull/5 Siga a gente em nossas redes sociais: Instagram: @coffstack https://www.instagram.com/coffstack/ TikTok: @coffstack https://www.tiktok.com/@coffstack Twitter: @coffstack https://twitter.com/coffstack Blog: https://blog.coffstack.com/ Instagram: @lucasgar6 https://www.instagram.com/lucasgar6/ 00:00 - Aula 5 01:05 - Conteúdo dessa Aula 02:13 - Teste com Arquivo de Mocks 06:13 - Erro na lib Async Storage 08:17 - jestSetupFile.js (Arquivo de Configuração no Jest) 11:07 - Plugin Jest ESLint 14:22 - Config React Navigation 16:28 - Config Animated - useNativeDriver 17:51 - Erro useNavigation (NavigationContainer) 19:41 - Mock Módulo Manualmente 24:45 - Erro lib React Query 29:39 - Corrigindo erro "Jest did not exit" 35:12 - Testando Componente com React state update 40:30 - waitFor - Teste com Async 42:44 - findBy - Teste com Async 44:42 - Erro múltiplos findBy 47:18 - Revisão, o que aprendemos? #reactnative #testing #jest #library #reactnativetutorial #curso #javascript #typescript
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
