Como verificar se um elemento está visível no Cypress?

Use uma asserção como .should('be.visible') para confirmar que o elemento aparece na interface.

Como executar testes do Cypress pelo terminal?

Execute o comando npx cypress run no terminal para rodar os testes sem abrir a interface gráfica.

Como testar diferentes tamanhos de tela no Cypress?

Use cy.viewport() para simular dispositivos, resoluções e orientações portrait ou landscape.

Imagem do Curso gratuito Cypress na Automação de Testes de Software

Curso online gratuito Cypress na Automação de Testes de Software

Name: Cypress na Automação de Testes de Software
Availability: InStock

Duração do curso online: 1 horas e 48 minutos

4.5

(4)

Domine testes E2E com Cypress e ganhe produtividade em QA: automação de cliques, asserts, viewport e execução no terminal em um curso online gratuito.

Neste curso gratuito, aprenda sobre

Abrir e navegar para URLs em testes Cypress com cy.visit()
Interagir com a UI: clicar, digitar, enviar Enter e limpar campos (.click, .type, .clear)
Automatizar um fluxo básico de login e validação de acesso
Organizar testes em suítes e casos (describe/it) e boas práticas de separação
Executar apenas um teste com .only para focar debug e desenvolvimento
Controlar esperas com cy.wait e entender seu uso em sincronização
Simular dispositivos e resoluções com cy.viewport, incluindo portrait e landscape
Validar título e conteúdo: cy.title e assertions should('exist','be.visible','contain')
Verificar estilos CSS: cor, tamanho de fonte e font-family em elementos da UI
Validar atributos como src de imagens e outros valores do DOM
Rodar testes no terminal com npx cypress run e gerar reportes
Usar invoke() para acessar/projetar propriedades e métodos de elementos
Aplicar beforeEach para preparar estado (ex.: abrir URL) antes de cada teste
Limpar cookies com clearCookies e simular mouseover para abrir menus

Sobre o curso online gratuito

Ganhe confiança para automatizar testes de aplicações web com Cypress e acelere sua rotina de QA. Neste curso online gratuito, você aprende a estruturar testes E2E de forma prática, saindo do “começar do zero” até criar verificações confiáveis de interface e comportamento, com comandos essenciais e boas práticas que tornam sua suíte mais clara, reaproveitável e fácil de manter.

Ao longo das aulas, você vai desenvolver a habilidade de navegar por páginas, interagir com elementos e formular validações que realmente protegem o produto. Na prática, isso significa automatizar ações comuns do usuário — como clicar, preencher campos, limpar inputs e simular o envio de formulários — enquanto valida títulos, existência de elementos no DOM, visibilidade e conteúdo apresentado na tela. Esse conjunto de técnicas ajuda a evitar falsos positivos e a construir testes que falham quando algo importante muda.

Você também entenderá como organizar o projeto em casos de teste e suítes, quando focar a execução em um único teste para depuração, e como lidar com esperas de forma consciente durante a automação. Além disso, o curso aborda cenários indispensáveis para qualidade em diferentes dispositivos, incluindo simulação de tamanhos de tela e verificação de orientação (portrait e landscape), aproximando os testes do uso real em mobile.

Outro diferencial está nas validações de aspectos visuais e propriedades de CSS: você verá como checar cor, tamanho e fonte de textos e até validar atributos de imagens, fortalecendo testes de UI com asserts objetivos. Para fechar, você aprenderá a executar o Cypress via terminal e gerar resultados de execução, um passo importante para integração com pipelines de CI/CD e para acompanhar a saúde da suíte ao longo do tempo.

Se você quer evoluir em automação de testes, aumentar sua empregabilidade em QA e criar testes mais rápidos de escrever e mais fáceis de manter, este curso é um ótimo ponto de partida para aplicar Cypress em projetos reais com mais segurança e produtividade.

Conteúdo do curso

Aula em vídeo: 01 - Abrindo uma URL com Cypress 01m
Exercício: Qual é o principal propósito de alterar a URL no teste de automação usando Cypress?
Aula em vídeo: 02 - Como clicar nos elementos com Cypress .click() 03m
Exercício: Qual é a funcionalidade do Cypress que auxilia na identificação de elementos para realizar ações em testes automatizados?
Aula em vídeo: 03 - Como digitar nos campos usando Cypress .type() 02m
Exercício: Qual das alternativas abaixo descreve corretamente como inserir uma ação de 'enter' em um campo de texto ao utilizar o Cypress na automação de testes?

Aula em vídeo: 04 - Como fazer login simples no Cypress 05m
Exercício: Qual das seguintes alternativas descreve corretamente o fluxo básico de automação de login utilizando o Cypress conforme o exemplo dado?
Aula em vídeo: 05 - Como separar os testes em Test Cases no Cypress? 06m
Exercício: Qual é a função principal ao se dividir testes em suítes de teste dentro de um projeto de automação?
Aula em vídeo: 06 - A importância de separar os testes dentro da suíte de testes no Cypress 02m
Exercício: Qual é a principal vantagem de separar os testes em suítes diferentes?

Aula em vídeo: 07 - Como rodar somente 1 teste dentro de uma suíte de testes no Cypress? .only 01m
Exercício: Qual é a finalidade de rodar apenas um teste dentro de uma suíte de testes no Cypress?
Aula em vídeo: 08 - Como esperar entre um teste e outro no Cypress? cy.wait 04m
Exercício: Qual é a função do comando 'wait' (esperar) em um teste automatizado usando o Cypress?
Aula em vídeo: 09 - Como apagar / deletar o texto no Cypress? .clear() 01m
Exercício: Qual função em Cypress permite limpar o conteúdo de um campo de entrada antes de escrever um novo valor?

Aula em vídeo: 10 - Como simular diferentes aparelhos no Cypress usando o viewport() ? 04m
Exercício: Qual é uma das principais funcionalidades do Cypress quando realizamos testes automatizados com diferentes dispositivos?
Aula em vídeo: 11 - Como verificar o texto do title com Cypress? cy.title () 03m
Exercício: Qual é a função de testar se o texto aparece corretamente em uma página web durante a automação de testes?
Aula em vídeo: 12 - Como verificar se um texto existe no Cypress? Assertion should.('exist') 04m
Exercício: Qual é o principal objetivo de escrever testes específicos que verificam a existência de elementos no DOM em um framework como o Cypress?

Aula em vídeo: 13 - Como verificar se um texto aparece na UI com Cypress? Assertion .should('be.visible') 02m
Exercício: Qual é o propósito principal de verificar se um elemento é visível na interface durante um teste de software?
Aula em vídeo: 14 - Como verificar se um texto esta correto no Cypress? Assertion .should('contain', ' ') 04m
Exercício: Qual é a vantagem de separar testes em diferentes blocos no Cypress?
Aula em vídeo: 15 - Testando Landscape e portrait no Cypress 03m
Exercício: Qual é a importância de testar a orientação do dispositivo (portrait e landscape) em automação de testes com Cypress?

Aula em vídeo: 16 - Cypress e CSS - Como verificar a cor do elemento usando Cypress? 05m
Exercício: Qual é uma maneira de verificar a cor atual de um elemento em um site durante um teste de automação com Cypress?
Aula em vídeo: 17 - Cypress e CSS - Como verificar o tamanho do texto usando Cypress. 04m
Exercício: Qual é o método sugerido para identificar o tamanho da fonte de um elemento quando não se tem documentação disponível?
Aula em vídeo: 18 - Cypress e CSS - Como verificar a fonte do texto usando Cypress. 04m
Exercício: No contexto de testes automatizados com Cypress, qual é a função de verificar a propriedade 'font-family' de um elemento CSS?

Aula em vídeo: 19 - Cypress e CSS - Como verificar uma imagem src usando Cypress 04m
Exercício: Qual é o processo correto para verificar a fonte de uma imagem em um teste automatizado usando Cypress?
Aula em vídeo: 20 - Como rodar Cypress no terminal e gerar um reporte de teste - npx cypress run 04m
Exercício: Qual é uma forma rápida de executar testes no Cypress sem abrir a interface do site?
Aula em vídeo: 21 - Resuma?o de Cypress para iniciantes 27m
Exercício: Qual comando no Cypress é utilizado para digitar um texto em um campo de input?

Aula em vídeo: 01 - Cypress parte 2 - Como acessar um elemento com invoke() 02m
Exercício: Qual é a função do método 'invoke' no Cypress?
Aula em vídeo: 02 - Cypress parte 2 - BeforeEach - rodando a URL antes de cada test case 01m
Exercício: Qual é a principal função do 'before each' no contexto de testes automatizados com Cypress?
Aula em vídeo: 03 - Cypress parte 2 - clearCookies - limpando os cookies 00m
Exercício: Qual é a principal função do 'Clear Cookie' no contexto de automação de testes de software?
Aula em vídeo: 04 - Cypress parte 2 - mouseover - Como abrir um menu simulando o mouse over 00m
Exercício: Qual atributo deve ser utilizado para simular a ação de passar o mouse sobre um link e abrir um menu no Cypress?