Testes no React com Vitest e Testing Library

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ม.ค. 2025

ความคิดเห็น • 23

  • @andersonsantosqueiroz6165
    @andersonsantosqueiroz6165 8 หลายเดือนก่อน

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

  • @rbpolim
    @rbpolim 2 ปีที่แล้ว +1

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

  • @eriveltondasilva6878
    @eriveltondasilva6878 7 หลายเดือนก่อน

    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

  • @rzjprogramador6297
    @rzjprogramador6297 2 ปีที่แล้ว +3

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

  • @NikoKlebtz
    @NikoKlebtz 2 ปีที่แล้ว +3

    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.

  • @matheusalmeida955
    @matheusalmeida955 ปีที่แล้ว +1

    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'],
    },

  • @samuelDsiqueiraA
    @samuelDsiqueiraA 2 ปีที่แล้ว

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

  • @Zelion12
    @Zelion12 หลายเดือนก่อน

    Qual extensão você esta usando que mostra esses labels por exemplo element: , id: , actual: etc isso deve ajudar bastante. Se poder me falar se é uma extension que você esta utilizando. Obrigado.

  • @Kingnauta
    @Kingnauta ปีที่แล้ว

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

  • @angelopedrosa7593
    @angelopedrosa7593 2 ปีที่แล้ว

    vlw cara, seu vídeo ajudo muito

  • @uezilimaciel2421
    @uezilimaciel2421 ปีที่แล้ว +1

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

  • @edwinastudillo1052
    @edwinastudillo1052 2 ปีที่แล้ว

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

  • @leonardosouza1948
    @leonardosouza1948 ปีที่แล้ว

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

  • @DevTomazetti
    @DevTomazetti 6 หลายเดือนก่อน

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

    • @marcoantoniodalvesco9944
      @marcoantoniodalvesco9944 6 หลายเดือนก่อน

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

  • @thiagosaud7190
    @thiagosaud7190 2 ปีที่แล้ว +1

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

    • @dogcodedev
      @dogcodedev  2 ปีที่แล้ว +2

      Faala Thiago,
      instagram.com/p/Ch95URVAgby/

  • @Manuelsembola
    @Manuelsembola ปีที่แล้ว +1

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

  • @ronaldtomaz8155
    @ronaldtomaz8155 2 ปีที่แล้ว

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

    • @thed7707
      @thed7707 ปีที่แล้ว +1

      Resolveu o problema, meu nobre?

    • @Kingnauta
      @Kingnauta ปีที่แล้ว

      o meu ta assim

    • @TheViictoorhugo
      @TheViictoorhugo ปีที่แล้ว

      Adiciona o seguinte no começo do arquivo:
      ///
      ///
      th-cam.com/video/G-4zgIPsjkU/w-d-xo.html