Solucionado
Boa tarde, tudo bem?
No caso do botão cadastrar qual o melhor caminho?
describe('template spec', () => {
it('passes', () => {
cy.visit('https://adopet-frontend-cypress.vercel.app/');
cy.contains('a', 'Cadastrar').click();
}
}
OU
describe('template spec', () => {
it('passes', () => {
cy.visit('https://adopet-frontend-cypress.vercel.app/');
cy.get('[data-test="register-button"]').click();
}
}
Obrigado!
hoje, com a Alura e o Google Gemini
Olá, Marcelo. Tudo bem?
Sobre a sua dúvida, ambos os métodos que você mencionou podem ser usados para clicar no botão "Cadastrar", mas cada um tem suas vantagens dependendo do contexto.
Usando cy.contains('a', 'Cadastrar'): Esse método é útil quando você quer clicar em um elemento que contém um texto específico. É mais intuitivo e fácil de entender, especialmente se o texto do link for único na página. No entanto, se houver múltiplos elementos com o mesmo texto, pode não ser tão preciso.
cy.contains('a', 'Cadastrar').click();
Usando cy.get('[data-test="register-button"]'): Este método utiliza um seletor de atributo, que é mais específico. Usar atributos como data-test é uma prática recomendada em testes automatizados, pois esses seletores são menos propensos a mudar com alterações de layout ou estilo, tornando seus testes mais robustos.
cy.get('[data-test="register-button"]').click();
Considerando que o atributo data-test="register-button" está presente no elemento, eu recomendaria usar o segundo método (cy.get('[data-test="register-button"]')), pois ele é mais específico e menos suscetível a falhas devido a mudanças no texto ou estrutura da página.
Espero ter ajudado.