Testes no React com Jest & Testing Library | Guia Completo

Поділитися
Вставка
  • Опубліковано 9 лют 2025

КОМЕНТАРІ • 46

  • @ThallysSoares-c2j
    @ThallysSoares-c2j Місяць тому

    Que didática boa. Parabéns!!!

  • @matheusamon7797
    @matheusamon7797 10 місяців тому +6

    Fala, Felipe. Seu vídeo é o que eu estava precisando. Sou júnior Full Stack, com foco em Front e estou em busca do meu primeiro emprego na área. Tive um feedback em um processo seletivo em que foi dito que a não experiência com testes unitários ocasionou a descontinuidade do meu processo. Eu não contava que para um júnior em uma vaga de front seria imprescindível a experiência nesse quesito. Eu tinha noção teórica em testes no React, mas não foi o suficiente. Com o seu vídeo eu pude compreender na prática. Agora é aplicar em meus projetos para demonstrar o conhecimento.
    Aproveito para pedir ajuda a você e aos demais que virem, neste momento em que estou assistindo a sintaxe mudou bastante no jest, então tudo que fez eu adaptei para a nova documentação. Tô enfrentando um erro no teste da API, na exibição das tasks: ReferenceError: TextDecoder is not defined. Em seguida diz que não foi encontrado o elemento na tela com o texto do conteúdo da request. Obs.: A chamada para a API está funcionando normalmente, exibindo as tasks e tals. O que poderia ser?

  • @ricardocastle6462
    @ricardocastle6462 Рік тому +2

    • Muito legal Felipe, achei o conteúdo sensacional.

  • @KevinMadalossoVeiga
    @KevinMadalossoVeiga Рік тому +2

    ótimo vídeo! muito obrigado por compartilhar esse conhecimento!

  • @tiagoborges7297
    @tiagoborges7297 Рік тому +1

    Excelente didática! Com essa vídeo aula deu para entender o conceito do jest muito bem

  • @cristianoalazaro
    @cristianoalazaro Рік тому +2

    Muito bom seu vídeo, me ajudou muito. Deus te abençoe

  • @MarceloApenas
    @MarceloApenas 2 місяці тому +1

    Seus vídeos são muito bons, obrigado pelo trabalho!

  • @camposweb89
    @camposweb89 Рік тому +2

    Muito boa a explicação você conseguiu fazer com que eu consiga entender melhor teste em react 😁

  • @LeonardoCopello-d5d
    @LeonardoCopello-d5d Рік тому +2

    Melhor video de testes que já vi em minha vida! Abriu minha mente!

  • @victorfeliciano113
    @victorfeliciano113 Рік тому +2

    obrigado por compartilhar seu conhecimento

  • @igorluyz_
    @igorluyz_ Рік тому +1

    Caramba Felipe, muito show parabéns, melhor aula de Testes automatizados, didática incrível

  • @douglashenrique3270
    @douglashenrique3270 Рік тому +3

    voltando pra passar dizer que to me dando mó bem por aqui! Justamente to na parte de testing no projeto e com jest e library, rachou demais! Teu canal é gigante mano, só força.

  • @iarlensantos3588
    @iarlensantos3588 Рік тому +2

    Muito bom! Eu tinha uma percepção de que testes era uma coisa muito complexa e esse vídeo me ajudou a esclarecer algumas duvidas.

  • @wltech3460
    @wltech3460 Рік тому +2

    Conteúdo muito da hora mano, meus parabéns por compartilhar seu conhecimento mandou muito 👏👏

  • @DEVLucasCS
    @DEVLucasCS Рік тому +2

    Show d+!

  • @alaninfo23
    @alaninfo23 Рік тому +6

    Caramba Felipe, muito show parabéns, agora pra ficar espetacular ainda seria bacana você pegar um desses projetinhos que você fez pra gente, o Task List(com typescript) por exemplo e fazer vários testes unitários e de integração em cima deles, ia ser show! faz isso por favor?

  • @iamjvfs
    @iamjvfs Рік тому +3

    Excelente vídeo! Dica de amigo: Existe uma extensão onde vc pode pegar os itens na página diretamente no navegador, o nome é Testing Playground

  • @ricardo4859
    @ricardo4859 Рік тому +2

    Aula ótima! Obrigado por disponibilizar o seu tempo.

  • @YuriSouzaDev
    @YuriSouzaDev 5 місяців тому

    Cara, parabens pelo o video! Eu aprendi bastante coisas de testes sem ter muito conhecimento. Estou buscando minha primeira vaga e sinto que isso vai ser um diferencial para mim

  • @alissonramon7416
    @alissonramon7416 Рік тому +2

    muito bom

  • @diegocunha789
    @diegocunha789 Рік тому +2

    Aula muito boa, mesmo!

  • @mario4003
    @mario4003 Рік тому +2

    Aula boa dms!! acredito que esse conhecimento vai me ajudar a entrar no mercado de trabalho. Obrogado.

  • @rythm2k12
    @rythm2k12 Рік тому +2

    felipão, senão for muito incomodo você pode fazer uma playlist de JS de estudo avançado? assisti a sua playlist para inciantes e aprendi muito, se possível eu gostaria muito de ter esses vídeos, aprendi pra caramba com a última playlist q vc lançou

  • @mateuscarvalhodefreitas
    @mateuscarvalhodefreitas Місяць тому

    que aula meu nobre

  • @marievaristo8788
    @marievaristo8788 7 місяців тому

    Parabéns, o seu conteúdo foi de muita ajuda, eu agradeço demais. #JaQueroMais

  • @clintonbrito
    @clintonbrito Рік тому +3

    Muito boa a aula, obrigado! Só achei que ficou um pouco confuso nas explicações envolvendo mock. Acho esse negócio difícil de entender e acho que você correu muito nessa hora, acabei não entendendo direito algumas coisas que você passou nesse momento, sobretudo no uso da biblioteca para mockar as coisas.

  • @douglashenrique3270
    @douglashenrique3270 Рік тому +3

    Criticando CRA muito bom! kkkkkk

  • @YuriSouzaDev
    @YuriSouzaDev 5 місяців тому +1

    o rest nao está mais presente no msw, mesmo com o exemplo dado no site nao foi possivel fazer o teste como mostrou

  • @iamjvfs
    @iamjvfs Рік тому +2

    Uma dúvida, só encontrei a branch starter, pode subir a branch com o código final?

  • @eduardodias4781
    @eduardodias4781 Рік тому +3

    Salve!
    Você disse que tem uma empresa, acho que seria interessante você trazer vídeos sobre isso também, tipo: como conseguir os clientes, como planejar a empresa e tal, eu tenho vontade de empreender na área de t.i e seria legal vídeos sobre esse assunto para ajudar não só eu, mais várias pessoas.

    • @paulosoares8626
      @paulosoares8626 Рік тому

      Pareceu confuso mesmo, mas acho q ele quis dizer na empresa onde ele trabalha.

    • @eduardodias4781
      @eduardodias4781 Рік тому

      @@paulosoares8626 ataaa kkkk

    • @dicasparadevs
      @dicasparadevs  Рік тому

      hahaha exato, mano! quis dizer onde eu trabalho atualmente.

  • @didigomes123
    @didigomes123 10 місяців тому

    Tive alguns problemas ao importar o rest da msw, acho que devem ter atualizado e nao usam mais ou sei la. Mas curti bastante os ensinamentos!!!

  • @andersonnascimento9864
    @andersonnascimento9864 Рік тому +2

    Muito bom o vídeo, parabéns!
    Como faz esse teste de styles sem o uso do css-in-line?
    Estava tendando em um projeto com sass, mas não funciona.

  • @pedrolaranjeiras3631
    @pedrolaranjeiras3631 9 місяців тому

    muito bom! Como eu lido com localstorage nos testes? Tenho um cenário que preciso buscar um token do usuário no localstorage para pegar alguns dados necessários para fazer os fetches

  • @dayadiaz327
    @dayadiaz327 2 місяці тому

    Infelizmente, parece que o Mock Service mudou a forma de utilizar. Mas a aula foi ótima! Se possível, traz um vídeo só sobre mocks utilizando essa nova versão!

  • @sr.sinuca2827
    @sr.sinuca2827 Рік тому +2

    não entendi como rodar a testing library junto com o React, tipo como fazer o npm start e o npm test ao mesmo tempo

    • @IgorAlves15
      @IgorAlves15 Рік тому +1

      Roda npm start em um terminal para subir a aplicação, e em outro terminal roda npm test. :)

  • @emanoelinfinity
    @emanoelinfinity Рік тому +2

    Parabéns pelo conteúdo! Você já usou o Vitest? Estou iniciando o estudo dele já que desenvolvo react/next com o Vite.

  • @edu_amr
    @edu_amr Рік тому +2

    Você lançou esse vídeo no tempo certo….

  • @amandalaureano7864
    @amandalaureano7864 10 місяців тому

    Excelente vídeo! Tenho uma dúvida: eu preciso necessariamente mockar as chamadas api? Estou usando um banco de testes para rodar, não queria mockar as chamadas justamente para testar o real funcionamento da api, com respostas reais. Porém estou tendo mais dificuldades em testar sem mocks do que com mocks.

  • @antonioteixeira1779
    @antonioteixeira1779 11 місяців тому

    Maneiro

  • @sakamotoyorigami1997
    @sakamotoyorigami1997 9 місяців тому

    Muito bom