Como eu APRENDI a trabalhar com testes no Front End no MUNDO REAL |

[@DevSoutinho]

🔸QUAIS SÃO SUAS PRINCIPAIS DÚVIDAS NA HORA DE TRABALHAR COM TESTES?

[@LUIZCARLOSPeGo]

como automatizar testes de interfaces? quais ferramentas usar? testes de interface ou testes de lógica(testar funcoes via karma) ?

[@felipefurlanetti5946]

Como fazer tdd no front quando usamos libs como material ui, onde nem sempre sabemos o resultado final do html?

[@renansouza351]

quais ferramentas usar quando testar?

[@JeanMartinsRoss]

Seria legal um tutorial prático de como aplicar testes no front-end, mas com um cenários práticos do mundo real. Com navegação entre rotas, com uma UI componentizada, validação de formulários, etc.

[@thenriquedb]

Teste E2E, testar fluxos completos como o de login, cadastro e outros. A parte de testes emr componentes isolados eu fico em dúvida em que devo e o que não devo testar

[@caioferrarezibr]

Vídeo bom demais! Testes são coisas maravilhosas de desenvolver, mas tem várias coisinhas que é dificil saber, tipo o que testar e o que não testar! principalmente em frameworks reativos. Parabéns, Mario!

[@carlosvitor9718]

Que tal um vídeo sobre Jest? Seria bom 👍

[@Gvalensuela]

Quando eu comecei a mexer com testes, o que eu mais tinha dificuldade era testar renderizaçao de componentes, um video de exemplo disso, ia ser irado demais!

[@karlanaiara6420]

Vídeo muito bom, espero que fale mais sobre.

[@DevSoutinho]

podexa!

[@Olga-Mendes]

To começando a estudar testes e seu vídeo me ajudou bastante nessa introdução que to tendo sobre o assunto.

[@jackpatys]

Olá estou começando agora, como foi sua evolução? Vc já trabalha na area?

[@Olga-Mendes]

@jackpatys Oi, eu comecei a estudar em 2022 (primeiro front end) aí em 2023 entrei em ADS por EAD mesmo. Desde que entrei, fui aplicando, mas não consegui passar em nada. Quando vi esse vídeo eu tava estudando pra concurso e pra matérias da faculdade. Mês passado surgiu uma vaga como Suporte de TI e eu arrisquei, hoje to trabalhando com isso. De lá pra cá mudou muito minha perspectiva (não tenho mais uma preferência de área dentro da TI, to aberta ao que vier, mas quero estudar Ciência de Dados e IA pq acho bacana). Hoje penso em usar meu trabalho atual como trampolim pra fazer bacharelado e pós, além do networking e das habilidades que to desenvolvendo.

[@joabsena6977]

Lança mais contéudo sobre testes, top demais!

[@thallesyan4014]

Ia ser muito bom uns videozin de testes com Nextjs

[@DioneBatista]

Bora para mais um vídeo! Edit: Trás sim, com certeza!

[@DevSoutinho]

Booooora!!! E segura o troféu FIIRST do Dev Soutinho \o 🏆

[@victoriaduraes4081]

Adorei o vídeo! Se puder trazer mais infos sobre testes... Estou iniciando nesse mundo e sinto que às vezes é difícil entender como o teste passa ou quando não passa...

[@melkdesousa]

Com certeza, mais sobre testes. Principlamente nessa parte de front, já que e mais comum na parte de Back.

[@AdeilsonTube]

Fala Mário, muito bom, pf trás mais vídeos de testes... Minha maior dificuldade é identificar as fronteiras do que testar....

[@henriquealbert3632]

Tempo adicional pra codar devido aos testes. Se tu tem um prazo curto de entrega fica dificil de fazer testes. Oq vc recomenda nesse caso?

[@jeffersonsousa5354]

up

[@aryannesilva4351]

Ótimo vídeo! Traz mais conteúdos de testes no front, por exemplo lib, boas práticas etc. Seria show!

[@PauloRoberto-ox5yi]

Testar helpers é tranquilo, porém sinto dificuldades em testar componentes assim como saber o que testar no react-native. Porém o seu vídeo me ajudou a ter um olhar diferente sobre isso. Queremos mais videos como esse.

[@CarineBatataFrita]

Parabéns pelo vídeo!! E deixo aqui minha sugestão: faz um vídeo sobre Jest, nunca te pedi nada hahaah

[@marlonoliveira4822]

Adoro quando começo a estudar alguma coisa e acho video do Mario falando sobre o assunto.

[@DevSoutinho]

Po enche o coração um comentário desses

[@trocandobytes]

Muit bom esse vídeo, parabéns!

[@devtom89]

Bom demais, realmente que estou ainda bem iniciante não vejo muito teste mesmo. Gostei demais, ainda é uma parte desse mundo front que não botei o pé na água. Man, apenas um toque: se puder, muda a posição do microfone, pois me identifico pois falo muito com as mãos também hahaha e as vezes deu umas afastadas e ficou meio baixo o volume. Valeu por mais um excelente conteúdo!

[@gusprado]

Show Mario!! Excelente tema e gostaria de ver mais dele com maiores aprofundamentos como você comentou. Estou iniciando na parte de testes de FE com React e acredito que testes em Front ainda à um universo pouco explorado na questão por em prática mesmo já que conteúdos sobre isso tem aos montes. Pra mim não ficou exatamente claro quais foram as recomendações básicas onde você comentou do Enzime que foi um "primórdio" do Testing Library e no final você comentou do Jest que eu já cheguei a usar mas mais na parte de Back para testes unitários, porém em se tratando de Front obvio que algo mais visual com a ajuda do Cypress se torna mais interessante. Então a pergunta é: qual a conjunção dos apps de sucesso que você já aplicou e recomenda para React atualmente? Testing Library, Cypress e Jest, isso? Forte abraço!!!!

[@velhobugado0230]

Já tentei entender pra que fazer testes unitarios quando tava estudando python a 2 anos atras, faço uma API inteira sem fazer testes no FastAPI, mas comecar a procurar saber como são esses teste, mas primeiro no front, depois eu vejo como fazer no python 😅

[@noriller]

Quando começar a aprender a usar testes automatizados? (seja no geral da programação e/ou no caso de começar a trabalhar em um framework/linguagem)

[@pauloreis7093]

Puxa... por favor! 🙏🙏🙏 Faça uma série inteira sobre testes! Tô correndo atrás de aprender Jest pra trabalhar com testes no React Nativa!!

[@MultiCigor]

Quando eu leio "no Mundo Real" me sinto vivendo na "matrix". Ótimo conteúdo brother, abração!!!

[@deddaoo]

P*** m****, existe outro dev Soutinho além de mim... Eu sei pelo que vc já passou por isso haha sucesso, primo

Caramba.. muiito obrigado

[@wesleyferreira8054]

Bom vídeo, essa parte de testes ainda está fora do meu radar, seria bom um vídeo na pratica. Outra coisa, tenta durante a edição do vídeo igualar o volume do áudio, ta oscilando bastante, se eu não me engano no Premiere tem uma ferramenta pra isso. o/

[@guitoxd1]

Uso testes no Front-end com cypress, mas com a idéia de E2E de realmente testar o fluxo todo

[@cleysonsilva1828]

Pelo amor de Deus, ajuda a gente com testes mais complexos ai no React, eu fico muito perdido quando tenho que testar funções dentro de funções, ou regra de negócios que estão no ciclo de vida do componente, e assim por diante kkk

[@gabrieljose7041]

Queria mais tutoriais de teste no front, ja difícil de achar de teste, no front é pior ainda kkkk

[@thiagohbhonorato]

Nunca fiz teste em front-end

[@TheRockyRacoon132]

Fundo estileira agora hein. Sobre testes minha dúvida sempre é "o que testar?" ainda mais nos componentes React, eu testo se meu botão troca de cor mesmo? Se ele tá recebendo os props e children?

[@henriqueS9653]

cara tu tem que testar o fluxo das coisas, como se estivesse incorporando um usuário leigo utilizando, o exemplo do botão é muito bom. O que você poderia testar : - Componente renderizou com sucesso - Se ao receber uma props, de cor por exemplo, é possível encontrar um elemento botão na page que possui aquela caracteristica que deve ser setada pela props e tal, como um estilo: uma cor, margin, padding, e etc... ( isso é util pra testar styled components ). - Se quando eu clicar no botão, caso ele possua uma props onClick, ele executa de fato essa função.

[@TheRockyRacoon132]

@@henriqueS9653 hmmmm saquei, eu sempre pensei q vc tinha q testar mais funcionalidade e q estilo fosse mais irrelevante, mas num caso desse o estilo É a funcionalidade então faz sentido ahahahahA. Vou começar a aplicar isso, valeuzão.

[@henriqueS9653]

@@TheRockyRacoon132 Exato!

[@arozendojr]

Testar a modificação pagina sem abrir a tela, allTestesSistema()

[@michaelnsc]

Eu queria saber o que testar, mas acho que durante o vídeo vc vai acabar falando sobre isso hahaha (To comentando agora pq vc pediu pra comentar no começo do vídeo!)

[@romimaximus]

Já tentei tentei entender e aprender, já vi vários vídeos, mas a única coisa que os caras explicam , é criar uma função que soma 2 números ...?? ..ok...não fez sentido nenhum para mim...

[@kblingames5925]

faço a mesma pergunta kkkk, procurei outros cursos ai estou conseguindo entender.

[@Maycowf]

Pra mim o vídeo ficou sem sentido, na hora que era pra começar, ele acabou

[@peteralbuquerque1041]

Minha dúvida é se devo por testes para verificar a validação de cada input do formulário, tenho amigos que dizem que é desnecessário que são testes frágeis e que engessam o código, dificultando alterações, dizem que devemos testar apenas a lógica principal e tenho outros que fazem TDD e diz que são importantes sim, que se você altera o código você deveria ter que alterar os testes tbm.

[@peteralbuquerque1041]

Que abordagem vocês utilizam?

[@lucassantos-ti1ug]

fui o comentário 1000 carai ksksk

[@yagoassina]

testes