Diferenças entre os comandos cy.get() e cy.contains() do Cypress

Este conteúdo foi inicialmente publicado na Newsletter da Talking About Testing. Neste conteúdo, vou te explicar algumas diferenças entre os comandos cy.get() e cy.contains(), do framework de testes automatizados web Cypress.io. cy.get() Seleciona um ou mais elementos do DOM através do seletor passado como argumento Recebe como argumento um seletor CSS Pode ser usado em combinação com o :contains() do jQuery, para retornar vários elementos que contenham … Continue lendo Diferenças entre os comandos cy.get() e cy.contains() do Cypress

Como definir as fixtures para testes de frontend com Cypress

Aprenda como entender a estrutura de dados que sua aplicação espera para a criação de fixtures de testes Se você prefere assistir à um vídeo em vez de ler um blog post, aqui vai uma versão  deste conteúdo no YouTube https://youtu.be/2RK3f0tGOIs. Recentemente, fiz uma live no YouTube para explorar e testar a aplicação Memos. Após a live, continuei … Continue lendo Como definir as fixtures para testes de frontend com Cypress

cy.get() vs. cy.contains()

Conheça uma das diferenças entre os comandos cy.get e cy.contains do Cypress Aqui está uma informação simples, mas útil, para você conhecer melhor o Cypress e entender quando usar um comando ou outro. Você sabe qual a diferença entre as duas linhas de código abaixo? cy.get('tr:contains(User 1)') cy.contains('tr', 'User 1') Elas são bem parecidas, não … Continue lendo cy.get() vs. cy.contains()

Testando a cópia para a área de transferência com Cypress

Aprenda como ler informações salvas na janela do navegador, tal como o que é salvo na área de transferência Imagine uma aplicação simples, a qual possui somente um input do tipo texto, com um valor padrão (por exemplo, Olá mundo) e um botão chamado copiar para a área de transferência, o qual quando clicado, copia … Continue lendo Testando a cópia para a área de transferência com Cypress

Controle o relógio do navegador com Cypress

Aprenda como controlar o relógio do navegador com os comandos cy.clock e cy.tick Você já teve que lidar com situações em testes automatizados onde certa ação (ou verificação) só poderia ser feita após um tempo ter passado? Quero dizer algo como o seguinte. Imagine uma aplicação, onde após o envio de um formuário, uma mensagem … Continue lendo Controle o relógio do navegador com Cypress

Como “simular” um CTRL+V com Cypress

Uma alternativa para quando você precisa digitar textos muito longos Recentemente, criei um vídeo chamado "Alternativas para testar o limite máximo de um campo de texto com Cypress". Neste vídeo, uma das alternativas foi sobrescrever o delay padrão do comando .type(), por zero. Porém, há outra alternativa, a qual vou te mostrar a seguir, com um … Continue lendo Como “simular” um CTRL+V com Cypress

A importância da testabilidade para testes automatizados web

Aprenda como melhorar a legibilidade de testes automatizados escritos com o framework Cypress Teu time se preocupa com testabilidade? Caso sim, esse post é pra ti! Uma maneira de verificar a testabilidade de uma aplicação web é inspecionar os elementos do frontend e verificar se eles possuem atributos  adicionados especificamente para facilitar a automação dos … Continue lendo A importância da testabilidade para testes automatizados web

Usando Dado/Quando/Então sem Cucumber com Cypress

Não se prenda ao uso do Cucumber para fazer uso das palavras-chave Dado/Quando/Então Muita gente ainda acha que usar Cucumber é a solução para pessoas não técnicas começarem a escrever testes automatizados, visto que você escreve a especificação de como o software deve se comportar em uma linguagem natural e tal especificação pode ser executada … Continue lendo Usando Dado/Quando/Então sem Cucumber com Cypress

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