Na “pitada de Cypress” de hoje, aprenda como verificar que um elemento não está presente no DOM

A motivação deste post veio da seguinte pergunta, do Anderson Faria, em um comentário em outro post da série.

Como podemos garantir que um elemento não exista na tela, por exemplo um botão ou opção de um menu.

Obrigado pela pergunta Anderson!

A resposta é simples.

Vejamos um exemplo.

describe('pitadas de Cypress', () => {
  it('"pitadas de pimenta" não está no DOM', () => {
    cy.visit('https://exemplo.com')

    cy.contains('pitadas de pimenta')
      .should('not.exist')
  })
})

O mesmo vale quando identificando elementos por um seletor CSS (veja).

describe('pitadas de Cypress', () => {
  it('elemento com a classe "foo" não está no DOM', () => {
    cy.visit('https://exemplo.com')

    cy.get('.foo').should('not.exist')
  })
})

Essa foi fácil.

Em breve tem mais!


Este foi foi traduzido para inglês e pode ser encontrado no DEV Community.


O que você está achando da série?

Aguardo teu feedback.


Quer aprender automação de testes com Cypress na prática? Conheça meus cursos na Escola Talking About Testing, ou no Udemy.

6 comentários em “Como verificar que um elemento não existe na tela com Cypress

Deixe uma resposta para shard (@drahcir9) Cancelar resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google

Você está comentando utilizando sua conta Google. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s