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

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, com uma breve alteração (no conteúdo de ontem você aprendeu como interceptar requisições). É isso mesmo, vamos direto para um exemplo prático. A aplicação exemplo é a mesma, ou … 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

Como rodar testes em modo headless com Cypress

Hoje em "pitadas de Cypress", aprenda como executar testes em modo headless Após instalar o Cypress, é possível rodar o comando cypress open para rodar testes em modo interativo, onde você pode assistir os testes executando, além de usar as funcionalidades de time-travel e automatic reload. Porém, depois que os testes estão prontos, queremos poder executá-los de forma automática a … Continue lendo Como rodar testes em modo headless com Cypress

Como identificar um elemento por seu texto com Cypress

Na "pitada de Cypress" de hoje, aprenda como identificar elementos por seu texto Quando criamos scripts de testes automatizados, nem sempre conseguimos identificar elementos por um seletor CSS único. Mas e se conseguíssemos identificá-los por seu texto? Vou mostra-los dois exemplos. No primeiro exemplo, não importa que tipo de elemento é, desde que o mesmo … Continue lendo Como identificar um elemento por seu texto com Cypress

Como aguardar uma requisição acabar antes de seguir adiante com Cypress

Hoje em "pitadas de Cypress", aprenda um mecanismo para tornar seus testes mais robustos. Imagine uma aplicação para a simples criação de anotações. Após realizar o login na aplicação, o usuário é redirecionado para uma lista com todas suas anotações. Além disso, após criar, editar ou deletar uma anotação, o mesmo também é direcionado para … Continue lendo Como aguardar uma requisição acabar antes de seguir adiante com Cypress

Como visitar uma página que está em meu computador com Cypress

Aprenda como testar uma página HTML que está somente em seu ambiente local A "pitada de cypress" de hoje é inspirada em uma dúvida do Rafael Barbosa. Obrigado pela pergunta Rafael! Com o Cypress, caso você queira testar uma página que está disponível somente em seu computador, ou seja, ela não está disponível via internet, você pode … Continue lendo Como visitar uma página que está em meu computador com Cypress

Como criar comandos customizados com Cypress

Hoje em "pitadas de Cypress", aprenda como criar código reutilizável Muita gente vem me pedindo para falar sobre "Page Objects ou App Actions?" Aos que querem entender melhor sobre o assunto, além da fonte oficial (blog do Cypress.io), recomendo a tradução do Jonas Davila, e a live #15 do canal TAT. Neste post não vou me … Continue lendo Como criar comandos customizados com Cypress