[BR][Teste] Jest - Iniciando com testes e TDD

[@tonistorres8244]

Bem Matheus o Rafael Ferreira, foi muito assertivo em pedir que disponibilize material à respeito de teste com Jest. É um material verdadeiramente muito escaço na internet e de suma importante para quem trabalha diretamente em empresas e startups que tem que testar muitos seus código antes de ir para produção e que faz parte do dia a dia de um bom developer. De já reforço o pedido do Rafael mais deixando aqui um apelo em nome da comunidade. Não faça como os demais que "ensinam" o suficiente para torná-los dependentes do seu canal. Mais nos de o privilégio de compartilhar do seu conhecimento por meio de uma série básica(playList), Intermédiária e Avançada de Test Jest mais usando a documentação e ensinando pela documentação coisa que niguém faz. Garanto que se fizer assim sem letrar pequenas, sem asteris, mais ensinando-nos o APRENDER à APRENDER seu canal será referência na net , pois, esse será o diferencial. Confio no seu talento e sei que tem capacidade para isso e muito mais, mais faça ensinando a documentação e eu prometo que seus vídeos fará parte do meu cantinho de estudos no slack como guia de referência não só pra mais para muitos devs que o Brasil estará formando nos próximos anos. Vou compartilhar à minha idéia para o seu canal que acho super interessante, pois, se não fosse assim não voltaria para ouvir e aprender com você por esse meio de comunicação e da um feedBack no meu ponto de vista assertivo e positivo para melhoria do mesmo. Se puder usar e explicar os métodos da documentação que colocarei aqui você verá esse canal se torna referencia pra muitos devs desse país ou fora dele. Meu muito obrigado por está compartilhando conhecimento neste espaço. Documentação: github.com/jest-community/jest-extended#tobestring

[@MatheusCastiglioni]

Fala Tonis, obrigado demais pela feedback, está no meu radar gravar mais vídeos sobre qualidade com desenvolvimento de software, tanto para front quanto para back. Eu só preciso voltar a gravar kkk estou meio desanimado ultimamente, faz duas semanas que não gravo.

[@tonistorres8244]

@@MatheusCastiglioni é fase vai passar e vai continuar. Vem pra trybe que vai ficar animado rápido rsr

[@curtiuseucomentario6203]

Que video top! Salvou de mais! Tava querendo começar com jest e os conteúdos em pt são escassos. Vou dar uma consumida em tudo que encontrar e depois vou pros gringos, é mais seguro pra mim ouvir de um br explicando primeiro kkk. Esse final de vídeo explicando parte por parte esclareceu as pequenas dúvidas que ficaram no meio do caminho, mas q não eram tão importantes pra rodar o código e foi até mais esclarecedor entender eles no final kkkk Novamente, conteúdo top!

[@MatheusCastiglioni]

Obrigado, fico feliz que tenha gostado e foi util de alguma forma.

[@curtiuseucomentario6203]

@@MatheusCastiglioni eu que agradeço kkk

[@murilosilva4190]

Cara MUITO OBRIGADO!!! Estava atrás de exemplos de como começar com o Jest (testes TDD) e todo exemplo que eu encontrava os caras passavam os 80% iniciais do vídeo desenvolvendo um projeto completo (geralmente api) e só no final aplicavam o Jest (não assisto nem 10min de nenhum). Eu queria aprender só o básico e vim parar aqui. Gostei muito da sua didática e espero que continue com esses vídeos de testes. Ganhou mais um inscrito.

[@MatheusCastiglioni]

Obrigado Murilo, fico muito feliz que tenha gostado.

[@orubenlopes]

Muito bom, Matheus! Estou apenas revisando esse conteúdo e achei bem bacana sua didática.

[@MatheusCastiglioni]

Obrigado Ruben

[@erichcasagrandeperusso5493]

Cara muito legal! obrigado pelo vídeo de introdutório, parabéns!

[@MatheusCastiglioni]

Eu que agradeço Erich

[@vitoramorim6589]

Excelente aula, parabéns pela didática.

[@MatheusCastiglioni]

Obrigada Vitor

[@diacksonmarques5549]

Muito massa, Tinha uma dificuldade para entender Test e consegui agora vlw cara

[@MatheusCastiglioni]

Obrigado Diackson

[@vitorgamer58]

Top, estou aprendendo sobre Cypress e fazendo testes de integração, e estava buscando alguma forma de começar a brincar com testes unitários, seu vídeo me ajudou a ter uma ideia.

[@MatheusCastiglioni]

Valeu Vitor, tem vídeo de Cypress também por aqui

[@vitorsma2]

Parabéns... boa didática

[@MatheusCastiglioni]

Obrigado Vitor

[@cassiodev]

Fala Matheus, muito bom, r uma grande porta pra quem tá iniciando em tdd, parabéns cara

[@MatheusCastiglioni]

Obrigado Cassio, fico muito feliz que tenha gostado

[@gustavovieira9190]

Olá Matheus, está me ajudando bastante, só tenho uma dúvida esse arquivo de extenção .todo, que já marca os checks é uma extensão do vscode?? se sim pode me informar qual?, Abs.

[@MatheusCastiglioni]

Fala Gustavo, é uma extensão sim, se chama Todo+ se não me engano: marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-todo-plus

[@DaviRoberto93]

Talvez seja a To do Tasks

[@romuelm395]

Valeu Irmão. Muito bom.

[@MatheusCastiglioni]

Obrigado Romuel

[@eltonrodrigueshomem5781]

Qual extensão é essa para arquivo .todo?

[@MatheusCastiglioni]

É a Todo+: marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-todo-plus#demo

[@andersonferreiraalves3720]

Muito massa bem explicativo

[@MatheusCastiglioni]

Obrigado Anderson

[@Jose_Arilson]

Matheus, qual a diferenca de Jest e Supertest? Desculpe pela pergunta, é que sou novato nisso :)

[@MatheusCastiglioni]

Fala Jose, o Jest é um framework para criar, executar e gerenciar os testes. Já o supertest é uma biblioteca para testar de forma real uma API onde ela vai realizar requisições como uma pessoa ou aplicação real.

[@Jose_Arilson]

@@MatheusCastiglioni entendi, obrigado pela explicação.

[@LucasUgiette]

Muito bom. Valeu

[@MatheusCastiglioni]

Obrigado Lucas

[@jeanfernandeseng]

Nos comentários dos vídeos colocar os plugins do code ou referencias para um video de fala dos mesmos. (Exemplo Todo+ do Fabio Spaampinato)

[@MatheusCastiglioni]

Fala Jean, infelizmente eu apenas faço referências para os meus vídeos, não divulgo outros canais.

[@asmrOliveyra77]

Como eu começo a fazer isso? Onde pego esses códigos e monto meu teste?

[@MatheusCastiglioni]

Fala Maria, como assim? Não entendi muito bem a dúvida

[@rafa.jferreira]

Já pensou em fazer uma série sobre testes? Conteúdo esta extremamente em falta em pt-br :)

[@MatheusCastiglioni]

Fala ai Rafael, já pensei sim, está nos planos.

[@amanda-fz7mt]

@@MatheusCastiglioni cadeeeee a play de tests

[@MatheusCastiglioni]

@@amanda-fz7mt Parei com o canal Amanda

[@RafaelSantos-pp1iz]

@@MatheusCastiglioni poxa que pena

[@brianoliveira5471]

Mano, adorei a função do .todo que nunca tinha visto. (isso me impactou), mas tentei aqui e não consegui. Só tem no OSX? mas seu vídeo é muito bom, parceiro! Continua assim e vai já já ganhar muitos inscritos no canal, tu tem uma habilidade bem bacana pra ensinar, não perdeu tempo fazendo coisas e ensina muito bem. Vou recomendar pra todos.

[@MatheusCastiglioni]

Obrigado Brian, fico feliz que tenha gostado. Para rolar o .todo precisa de uma extensão: marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-todo-plus

[@ClassicMusicChannel3000]

Essa aula está excelente! Até o erro serviu para a didática...

[@MatheusCastiglioni]

Obrigado Guilherme

[@GabrielHirakawa]

você acha que compensa usar o jest para o react tbm? ou melhor usar outras alternativas, como cypress?

[@MatheusCastiglioni]

Fala ai Gabriel, Jest e Cypress possuem propósitos diferentes, falando em testes unitários, por exemplo: API, services, reducers, sagas, thunks, snapshots, funções, etc.. Recomendo muito o uso do Jest, já o Cypress eu recomendo para testes que envolvam UI e navegadores, sejam eles end-to-end ou não.

[@GabrielHirakawa]

@@MatheusCastiglioni hmm entendi, então posso usar ambas as ferramentas em conjunto então..

[@ikaromontanari8917]

tentei rodar de tudo que é jeito mas o meu não funciona.

[@ikaromontanari8917]

FUNCIONOU PORRA AEEEE

[@MatheusCastiglioni]

UHUUUUUUL, sucesso Ikaro

[@danielnogueira7288]

Excelente video! Uma curiosidade, quais extensões do VSCode você utiliza?

[@MatheusCastiglioni]

Obrigado Daniel, vish, uso um monte man kkk

[@buiacaxa]

Acho que o que você ficou curioso e eu tambpem é aquela extensão do To do. Chama-se To do Tasks

[@DaviRoberto93]

Cara, muito bom seu vídeo, parabéns 👏👏... Quem deu deslike, é porque tomou xifre da mulher e está descontando nos outros kkk

[@MatheusCastiglioni]

Obrigado Davi kkkkkkkkkkkkkkkkkkkkkk está ai uma missão que ninguém no mundo ainda conseguiu: Agradar 100% das pessoas

[@maicongunner]

Muito bom amigo, ajudou bastante a entender como funciona o TDD, estou começando agora nessa parte de testes no front-end, e estou com uma certa dificuldade em identificar quais testes(unitários e de integração) ou como aplica-los no meu projeto, você poderia me dar algumas dicas que testes eu poderia aplicar no meu projeto? se puder me indicar alguns projetos que já estejam com esses testes aplicados para eu dar uma olhada, ajuda também! segue o repositório do meu projeto: github.com/maicongunner/dragons-app

[@MatheusCastiglioni]

Realmente, quais testes aplicar é bem complicado, varia muito de contexto e necessidade. Os testes unitários que eu gosto de fazer são para o Redux (Actions, Store, Reducers, Sagas/Thunks/Observables, Selectors), gosto de criar snapshot para os componentes, as vezes testo constantes e traduções (quando dá tempo), testo os helpers e utils do projeto, no caso seria testes unitários para funções puras. E por ultimo os componentes, se optar por testes unitários, pode fazer com testing library, a ideia seria simular click e verificar se os callbacks foram chamados, para testes de integração/tela/funcional/e2e eu gosto de fazer com o Cypress. Acho que é mais ou menos isso, tudo vai depender do tempo, demanda e se faz sentido para seu negócio cobrir essas casos ou não.

[@maicongunner]

@@MatheusCastiglioni entendi amigo, obrigado pelo feedback, ainda to com uma certa dificuldade para identificar os testes necessários para a aplicação, mas com o tempo e prática vou melhorar, abraço!

[@EuSouSalvi]

Muito bom, obrigado.

[@MatheusCastiglioni]

Eu que agradeço Gabriel