Como marcar vários checkboxes de uma só vez com Cypress

Aprenda como remover duplicações na chamada do comando .check() quando você quer marcar todos os checkboxes de uma seção da aplicação Eu não sei você, mas eu não gosto muito de duplicação de código. Portanto, hoje vou te mostrar uma técnica para eliminar um pouco de duplicação quando lidando com checkboxes usando o framework Cypress. … Continue lendo Como marcar vários checkboxes de uma só vez com Cypress

Como ler o localStorage do navegador com Cypress

Na "pitada de Cypress" de hoje, aprenda como obter valores salvos no localStorage do browser e então executar asserções sobre eles Nem tudo que acontece no frontend de uma aplicação web é visível ao usuário final. Para termos as experiências que temos quando utilizamos diferentes ferramentas na web, muita coisa ocorre nos bastidores, e o navegador … Continue lendo Como ler o localStorage do navegador com Cypress

Como digitar e pressionar ENTER com Cypress

Hoje em "pitadas de Cypress", aprenda como testar uma funcionalidade de busca como um usuário real Quando escrevemos testes end-to-end, é importante que os testes simulem o uso da aplicação da forma mais próxima à qual um usuário real faria. Vejamos o site de busca DuckDuckGo como exemplo. Quando um usuário faz uma busca, normalmente ele … Continue lendo Como digitar e pressionar ENTER com Cypress

Como simular a demora em uma requisição com Cypress

Na "pitada de Cypress" de hoje, aprenda como simular uma demora (ou atraso) em uma requisição HTTP para testar este estado intermediário da aplicação Imaginemos uma funcionalidade de busca. Quando tal funcionalidade é invocada, uma requisição HTTP é disparada para uma API externa, e enquanto a API não responde, o texto Loading... é exibido junto com … Continue lendo Como simular a demora em uma requisição com Cypress

Como simular erros com Cypress

Hoje em "pitadas de Cypress", aprenda como simular erros no servidor e na rede, para testar situações difíceis de controlar no mundo dos testes end-to-end Testes end-to-end são excelentes para testar cenários de "caminho feliz" e as funcionalidades mais importantes da aplicação. Porém, existem situações inesperadas, e quando elas ocorrem, a aplicação não pode "quebrar" por … Continue lendo Como simular erros com Cypress

Como tirar screenshots ao longo dos testes com Cypress

Hoje em "pitadas de Cypress", aprenda como tirar screenshots durante a execução dos testes, até mesmo de componentes específicos Essa pitada vai pro André Souza, que um dia desses perguntou: Como eu faço screenshot com Cypress para testes web? Boa pergunta André! Antes de mais nada, vale comentar que tal conhecimento pode ser de grande … Continue lendo Como tirar screenshots ao longo dos testes com Cypress

Como realizar uma ação condicionalmente com Cypress

Na "pitada de Cypress" de hoje, aprenda como clicar em um elemento somente se uma determinada condição for atendida Visto que compartilho conteúdos sobre Cypress, algumas pessoas me perguntam. Walmyr, como faço para interagir com um elemento somente caso este esteja visível, e caso contrário, seguir adiante? Para responder esta pergunta, vou usar uma aplicação … Continue lendo Como realizar uma ação condicionalmente com Cypress

Como rodar testes simulando dispositivos móveis com Cypress

Hoje na série "pitadas de Cypress", aprenda como rodar testes em viewport mobile Uma das grandes vantagens dos testes automatizados é que eles não se cansam, e portanto, podem ser executados em diferentes sistemas operacionais, navegadores e viewports, para garantir o funcionamento da aplicação em teste nesses diferentes "ambientes". Atualmente, um número crescente de pessoas acessa … Continue lendo Como rodar testes simulando dispositivos móveis com Cypress

Como realizar testes de regressão visual com Cypress e Percy

Hoje em "pitadas de Cypress", aprenda como integrá-lo com o serviço Percy.io para a realização de testes de comparação de snapshots Essa é pro Pedro Hyvo, que esses dias sugeriu o seguinte tema para a série. Testes de regressão visual seria uma boa. Boa mesmo Pedro. Então vamos lá! Mas antes deixa eu contextualizar o que são … Continue lendo Como realizar testes de regressão visual com Cypress e Percy

Como verificar o conteúdo de um arquivo com Cypress

Você sabia que com Cypress é possível ler o conteúdo de um arquivo? Hoje em "pitadas de Cypress", aprenda como isso funciona. Para facilitar a explicação, irei utilizar um exemplo do curso de testes automatizados com Cypress intermediário da Escola TAT. No curso, a aplicação em teste é a versão open-source do GitLab. Dentre questões relacionadas … Continue lendo Como verificar o conteúdo de um arquivo com Cypress