findByText, waitFor, React Navigation, ESLint - Curso React Native Testing Library (Aula 5)
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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «findByText, waitFor, React Navigation, ESLint - Curso React Native Testing Library (Aula 5)», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.