Entrar Ainda não tem acesso?
1
resposta

[Dúvida] Timed out retrying after 4000ms: Expected to find element: [data-test=mensagem-sucesso], but never found it.

Referente ao curso React: escreva testes end to end com Cypress, no capítulo Testando formulários e atividade Fazendo um cadastro

por Mariana Da Paz Drides Brizola
| 21.4k xp | 3 posts
Analista de Testes JR.

Estou rodando este código: describe('Formulario cadastro', ()=>{ beforeEach(()=>{ cy.visit('http://localhost:3000/') })

it('Usuário deve conseguir se cadastrar com sucesso', ()=>{
    cy.getByData('botao-cadastro').click()
    cy.getByData('nome-input').type('Mariana Paz')
    cy.getByData('email-input').type('mariana@alura.com')
    cy.getByData('senha-input').typ![Insira aqui a descrição dessa imagem para ajudar na acessibilidade](https://cdn1.gnarususercontent.com.br/1/3837718/7505a3fa-6846-4177-9ebc-3d4fd178f84a.png)  e('123456')
    cy.getByData('botao-enviar').click()
    cy.getByData('mensagem-sucesso').should('exist').and('have.text', 'Usuário cadastrado com sucesso!')
})

}) e está apresentando a seguinte mensagem: Insira aqui a descrição dessa imagem para ajudar na acessibilidadeO que devo fazer?

1 resposta
por Estudante
| 568.5k xp | 1338 posts

Boa tarde!

A mensagem de erro indica que o elemento com o atributo data-test igual a "mensagem-sucesso" não foi encontrado no DOM durante a execução do teste. Existem algumas possibilidades para investigar e corrigir esse problema:

  1. Verifique se o seletor data-test está correto: Verifique se o atributo data-test está definido corretamente no elemento que você está procurando. Certifique-se de que não há erros de digitação no seletor.

  2. Verifique se o elemento está sendo renderizado: Certifique-se de que o elemento com o atributo data-test igual a "mensagem-sucesso" está sendo renderizado corretamente na página. Você pode inspecionar manualmente o HTML gerado para confirmar se o elemento está presente.

  3. Verifique se há atrasos na renderização: Se houver atrasos na renderização do elemento, pode ser necessário adicionar uma espera explícita antes de procurar pelo elemento. Você pode usar comandos como cy.wait() ou cy.contains().should() para esperar até que o elemento esteja disponível.

  4. Verifique se o fluxo de execução está correto: Verifique se o fluxo de execução do teste está correto. Certifique-se de que o botão de envio esteja sendo clicado corretamente antes de procurar pela mensagem de sucesso.

Recomendo verificar esses pontos e fazer as correções necessárias para garantir que o teste seja executado corretamente.