Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Como consigo localizar o elemento de nome "header__message" no exercício 5 ?

Eu fiz de uma forma o exercício 5 que também processou o resultado esperado para o teste:

describe('exercicio_5', () => {
  it('Deve abrir página de HOME do Adopet e clicar no botão "Falar com o responsável"', () => {
    cy.visit('https://adopet-frontend-cypress.vercel.app/home');
    cy.contains('a','Falar com responsável').click();
  })
})

Porém vi na solução de exercício que o campo do evento de clique foi inserido da seguinte forma

    it("Visita a página de /home do AdoPet e clique no botão “Falar com o responsável”", ()=>{
        cy.visit('https://adopet-frontend-cypress.vercel.app/home');
        cy.get('.header__message').click()  
    })

Gostaria de saber como posso localiza-lo ao Inspecionar o elemento da página, poderia ser o print da tela. Abaixo o print de como me baseei para montar o código usando a função 'contains'.

Print da telaDesde já grato pela atenção! :D

2 respostas
solução!

Olá, Wesley! Tudo bem?

Seu exercício está correto e acredito que está alinhado com as boas práticas, inclusive a descrição do teste. Parabéns!

Sobre o elemento .header__message, você pode encontrá-lo através do inspecionar do próprio cypress, pois ele dá essa sugestão.

Fico à disposição, bons estudos!

Agora entendi, o ícone do Envelope da classe header__messagem na parte superior e o link do "Falar com o Responsável" levam à mesma página. E não sabia que dava pra fazer a inspeção de elemento dentro do Cypress, eu tava fazendo fora também.

Estou salvando aqui o print para consultas futuras :D inspecaoObrigado pelo feedback do exercício!