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 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

Uma versão simplificada de Page Objects para testes escritos com Protractor

Entenda o que é necessário em testes end-to-end para uma melhor separação de responsabilidades Ao escrever testes de GUI (interface gráfica do usuário), é uma boa prática separar responsabilidades. Vejamos um script de teste escrito com o framework Protractor, o qual não separa responsabilidades muito bem, e então explicarei por que isso acontece. Posteriormente, mostrarei … Continue lendo Uma versão simplificada de Page Objects para testes escritos com Protractor

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

Como utilizar fixtures com Cypress para isolar os testes do frontend

Hoje na série "pitadas de Cypress", aprenda como utilizar fixtures em testes automatizados Para o post de hoje, vou me basear no exemplo do conteúdo de ontem (no qual você aprendeu como interceptar requisições), com uma breve alteração. É isso mesmo, vamos direto para um exemplo prático. A aplicação exemplo é a mesma, ou seja, ela … Continue lendo Como utilizar fixtures com Cypress para isolar os testes do frontend

Como interceptar e mockar a resposta de uma requisição HTTP com Cypress

Hoje em "pitadas de Cypress", aprenda como mockar a resposta do servidor As vezes precisamos rodar testes automatizados em ambientes os quais não temos controle sobre os dados. Em tais situações, seria útil se pudéssemos interceptar a chamada ao servidor, e então mockar sua resposta, com dados conhecidos. Tenho uma boa notícia. Com Cypress você pode … Continue lendo Como interceptar e mockar a resposta de uma requisição HTTP com Cypress