Cypress Para Iniciantes | e2e Tests Em Frontend Apps | Erick Wendel

Поділитися
Вставка
  • Опубліковано 2 лют 2025

КОМЕНТАРІ • 69

  • @hashtagdevzones
    @hashtagdevzones 10 місяців тому +15

    Mano, você não é desse planeta 'c é loko'... Por isso o projeto em aliens kkkk ... Que explosão de mente! Like dado.

    • @ErickWendelAcademy
      @ErickWendelAcademy  10 місяців тому +1

      Hahahahahah dahora ne? O que mais curtiu do video?

    • @wduandy
      @wduandy 7 місяців тому

      @@ErickWendelAcademy você é um maravilhoso ❤

  • @AlexCastroDev
    @AlexCastroDev 9 місяців тому +2

    O Playwright é muito bom tbm, indico dms!
    Parabens pela aula! Grande Erick, mestre demais

  • @adryannsantos2142
    @adryannsantos2142 9 місяців тому +2

    Aulão! Já vou aplicar amanhã no trabalho.

  • @tainapino2698
    @tainapino2698 7 місяців тому +4

    Mano, nunca imaginei sair com tanto conhecimento em 30 minutos de aula!
    Parabéns Erick!

  • @joaquimalves6423
    @joaquimalves6423 10 місяців тому +5

    Animal mano, vai ajudar muito no meu dia a dia,
    mais massa foi o final do vídeo com os erros de gravação.
    Ah porra kkk!!
    Muito TOP o conteúdo!

    • @ErickWendelAcademy
      @ErickWendelAcademy  10 місяців тому

      ahhahaahhahahahahh da raiva hahahahah valeuzaooo tmjjjj

  • @_roob
    @_roob 9 місяців тому +1

    conteúdo bom demais, chegou bem na hora que eu precisava!!!

  • @hectorolvera6771
    @hectorolvera6771 9 місяців тому +4

    Excelente trabajo Erick! aprendi muy bien la palabra Beleza, jejeje saludos

  • @eduardocmoreno81
    @eduardocmoreno81 9 місяців тому

    Parabens pelo trabalho Erick! Gostei da abstracao do controle do form dentro da classe.

  • @monikymendonca4012
    @monikymendonca4012 16 днів тому

    Muito bom! tem outros vídeos como esse utilizando outra ferramenta?

  • @NicholasEduardo
    @NicholasEduardo 10 місяців тому +1

    Antes de começar o video já é o like e comentário, sei que será foda demais.

  • @letsgoota
    @letsgoota 9 місяців тому +2

    daora Erick estava precisando de um conteudo assim :D, eu estou com um problema cypress + bs5, modal nunca ta pronto pra ser clicado pelo cypress ai tem que ficar clicando varias vezes até o modal estar pronto, o cy.wait(1000) funciona mas de acordo com o cypress é um bad pattern

    • @ErickWendelAcademy
      @ErickWendelAcademy  9 місяців тому

      Algumas vezes tem que esperar mesmo, o que recomendam nesses casos?x

  • @n0b0dy07
    @n0b0dy07 9 місяців тому +3

    O problema é que a maioria dos testadores focam muito num framework mais "fácil" e não aprende programação e nem padrões de testes, aí fica uma "beleza" pra dar manutenção, às vezes é melhor apagar e fazer do zero com uma estrutura decente

    • @ErickWendelAcademy
      @ErickWendelAcademy  9 місяців тому

      eh fogo né? Por isso a ideia é escrever certo de primeira para nao sofrer depois

  • @phweb53
    @phweb53 9 місяців тому +3

    Erick serial legal você apresentar o a Ferramenta de teste Playwright da microsoft

  • @CaoMarx
    @CaoMarx 3 місяці тому

    Muito bom, mano... ajudou muito

  • @emanoelinfinity
    @emanoelinfinity 10 місяців тому +3

    Vou utilizar isso no meu próximo hackathon!

    • @ErickWendelAcademy
      @ErickWendelAcademy  10 місяців тому +1

      Ai simmmmm validar antes pra nao quebrar na cara dos jurados!! Hahhaha

    • @emanoelinfinity
      @emanoelinfinity 10 місяців тому

      @@ErickWendelAcademy Se eu ganhar eu te marco no LinkedIn falando tudo.👍🏽

  • @emanuel_larini
    @emanuel_larini 10 місяців тому +3

    Muito legal esse approach feito na separação dos testes, uso cypress há anos e nunca tinha pensado em fazer desta forma!
    Como foi que vc pensou em usar este tipo de separação? Queria entender melhor o que te levou a sair de um it maior pra um mais detalhado. Ele ajuda a clarificar melhor o erro quando der um problema?
    Abraço!!!

    • @ErickWendelAcademy
      @ErickWendelAcademy  10 місяців тому +2

      Opaaaaa, ja usei o cucumber js e lá a divisão eh parecida com essa, então quis reproduzir a mesma organização, achei que fica bem mais fácil de ler e manter dessa forma 😍🤘🏻

  • @icaroalbar
    @icaroalbar 9 місяців тому

    Queria saber mais sobre o funcionamento da Lambda Layer com o Serverless Framework. Poderia criar um vídeo explicando?

  • @hugosimoes6332
    @hugosimoes6332 6 місяців тому +1

    Esse video veio em boa hora, obrigado Erick! Só tenho uma dúvida pq Cypress e não Playwrite?

  • @thalesgelinger
    @thalesgelinger 10 місяців тому +2

    Tri afude, podia fazer um pra mobile tbm talvez usando o maestro, ai fecha a triade back front e mobile

  • @jusilveira7830
    @jusilveira7830 4 місяці тому

    Excelente aula! Erick, seria errado eu ter um "it" para cada teste e não dividi-lo em vários "it"? Geralmente é como estruturo meus testes, só separo por cenário e casos mesmo. Está errado?

  • @asfnobambu
    @asfnobambu 2 місяці тому

    Só instalar o ntl não permite rodar ele como se fosse um comando nativo. Suponho que fizeste algo como: alias ntl="npx ntl". Certo ?

  • @thiagodiniz8224
    @thiagodiniz8224 6 місяців тому

    O ideal então pra todos elementos que formos testar, usar ID ao invés de classe?

  • @Gabweb95
    @Gabweb95 9 місяців тому

    muito bom!

  • @costec222
    @costec222 10 місяців тому +1

    Demaaaaaais

  • @_roob
    @_roob 9 місяців тому +1

    qual extensão você usa pra melhorar a leitura dos cenários de teste?

    • @ErickWendelAcademy
      @ErickWendelAcademy  9 місяців тому

      Nenhuma!

    • @_roob
      @_roob 9 місяців тому

      @@ErickWendelAcademy aqui pra mim aparece como texto normal em branco, não tem diferenciação de cores por exemplo das ações GIVEN, WHEN, THEN no arquivo app.feature

    • @diegocavalcante3353
      @diegocavalcante3353 7 місяців тому +1

      @@_roob Escreva "cucumber" nas extensões do VSCode, é uma chamada "Snippets and Syntax", aí você terá o texto editado da forma que está no video!

  • @ruanm.1130
    @ruanm.1130 8 місяців тому

    divo!!!!!!!!!!!!! mt obg

  • @gabrielqueiroz7792
    @gabrielqueiroz7792 10 місяців тому +1

    Pra uma aplicação que bate em API, eu teria que ter uma API rodando dedicada ao teste ou tem algo semelhante playwright que é possivel interceptar o request e mockar o retorno?

    • @ErickWendelAcademy
      @ErickWendelAcademy  10 місяців тому +1

      Testes e2e validam sua aplicação do ponto de vista de usuários, entao nesse caso sim, a aplicação deveria estar conectada na API normalmente e a automação iria direto no site completo

  • @thiagodiniz8224
    @thiagodiniz8224 6 місяців тому

    A maioria das empresas pedem teste automatizado com Jest, vale a pena aprender o Cypress?

  • @alpm495
    @alpm495 Місяць тому

    Genial el video, podrías ayudarme ?
    Porque en este caso la función reverse no funciona
    it('Invoke',()=>{
    const reverse =(s) =>Cypress._.reverse(s);
    const double =(n) => n*n;
    const myArray = ['1', '2', '3'];
    cy.wrap([reverse,double]).invoke(0,myArray).then((element) =>{console.log(element)}) //Yielded ['1','2','3'] debria ser ['3','2','1']
    })

  • @GabrielCunha-xz6co
    @GabrielCunha-xz6co 10 місяців тому +1

    Não estou conseguindo acesso a lista vip do tajs

  • @DaviFernandesNevesCosta
    @DaviFernandesNevesCosta 9 місяців тому +1

    Playwright ou Cypress ? to precisando usar um deles no trabalho, nunca vi nenhum dos dois, qual voce recomenda ?

  • @oraffaudi
    @oraffaudi 9 місяців тому

    Boa noite Erick. Para seguir o conteudo e fazendo local, devo partir do repo da aplicação ou começar um repo totalmente novo ? pq a pasta do in-class-project do repo dos testes, já esta com as implementações do video...fiquei meio perdido....e Parabéns pelo contéudo

    • @oraffaudi
      @oraffaudi 9 місяців тому

      Já entendi como que vai funcionar...estava acreditando que os testes deveriam ficar no proprio repo da aplicação, mas acho que já entendi como cypress trabalha... seria tipo selenium...massa demais !

    • @oraffaudi
      @oraffaudi 9 місяців тому

      esperando o cartão virar pra conseguir me matricular no TAS 😂😂

  • @arozendojr
    @arozendojr 9 місяців тому

    sobre o ntl, prefiro instalar npm i -D ntl, para que o projeto tenha tudo que gosto de usar. Existe alguma forma mais polida dos aplicativos instalados -D fiquem disponível no terminal, sem ser algo como export PATH="./node_modules/.bin:$PATH" ?

    • @ErickWendelAcademy
      @ErickWendelAcademy  9 місяців тому +1

      Você pode usar o npx pra ele mirar nos módulos do projeto. O ntl por ser um ferramental que lista as tarefas do seu package.json, pra mim ele eh um que não faz sentido adicionar nas deps de dev

  • @sathishramesh3765
    @sathishramesh3765 10 місяців тому +3

    waiting for english content ..

  • @xsamuelx3603
    @xsamuelx3603 10 місяців тому +3

    :D

  • @igorsilvafrancisco7311
    @igorsilvafrancisco7311 9 місяців тому +1

    E eu achando que sabia fazer testes kkkkk

  • @xsamuelx3603
    @xsamuelx3603 10 місяців тому +2

    :)

  • @jaquemoyses2807
    @jaquemoyses2807 8 місяців тому

    gente, desculpa pq eu sou leiga Mas qual terminal é esse ?

    • @DSanches
      @DSanches 5 місяців тому

      Se não me engano é o "zsh" ou o "Oh my zsh"

  • @clealb76
    @clealb76 9 місяців тому

    Porra trampo com cypress os devs ficam puto com qa rsrs

    • @ErickWendelAcademy
      @ErickWendelAcademy  9 місяців тому

      Hahaha mostra o TAJS pra eles, que eles nunca mais vao passar vergonha com QAs haha

  • @hayatilyas5791
    @hayatilyas5791 10 місяців тому +1

    Why are you not creating content in english ? I love your content . But now you creating more content in our native language I don't understand it.

    • @ErickWendelAcademy
      @ErickWendelAcademy  10 місяців тому

      soorry my friend! I'll be back soon! In meanwhile doesn't the subs help to watch it?