Cypress DOM alias retries to re-run .blur command

[bahmutov]

Cypress v6.8.0

https://github.com/cypress-io/cypress-test-tiny/tree/alias-blur

Imagine the spec

/// <reference types="cypress" />
it('uses the alias', () => {
  // cy.visit('/')
  cy.visit('index.html')
  cy.focused().should('have.id', 'fname').blur()

  // completely unrelated field
  cy.contains('Child div').as('child').should('be.visible')

  // re-render the label
  cy.get('button').click()

  cy.get('@child')
  // just querying it again works
  // cy.contains('Child div').as('child').should('be.visible')
})

The button click re-draws the relevant DOM node

document.getElementById('work').addEventListener('click', () => {
  document.getElementById('parent').innerHTML = `
    <div id="child">Updated Child div</div>
  `
})

Because of the button click, the original DOM alias @child is no longer attached to the DOM, thus Cypress tries to re-query the chain of commands. When this runs (use Chrome v91+ to get around #6207) we get an attempt to re-run the .blur command

[bahmutov]

Seems it thinks the original cy.contains is a child command, even if it starts

cy.contains('Child div').as('child').should('be.visible')

[bahmutov]

@bkucera would/should cy.contains be a parent command or a child command this test?

cy.visit('/')
cy.contains('some text')

Right now it thinks cy.contains is a child command of cy.visit but I seriously doubt this is correct

[jennifer-shehane]

cy.contains() reruns queries when there's an alias. It's very very weird behavior.

Duplicate of #7413