Is there a way to force cypress to open in same tab instead of another tab [duplicate]

Question

I know one of Cypress' trade-offs is testing on multiple tabs. However, our website default to opening another tab. Can I force Cypress to open on same tab to continue my tests? I have this code below but still opens a new tab:

cy.get(element).invoke('attr', 'target', ' _self').click()

I remember finding it somewhere that it can be done but my 1am brain is unable to find it via google search. I also found this on the Cypress documentation but it may not be relevant to my case as I would need to do multiple assertions on that new page which is logged on via SSO: https://docs.cypress.io/api/commands/invoke.html#Function-with-Arguments

Wafd

Answer 1

I would try to invoke the href attr from yielded subject and cy.visit()(which means the cypress opens it in the same app tab), like:

cy.get(element).invoke('attr', 'href').then(myLink => {
    cy.visit(myLink);
})

Rustic

This worked as it opens on same tab. Unfortunately, a bummer that it's not same super-domain even if it it is redirected via SSO (which is accepted in Cypress) but does not work in this case - I will deal with that separately I guess. – Wafd

Answer 2

This worked for me:

cy.get(element).invoke('removeAttr', 'target').click()

Corell

This worked for me, thanks! – Scuttlebutt

Answer 3

Alternatively you can use

describe('describe', () => {
  let myLink: string

  it('Get response body', () => {
    cy.intercept('https://prod.cypress.io/users').as('users')
    cy.get(element).click().wait('@users')
      .then(res => {
        myLink = res.response.body.url
      })
  })

  it('Go to myLink', () => {
    cy.visit(myLink)
  })
})

Holly

Answer 4

In case that the element does not have target attribute:

it.only('Example shows how to work with button that opens new tab without "target: _blank" and "href" attributes.', () => {
  cy.on('uncaught:exception', () => false)
  cy.visit('https://stackdiary.com/open-url-new-tab-javascript/')
  cy.window().then((win) => {
      cy.stub(win, "open").callsFake((url, target) => {
          return win.open.wrappedMethod.call(win, url, "_self");
      })
  });
  cy.get("#open-link-button").click();
  cy.url().should('include', 'stackdiary.com')
  cy.go('back')
})

Interrogative

It's causing a test loading error. – Trundle