Curso Teste no React Native (React Native Testing Library e Detox) - Custom render e mock API com Mock Service Worker (MSW) - Curso React Native Testing Library (Aula 6)

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: - Criar um render customizado par concentrar toda sua configuração de Provider em um único lugar e reaproveita-la em todos os seus testes. - Mockar a sua camada de API de uma forma diferente, através da Mock Service Worker (MSW) uma lib que atua na camada de networking e intercepta suas requisições, dessa forma você não precisa mockar a API em cada teste através do spyOn ou algum outro método do Jest. 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/6 Artigo sobre a MSW: https://kentcdodds.com/blog/stop-mocking-fetch Artigo Configurar Import Absoluto: https://medium.com/coffstack/db5611a528f8 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 6 02:18 - Don't Repeat Yourself (DRY) 03:12 - Testes com render customizado 04:09 - Criando Custom render 06:44 - Custom render - TypeScript 10:09 - Custom render - o resultado 11:02 - Config Absolute Import para o Teste 15:23 - Usando o custom render 16:31 - Sobrescrevendo wrapper no render custom 19:17 - Mock Service Worker (MSW) 20:53 - Instalando a MSW 21:41 - MSW - handlers: mocking endpoint 25:10 - Config Absolute Import para o App 27:27 - MSW - server: Interceptando requisições 30:46 - Warning: Captured a request without a matching 32:45 - Corrigindo erro na URL 35:56 - MSW, vantagens e trade-off 39:07 - Revisão, o que aprendemos? #reactnative #testing #jest #library #reactnativetutorial #curso #javascript #typescript