Testes no React com Vitest e Testing Library

Um dos requisitos mais exigidos pelas empresas é testes. Garantir que tudo está funcionando e mais do que isso, garantir que mesmo que após uma refatoração tudo continue como estava antes é muito importante para o futuro de uma aplicação.
Neste vídeo você vai aprender a como testar os componentes no React com Vitest, Testing Library e Jest.
Compartilhe esse vídeo: • Testes no React com Vi...
Vídeos que você pode gostar:
Criando API's com tRPC
• Criando API's com tRPC
Solucionando Problemas do Jeito Certo e na Prática
• A Soft Skill que todo ...
Como Aprender Programação em 2022
• Como Aprender Programa...
Construindo Interfaces com o Tailwind CSS
• Construindo Interfaces...
Github Actions do Zero e na Prática
• Github Actions do Zero...
UI Declarativa no React Native
• UI Declarativa no Reac...
✅ Conheça o Long Cycle Developer: dogcode.dev/longcycledeveloper
✅ Saiba mais sobre o OnMount:
dogcode.dev/onmount
dogcode
Comunidade no Discord: / discord
Instagram: @dogcode.dev
#REACTJS #VITEST

Пікірлер: 22

  • @eriveltondasilva6878
    @eriveltondasilva68782 ай бұрын

    20:20 o teste mostrou um "bug", ou melhor, a falta de {} no children, pra descobrir isso só indo na aplicação e os testes já nos mostrou o problema antes de dar npm run dev, isso é top

  • @andersonsantosqueiroz6165
    @andersonsantosqueiroz61653 ай бұрын

    Terceira vez que vejo um de teus vídeos. Dessa vez me inscrevo no canal.

  • @rbpolim
    @rbpolim Жыл бұрын

    Excelente, mano! So conteúdo bom!!! 🔥🔥

  • @angelopedrosa7593
    @angelopedrosa7593 Жыл бұрын

    vlw cara, seu vídeo ajudo muito

  • @rzjprogramador6297
    @rzjprogramador6297 Жыл бұрын

    Show ja tá likado kkk...vitest se puder faz um compilado usar todos comandos vitest em back node..abracos obrigado

  • @NikoKlebtz
    @NikoKlebtz Жыл бұрын

    Muito bom, mas você pode usar o beforeEach isolados por describe, então você teria aqueles dois testes dentro de um mesmo describe com beforeEach e um outro sem.

  • @samuelDsiqueiraA
    @samuelDsiqueiraA Жыл бұрын

    muito maneiro, to tentando aqui, aprendendo mt coisa agora, queria aprender usar os testes pra combar com TS

  • @leonardosouza1948
    @leonardosouza1948 Жыл бұрын

    Conteúdo muito boooom, poderia dar sequencia em testes mais avançados.

  • @edwinastudillo1052
    @edwinastudillo1052 Жыл бұрын

    se o error no vite.config.ts ainda esta depois da configuracao que mais tenho que fazer

  • @Kingnauta
    @Kingnauta Жыл бұрын

    No meu ele da um erro TypeError: Cannot destructure property 'basename' of 'React__namespace.useContext(...)' as it is null.

  • @thiagosaud7190
    @thiagosaud7190 Жыл бұрын

    Qual é o nome desta extensão que você utiliza para exibir ali os parâmetros, por exemplo "fn" etc?

  • @dogcodedev

    @dogcodedev

    Жыл бұрын

    Faala Thiago, instagram.com/p/Ch95URVAgby/

  • @joazinhotito
    @joazinhotito Жыл бұрын

    Teste ! Sei o por que! Por que der repente o cliente quis mudar tudo na tela ou alguns erros de português ! Enfim para evitar futuras dores de cabeça que você só irá saber quando passar! 😅😁

  • @uezilimaciel2421
    @uezilimaciel24219 ай бұрын

    que extenção é essa que coloca essa labels "name, fn, factory, ui" nos testes? Time: 9:53

  • @dogcodedev

    @dogcodedev

    9 ай бұрын

    Inlay Hint

  • @Menhoka
    @MenhokaАй бұрын

    Só para mim que o toBeInTheDocument não está mais funcionando?

  • @marcoantoniodalvesco9944

    @marcoantoniodalvesco9944

    19 күн бұрын

    pra mim também não estava, mas um import "@testing-library/jest-dom" consertou o problema

  • @ronaldtomaz8155
    @ronaldtomaz8155 Жыл бұрын

    Mano fiz essa config básica, mas ele não reconhece o objeto de test. O que pode ser?

  • @thed7707

    @thed7707

    Жыл бұрын

    Resolveu o problema, meu nobre?

  • @Kingnauta

    @Kingnauta

    Жыл бұрын

    o meu ta assim

  • @TheViictoorhugo

    @TheViictoorhugo

    9 ай бұрын

    Adiciona o seguinte no começo do arquivo: /// /// kzread.info/dash/bejne/eWFo3MmCgNbQm7g.html

  • @matheusalmeida955
    @matheusalmeida9557 ай бұрын

    Muito bom o conteúdo, só uma dica, eu testei aqui, para não precisarmos colocar a importação jest-dom em todo arquivo de teste: test: { globals: true, environment: 'jsdom', setupFiles: ['@testing-library/jest-dom'], },