0
246
Views¿Cómo puede Cypress verificar el contenido con hipervínculos?
Estoy tratando de crear una prueba de automatización que simplemente verifique si el contenido existe o se muestra con un hipervínculo incrustado en el texto. Adjunto mi captura de pantalla para obtener más información, solo estoy tratando de verificar todo el contenido en el cuadro rojo. También resalté el código en la herramienta de desarrollo de Google.
3 answers
Answer question0
Puede intentar encontrar un elemento "a" dentro de su elemento "li" y verificar su atributo href y el texto interno.
cy.get(selector) .find("a") .should("have.attr", "href", "/path") .should("have.text", "Alcohol Anonymous");0
Consulte esta publicación de blog del equipo de Cypress. Explican todas las diferentes formas en que puede probar enlaces con ciprés.
https://www.cypress.io/blog/2020/12/10/testing-the-anchor-links/
desplácese hacia abajo hasta la sección Checking every link , que es lo que creo que desea
0
@GustavoCesário es correcto, debe apuntar a la sección de la página que contiene los enlaces.
Si prueba cy.get('a') , obtendrá el logotipo, el menú de navegación, etc., pero eso no es lo que desea probar.
Además, para el texto completo desea <li> no <a> .
const expectedParagraphs = [ 'Alcohol Anonymous is a free support group that offers help for anyone choosing to stop drinking.', 'Cancer Research provides information on how alcohol affects your risk of the disease.', 'Carers Trust gives help to people who are affected by someone else's drinking.', ... ] beforeEach(() => { cy.visit('https://www.drinkiq.com/en-gb/get-help/'); }) it('checks the list texts', () => { cy.get('main') .find('li') .each(($li, i) => { const paragraph = $li.text() expect(paragraph).to.eq(expectedParagraphs[i]) }) })