Fix issue with the timing of setting cookies in the browser

Currently, if a cross-origin request sets a cookie and the app attempts to read the cookie via document.cookie synchronously on page load, the document.cookie value will not be correct / up-to-date.

Spec:

it('document.cookie includes cookie set by http request', () => {
  cy.get('[data-cy="cookie-login-land-on-document-cookie"]').click()
  cy.origin('http://foobar.com:3500', { args: { username } }, ({ username }) => {
    cy.get('[data-cy="username"]').type(username)
    cy.get('[data-cy="login"]').click()
  })

  cy.origin('http://idp.com:3500', { args: { username } }, ({ username }) => {
    cy.get('[data-cy="document-cookie"]').invoke('text')
    .should('include', `user=${username}`)
  })
})

App:

<p>
  <strong>document.cookie:</strong>
  <span data-cy="document-cookie"></span>
</p>
<script>
  document.querySelector('[data-cy="document-cookie"]').textContent = document.cookie;
</script>

[boylec]

Not sure how helpful this is, but my particular test is good to go up to 10.3.

When run from 10.3.1 my test fails in a unique way unlike 10.4+ When run from 10.4+ my test fails as described in #23565

Let me know if any more detail would be helpful, I’ll do the best I can.

[cypress-bot[bot]]

Released in 10.11.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to Cypress v10.11.0, please open a new issue.