Curso Teste no React Native (React Native Testing Library e Detox) - Native Modules, fireEvent, Mock Functions e act - Curso React Native Testing Library (Aula 3)

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. Nessa terceira aula você aprenderá como lidar com bibliotecas que possuem módulos nativos, como é o caso da react-native-gesture-handler. Iremos mais a fundo no conceito de mock, tando de módulo quanto de funções. Testaremos um componente mais complexo, para tal vamos interagir com ele através do "fireEvent" para simular a ação de pressionar um botão. Você também aprenderá a lidar com testes que causam rerenderização e atualizações nos componentes, para isso vamos usar o método act na lib React Native Navigation. O que você aprenderá nessa Aula 3: - Resolver erro causado pela lib react-native-gesture-hlander. - Utilizar o fireEvent para pressionar um item na tela. - mockar funções - Utilizar o act para lidar com atualizações nos componentes. - Melhorando as queries com TextMatch e RegEx. - Pressionar itens na tela com o fireEvent.press( ) - Mock Function através do jest.fn( ) 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/3/files Docs React Native Gesture Handler: https://docs.swmansion.com/react-native-gesture-handler/docs/ TextMatch: https://testing-library.com/docs/queries/about/#textmatch-examples Siga a gente em nossas redes sociais: Instagram: @coffstack https://www.instagram.com/coffstack/ Twitter: @coffstack https://twitter.com/coffstack Blog: https://blog.coffstack.com/ Instagram: @lucasgar6 https://www.instagram.com/lucasgar6/ 00:00 - Aula 3 00:58 - Conheça o seu professor 01:33 - Conteúdo dessa Aula 02:27 - Lidando com Módulos Nativos 06:11 - Erro na lib RNGH 08:37 - Corrigindo erro na RNGH 10:19 - Entendendo Erro 12:27 - Componentes com ref 16:08 - erro "wrapped in act" - lidando com 18:09 - import act 19:14 - getAllByText com TextMatch 22:30 - TextMatch com RegEx 25:26 - Testando props que recebe uma função (callback) 27:26 - fireEvent (press) - Pressionando item na tela 28:57 - jest.fn( ) - Testando se função foi chamada 32:29 - Debug test (getByText, fireEvent, jest.fn) 34:10 - Revisão, o que aprendemos? #reactnative #testing #jest #library #reactnativetutorial #curso #javascript #typescript