Como eu APRENDI a trabalhar com testes no Front End no MUNDO REAL |
Вставка
- Опубліковано 30 лип 2024
- Olá pessoas! Trabalhar com testes é uma dúvida PRA MUUUUITA GENTE então visando ajudar vocês eu resolvi compartilhar como foi a minha primeira experiência com testes usando WORDPRESS!!! Sim isso mesmo, e vou evoluindo a história até hoje falando das ferrramentas que uso hoje pra trabalhar com React como testing library e cypress
🔸Quer ver mais conteúdos meus? Segue ai!
■ / omariosouto
■ / devsoutinho
■ t.me/hipstersfrontend
🔸Sabia que eu tenho séries na Alura também?
■ www.alura.com.br/webseries/fr...
■ www.alura.com.br/webseries/gi... - Наука та технологія
🔸QUAIS SÃO SUAS PRINCIPAIS DÚVIDAS NA HORA DE TRABALHAR COM TESTES?
como automatizar testes de interfaces? quais ferramentas usar? testes de interface ou testes de lógica(testar funcoes via karma) ?
Como fazer tdd no front quando usamos libs como material ui, onde nem sempre sabemos o resultado final do html?
quais ferramentas usar quando testar?
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.
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
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!
Ótimo vídeo! Traz mais conteúdos de testes no front, por exemplo lib, boas práticas etc. Seria show!
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!
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...
To começando a estudar testes e seu vídeo me ajudou bastante nessa introdução que to tendo sobre o assunto.
Muit bom esse vídeo, parabéns!
Parabéns pelo vídeo!!
E deixo aqui minha sugestão: faz um vídeo sobre Jest, nunca te pedi nada hahaah
Fala Mário, muito bom, pf trás mais vídeos de testes... Minha maior dificuldade é identificar as fronteiras do que testar....
Com certeza, mais sobre testes. Principlamente nessa parte de front, já que e mais comum na parte de Back.
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!
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.
Quando eu leio "no Mundo Real" me sinto vivendo na "matrix". Ótimo conteúdo brother, abração!!!
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!!!!
Que tal um vídeo sobre Jest? Seria bom 👍
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!!
Adoro quando começo a estudar alguma coisa e acho video do Mario falando sobre o assunto.
Po enche o coração um comentário desses
Lança mais contéudo sobre testes, top demais!
Ia ser muito bom uns videozin de testes com Nextjs
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?
up
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/
P*** m****, existe outro dev Soutinho além de mim... Eu sei pelo que vc já passou por isso haha sucesso, primo
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)
Vídeo muito bom, espero que fale mais sobre.
podexa!
Bora para mais um vídeo!
Edit: Trás sim, com certeza!
Booooora!!! E segura o troféu FIIRST do Dev Soutinho \o 🏆
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!)
Caramba.. muiito obrigado
Uso testes no Front-end com cypress, mas com a idéia de E2E de realmente testar o fluxo todo
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 😅
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
Queria mais tutoriais de teste no front, ja difícil de achar de teste, no front é pior ainda kkkk
Nunca fiz teste em front-end
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?
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.
@@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.
@@TheRockyRacoon132 Exato!
Testar a modificação pagina sem abrir a tela, allTestesSistema()
fui o comentário 1000 carai ksksk
testes
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...
faço a mesma pergunta kkkk, procurei outros cursos ai estou conseguindo entender.
Pra mim o vídeo ficou sem sentido, na hora que era pra começar, ele acabou
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.
Que abordagem vocês utilizam?