Cypress (O Teste Front-End Mais Fácil que Você vai Ver) // Dicionário do Programador

e contextualizando sites em português significa cipreste uma família de árvores coníferas muito utilizadas para fazer árvore de natal isso não tem nada a ver com quanto é outro desse vídeo o sai por isso que queremos é um framework java scripts de testes automatizados and tweaks sabemos que muitos deles ainda tem restrições para trabalhar com ferramentas de teste mas os criadores deles foi embora que prometem mudar essa perspectiva uma vez que o sai por essas foi especificamente criado para atender as necessidades dos desenvolvedores e analistas de keeway um ele é possível configurar e escrever rodar em

divulgar os testes de forma simples e fácil por isso vamos conhecer mais a fundo se formou em nosso dicionário do programador o código counters um cdf para os íntimos vamos conversar um pouco mais sobre testes automatizados um assunto muito importante para todos os desenvolvedores como sempre esse vídeo estará repleto de conceitos e de muita informação útil para sua vida profissional por isso ser escrito aqui no código fonte tv e manter o sininho ativo é sempre uma excelente ideia já que falamos em conceitos se você não está habituado com os testes automatizados vamos dedicar a chamar

aqui uma lenda a loira para clarear a sua mente o joelho e eu sou carlos ferreira da luna só estão presentes no desenvolvimento para garantir a qualidade do sol você ver até para reduzir custos porque afinal quanto mais tarde você encontrar um problema no software mais caro vai ser para corrigir ele a gente fala muito de metodologias ágeis integração continuar entrega contínua mas não isso é possível sem a presença de testes automatizados são os testes que ajudam na implementação de novas funcionalidades e até pro seu código não quebrar quando uma relator é feita existem muitos

tipos de práticas de testes testes unitários desenvolvimento guiado a design testes em two and e desenvolvimento orientado a comportamento se você jovem deve usar abusados testes quando for seu organismo agora que todos já estão por dentro da importância dos testes podemos voltar a falar do site para um framework que promete facilitar esse processo e é considerado uma ferramenta de teste frontier feito para web moderna um ele é possível testar tudo que roda em um navegador que independente da tecnologia utilizada no desenvolvimento da aplicação ele foi desenvolvido por brian fundador da empresa de mesmo nome e

açai pears de acordo com o brian depois de passar muitos anos sofrendo para realizar teste com ferramentas ultra passadas ele resolveu construir uma que fosse atender as necessidades e desejos seus e de sua aqui o sol pois tem o foco em realizar testes ponta a ponta está no fluxo da aplicação o início até o fim simulando uma experiência mais próxima do usuário real foi feito para trabalhar com linguagens modernas pensando por exemplo entrei no outro e reativos ele sabe entende tudo que tá acontecendo na aplicação no momento em que as coisas estão acontecendo dá para

esperar que o elemento se torna invisível que fique ativo ou que a sua animação termine ele também consegue por exemplo pausar comando durante uma transição de página retornando execução quando a página estiver totalmente carregada vamos sai por exemplo possível configurar fests facilmente já que não é preciso nenhum servidor driver e nenhuma configuração extra que nos faça perder muito tempo na verdade os criadores prometem que o primeiro teste pode ser escrito em 60 segundos eles não estão levando em conta a instalação dos módulos do nome né escrever teste de elegíveis os sites disponibilizam conjunto de comandos

fazendo com que a curva de aprendizado seja rápido executar testes e com uma velocidade o flávio já que ele é tão rápido o quanto seu browser pode ser para renderizar o conteúdo divulgar testes e esse item é um dos diferenciais da ferramenta já que foram cypress rodam os comandos você recebe um feedback visual de cada uma das interações então mesmo sem olhar nenhum código é possível entender o que está acontecendo ficando um dos passos da processar o histórico de realizações e o débito uso do próprio navegador isso é uma baita mão na roda para acessar

as falhas não sabe por ser destaca nesse é incrível mundo dos testes automatizados gabriel verdade é porque ele unifica diversos frame bibliotecas e ferramentas que são necessários para fazer o teste ainda que não é existem ferramentas como o sesc café obter e o próprio voltado para não saio mas a maioria delas são bem cruz e precisão da implantação de uma estética bem definida por isso o iniciando um projeto de automação de solta primeiro se escolhe um frame cheio nike mostra ou jasmim depois uma biblioteca e segue com esse frango spec.js ou y é muito comum

usar o celular não para fazer integração dos elementos do dom enviando comandos de forma remota envelopada pelo webdriver protractor entre outros bem o sai pois é uma ferramenta que já vem com tudo um olinho é certo pelo selene o que é utilizado como base para muitas outras ferramentas de testes mas brian fez questão de retirar da jogada por isso sai possui criado com uma arquitetura diferente desde o início a maioria das ferramentas de testes automatizados você não fora do navegador executando comandos remotos pela rede já o site executado no mesmo ciclo de execução da aplicação

conheço ele executa por baixo dos panos um processo node ds esse processo e o sai por se comunicam constantemente tendo acesso ao beck e um front-end respondendo aos eventos da aplicação em tempo real e ainda trabalha por fora do navegador para resolver as tarefas que necessitam de maior privilégio ele opera também em tempo real na a rede o que permite ler e alterar tudo que entra e sai do navegador sem contar que como ele instalado localmente pode realizar ações que dependem do próprio sistema operacional como tirar screenshots e gravar vídeos em resumo podemos citar algumas

principais vantagens do sai por é só com ninguém doente simulando uma experiência mais próximo do usuário real e podemos ser utilizado em qualquer estrutura ou site front em independente da tecnologia utilizada a utilização do java script a linguagem padrão para quem trabalha com ele e o que facilita a realização dos testes e acaba abrangendo mais a equipe que poderá criá-lo ele contém todas tec necessária é só instalar e começar a testar velocidade um sai por zuza os eventos do dom para simular ações do usuário e isso torna um dos pilotos de testes mais rápidos do

mercado é o pen sócia desde 2017 a empresa abriu o código para que a comunidade pudesse ajudar a ferramenta se desenvolver e também para se popularizar existe também um serviço dashboard com um plano há muitos e pagos criado e mantido pela sai por onde é possível executar os testes em paralelo integrar kong rubi agro para execução de testes entre outros recursos e o selector playground quando o nome diz o site prestem uma fischer onde é possível descobrir os identificadores de qualquer elemento da tela de forma fácil e rápida é só ativar esse recurso clicar no

elemento melzinho na chupeta né que quando você escreve testes é muito comum passar um grande tempo lidando com as falhas os feia o teste em um dos principais objetivos do site pois é deixar o erros mais claros turismo treino outro tem centenas de erros customizados irão ajudar devemos a entender porque algo falhou e qual a real causa da falha próximos mais complexo sistema documentação mais detalhada e a própria mensagem de erro no momento da execução eu te mostro um link para uma possível solução do problema e por isso trabalhar com ferramentas criadas de desenvolvedores para

desenvolvedores é tão bom vamos partir então para começar aplicações mais práticas bora para começar como dissemos os sábios utilizam o molde e por isso vamos fazer a sua instalação através do famoso gerenciador de pacotes voip mentira o npm já está na veia de quem trabalha com o novo npm install sai precisão usando 110 para identificar que o pacote é uma dependência de desenvolvimento agora que ele já está instalado vamos colocar o para rodar esse é o comando completo já que ele está dentro do bean na pasta no de modo mais é possível entre outras formas

usaram o npg estar três opções tem mais simples igual a já temos o saibas rodando em nosso ambiente de desenvolvimento e ainda por cima uma lista completa de exemplo para você explorar e aprender mais sobre o frango então escrever o nosso primeiro teste para isso vamos criar um js chamado o sempre o ponto espectro js a pasta piper integration assim que salvarmos o arquivo ele já vai ser apresentado na área de integração testes do cifras vamos começar com uma espécie de ídolo morto dos testes verificando-se 2 = 2 ok sabemos que isso é bem tosco

mas é uma forma bem simples de começar a perceber como a ferramenta funciona o site adota a 60d de desenvolvimento guiado por comportamento do mooca outra senhor bem famoso de teste a interface obd2 com divinizam descontraído com táxi fit specifc before after before it is at com isso é possível manter os testes bem organizados e fáceis de ler todas as sessões acho melhor usar mas afirmações o site usa chay insert on library o exemplo usamos tio iko existem mais algumas dezenas de thinner como.no with less then instead of e por aí vai agora é só

voltar ao site precisa clicar no nosso teste ele vai automaticamente abrir um browser rodar e mostrar os resultados e depois é só isso salvando lá o arquivo com código-fonte que o teste já vai ser no atualizado em locais viu para perceber que a leitura do código do teste é bem intuitiva por isso vamos seguir para um teste um pouco mais interessante vamos usar a loja do código-fonte e conferir se o preço do nosso conjunto de stickers é mesmo déjà vu é chamada a url da loja em seguida encontramos a caixa de texto que faz a

busca no site vemos um cliente para garantir que o impulso extra limpinho para nossa busca digitamos speakers em seguida simulamos um clique para fazermos a busca nos certificamos de que os sticks foram encontrados e simulamos de novo um clique para entrarmos na página de detalhes do produto por último verificamos através do and bright display se o valor é mesmo que deve estando tudo certinho esse será o resultado com o nosso teste devidamente aprovado e aí é com esse simples exemplo esperamos ter conseguido te mostrar o poder dessa ferramenta acho que não levamos somente um minuto

para construir com o nosso primeiro teste como dito pelos criadores dos sapos mas não podemos negar que foi bem simples rápido e que a ferramenta é muito intuitiva eu fiquei com vontade de conhecer e utilizar ainda mais o site frase você 20 para gente aí nos comentários aí na descrição do vídeo também tem aquele link especial com desconto para quem quer fazer os cursos da loira aproveite e compartilhe esse vídeo com todos aqui no seus amigos e amigos deve que não gosta muito de realizar teste quem sabe esse não será o freimor que faltava para

eles mudarem de ideia nós vamos ficando por aqui e até o próximo dicionário do programador profissional absolar se você está aqui com a gente até o finalzinho desse vídeo é porque está em a aprender mais sobre teste preço deixamos aqui do lado o outro dicionário onde falamos sobre test-driven development entendeu para os íntimos confere tem um juro que vai valer a pena