Clicking buttons inside an iframe fails in headless Chrome only

Current behavior:

Play/Pause buttons inside of the body of an embedded Youtube video on a webpage (in an iframe) are not found in headless Chrome 79 and test is failing. The same test passes in headless Electron 78 as well as headed Chrome 79 and headed Canary 81.

CypressError: Timed out retrying: Expected to find element: 'button[aria-label="Play"]', but never found it. Queried from element: <body.date-20200113.de_DE.ltr.exp-invert-logo.exp-kevlar-settings.exp-responsive.exp-search-big-thumbs.site-center-aligned.site-as-giant-card.webkit.webkit-537>

Desired behavior:

I know iframes are a bit of a murky area with Cypress, I just cannot figure out why there is a difference and the same test fails only in headless Chrome. Ideally the desired behavior would be the Play/Pause buttons to be found inside of the Youtube iframe body in headless Chrome.

Test code to reproduce

cy.visit('https://docs.cypress.io/guides/overview/why-cypress.html#In-a-nutshell')
  cy.get('iframe[title="youtube video"]').then(($iframe) => {
    const $body = $iframe.contents().find('body')
    cy.wrap($body).find('button[aria-label="Play"]').click()
    cy.wrap($body).find('button[aria-label="Pause (k)"]').click()
})

Versions

Cypress 3.8.1, Windows 10, headless Chrome 79

Screenshots

Failed test in headless Chrome 79:

Passed test in headless Electron 78:

Passed test in headed Chrome 79:

[jennifer-shehane]

@allwefly No worries, it’s not the first time I’ve seen locale differences with tests.

It’s usually good practice to set one in your tests. You can also set timezone for datetime variations as a machine environment variable like TZ=America/New_York cypress run.

[SonaliQA]

Well , i know this issue closed but i got the same error like you got at first time @jennifer-shehane
I have set “chromeWebSecurity” as false and have same code like allwefly Can you please tell me what i missed ?

cypress: 4.10.0