Testes no React com Jest & Testing Library | Guia Completo

Поделиться
HTML-код
  • Опубликовано: 14 янв 2025

Комментарии • 46

  • @matheusamon7797
    @matheusamon7797 9 месяцев назад +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?

  • @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.

  • @MarceloApenas
    @MarceloApenas Месяц назад +1

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

  • @tiagoborges7297
    @tiagoborges7297 11 месяцев назад +1

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

  • @KevinMadalossoVeiga
    @KevinMadalossoVeiga Год назад +2

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

  • @ThallysSoares-c2j
    @ThallysSoares-c2j 4 дня назад

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

  • @igorluyz_
    @igorluyz_ Год назад +1

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

  • @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.

  • @cristianoalazaro
    @cristianoalazaro Год назад +2

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

  • @ricardocastle6462
    @ricardocastle6462 Год назад +2

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

  • @victorfeliciano113
    @victorfeliciano113 Год назад +2

    obrigado por compartilhar seu conhecimento

  • @camposweb89
    @camposweb89 Год назад +2

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

  • @YuriSouzaDev
    @YuriSouzaDev 4 месяца назад

    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

  • @wltech3460
    @wltech3460 Год назад +2

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

  • @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

  • @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?

  • @ricardo4859
    @ricardo4859 Год назад +2

    Aula ótima! Obrigado por disponibilizar o seu tempo.

  • @mario4003
    @mario4003 Год назад +2

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

  • @diegocunha789
    @diegocunha789 Год назад +2

    Aula muito boa, mesmo!

  • @alissonramon7416
    @alissonramon7416 Год назад +2

    muito bom

  • @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

  • @LeonardoCopello-d5d
    @LeonardoCopello-d5d Год назад +2

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

  • @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.

  • @DEVLucasCS
    @DEVLucasCS Год назад +2

    Show d+!

  • @iamjvfs
    @iamjvfs Год назад +2

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

  • @marievaristo8788
    @marievaristo8788 6 месяцев назад

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

  • @douglashenrique3270
    @douglashenrique3270 Год назад +3

    Criticando CRA muito bom! kkkkkk

  • @pedrolaranjeiras3631
    @pedrolaranjeiras3631 8 месяцев назад

    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

  • @mateuscarvalhodefreitas
    @mateuscarvalhodefreitas 7 дней назад

    que aula meu nobre

  • @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.

  • @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.

  • @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.

  • @didigomes123
    @didigomes123 9 месяцев назад

    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!!!

  • @YuriSouzaDev
    @YuriSouzaDev 4 месяца назад +1

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

  • @amandalaureano7864
    @amandalaureano7864 9 месяцев назад

    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.

  • @dayadiaz327
    @dayadiaz327 Месяц назад

    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. :)

  • @edu_amr
    @edu_amr Год назад +2

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

  • @antonioteixeira1779
    @antonioteixeira1779 10 месяцев назад

    Maneiro

  • @sakamotoyorigami1997
    @sakamotoyorigami1997 8 месяцев назад

    Muito bom