Tem algumas formas que testo, a mais comum seria exportar como prop o onSubmit tipo <UserForm onSubmit={...} /> aí vc consegue testar se os dados preenchidos no input são os mesmo que foi enviado nesse evento.

Opa, o meu setup de testes atualmente sempre tem os dois, o jest + testing library. O jest disponibilidade funções que envolvem (cria o escopo) como describe() e it(), e o conteúdo do teste que uso o testing library e jest. Então um complementa o outro.

@@userdansilva8916 massa, perguntei pq na entrevista de estágio me perguntaram se eu sabia fazer testes com jest

Se você consome APIs com diferentes url, você pode configurar uma variável para o api(), e usar por exemplo: api("example_1.com").get("/post"); api("example_2.com").get("/post"); ou configurar a API para receber um valor e dentro dela fazer um If: api("example_1").get("/post"); Nesse caso a api() teria um If("example_1") base_url = "example_1.com";

Vlw Bruno!! Fico feliz em ajudar.

Vlw Paul!! Pode deixar, e vou tentar melhorar nos próximos.

Obg Hugo!! Vou sim, assim q eu conseguir um tempinho na agenda vai tá saindo mais vídeos 😅😅.

Vlw Waki 😁😁

Vlw Jhonatas, cara acredita que eu tô nessa luta agora pra descobrir como faz testes em hooks (com context), que usa o useEffect kkkk o problema tá sendo configurar pra esperar o useEffect finalizar a requisição pra daí rodar o expect. Mas assim que eu descobrir eu vou fazer o vídeo.

Vlw Emílio, que ótimo que gostou. E sim cara cm essa separação de back e front o axios (e/ou fetch API) acaba sendo mto usada.

Vlw Rê, a ideia é essa mesmo, ser simples

Vlw Rick!! Em breve tem mais vídeos!!

Vlw Cassiano! Corrigi a descrição agora 😅.

Opa Jarbas, tudo bem? Esse é um tipo de teste mais complexo, mas você consegue fazer ele com o React Testing Library, a logica é que o teste vai buscar x input e preencher com y value, depois enviar o form e você vai verificar se foi para a tela de usuário logado tipo uma dashboard, é importante falar que em um teste de login por exemplo você não vai fazer uma request no seu banco de dados real para que o teste faça login, é preciso de alguma biblioteca que faça uma fake api (acredito que com json-server e axios-mock-adapter você consiga).

@@userdansilva8916 cara vlw mesmo, no meu caso usamos typescript e angular então tem sido um desafio aprender isso

Imagino viu, mas esse tipo de teste que está buscando (E2E), geralmente só aplicado no core do sistema, por exemplo numa loja virtual esse teste ficaria no carrinho, porque é essencial que o cliente consiga fechar o pedido. Então na maioria dos casos cabe mais testes unitários.

Vlw Nilton, fico feliz em ajudar 😁

É uma boa ideia! Em breve eu faço um vídeo sobre o map, filter e find. O do reduce já tem aqui no canal: kzbin.info/www/bejne/i4HNenRniryppLc

Boa sugestão! O React Testing Library talvez demore mais um pouco pois é muito amplo e quero trazer um vídeo grande com as principais funcionalidades do dia-a-dia dele. E o da config React + Prettier + Eslint + TypeScript logo mais vai aparecer aqui no canal.

Vlw Antônio, estou super motivado cara, e já consegui um editor, então em breve vai vir mais conteúdo, principalmente de Reactjs.

Que ótimo, Renan!

Cara, eu confesso que também achava kkk, mas era mais pela abordagem inicial que eu via nos conteúdos. Mas de fato é algo muito amplo e quanto mais eficiente os teste consequentemente mais complexos são os códigos, mas principalmente em projetos grandes é imprescindível.

Tudo ótimo, mano. Bom demais em saber, espero que consiga a vaga. E qualquer dúvida que tiver aí no React Hook Form pode ir respondendo esse comentário que fico feliz demais em pode ajudar ✌.