cy.within followed by cy.screenshot capture runner does not capture runner

[bahmutov]

Cypress v6.1.0

The following test

describe('page', () => {
  it('works', () => {
    cy.visit('https://example.cypress.io')
    cy.get('.banner').within(() => {
      // should capture the entire test runner
      cy.screenshot('hello-world', {
        capture: 'runner'
      })
    })
  })
})

I expect the screenshot to be of the entire runner, like this

But it takes only the .banner

The devtools console shows the subject of the within affects the screenshot command, ignoring capture: runner option

Desired result

when using capture: runner we should ignore the subject instead

[bahmutov]

Workaround is to set the subject back to the entire document (then there is no subject)

cy.get('.banner').within(() => {
  // should capture the entire test runner
  cy.document().within(() => {
    cy.screenshot('hello-world', {
      capture: 'runner'
    })
  })
})

[jennifer-shehane]

I thought this might have been caused by a recent regression with the within changes, but this has been an issue since 3.8.1 at least.

[cypress-bot]

The code for this is done in cypress-io/cypress#14264, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 6.2.1.

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