Blackout area is offset from where it should be when upgrading to 9.7.0 from 9.5.4

Current behavior

Blackout is not blacking out the specified area in 9.7.0. It seems to be trying, but the blacked out area is offset from where it should be.

This is my blackout area in Cypress 9.5.4:

I am attempting to upgrade to 9.7.0, and the wrong area is being blacked out. The tests haven’t changed.

Desired behavior

Blackout the specified area.

Test code to reproduce

     cy.findByAutomationID(`drive`)
        .should(`be.visible`)
        .matchImageSnapshot({ blackout: [`[data-automation-id="drive-item-modified-date"]`] })

Cypress Version

9.7.0

Other

I also tried one or two Cypress 9.6 versions and saw the same behavior there. I am unable to upgrade past 9.5.4 since it breaks my visual tests that use blackout. It seems like blackout is still functioning, it’s just blacking out the wrong area on the page. These tests have been working properly with all versions of Cypress since July, 2021. The tests work great in Cypress 9.5.4.

[sandy-farnsworth]

Thank you @jordanhennell !

[jordanhennell]

Indeed it does look to have been introduced when adding cross origin support. Got a small repro here, where it’s attempting to blackout the English label.

cy.visit("https://www.wikipedia.org/")
    .get('.central-featured') // centered (margin: 0 auto) globe with languages around it
    .screenshot({
        blackout: ['[lang=en]']
    });