Home/ Questions/Q 4264
Answered
Ghulam Nabi
Asked: 2022-12-23T11:39:04+00:00

Cypress get href attribute

I have a test case in which I have a link which opens in a new tab. Since Cypress doesn’t support multiple tabs, I want to get the href attribute of that link and then open it in the same tab. I’m trying to do it this way, but for some reason it doesn’t work.

it('Advertise link should refer to Contact page', () => {
    var link = document.querySelector("div.footer-nav > ul > li:nth-child(2) > a").href;
    cy.visit(link);
    cy.title().should('include', 'Text');
});
cypress
Share

2 Answers

  1. Best Answer

    The code below should do what you’re trying to achieve. There is also an entire recipe with suggestions on how to test links that open in new tabs.

    it('Advertise link should refer to Contact page', () => {
   cy.get('div.footer-nav > ul > li:nth-child(2) > a')
     .should('have.attr', 'href').and('include', 'contact')
     .then((href) => {
       cy.visit(href)
     })
})

    I would also suggest reading through the Cypress document on the best ways to assign and work with variables: https://on.cypress.io/variables-and-aliases

    • 0

  2. Found a solution, This works to check a count of items:

    cy.get('.datatable').find('tr').should('have.length', 4)

    This does not work with the Cypress.$() method of notation.

    Reference: https://docs.cypress.io/guides/references/assertions.html#Length

    • 0

Leave an answer

You must login to add an answer.

Need An Account,