Blank/Frozen Video Recording on Chrome v87

[kamalbennani]

Current behavior

I think that the issue has been reported a couple of times but the context was quite different.

So the issue here is that the Cypress Video Recording is Frozen or only shows the Cypress Frame Layout on Chrome V87.

It's pretty straightforward to reproduce the issue, just download the latest version of Chrome (v87), write a small Cypress test, and run cypress using headless mode targeting chrome, and voilà.

For now, we've managed to partially resolve the issue by downgrading the Chrome version to v85.

Versions

Cypress version: v5.6.0 and v5.2.0
Chrome version: V87

[randing89]

Looks like the same issue as I am getting here: #9267

[you1anna]

Also getting this issue, seems to be Chrome 87

[jweingarten]

I have the same thing. Cypress 5.6 and Chrome 87. I went back to Chrome 86 and it works again. Cypress 6.0 and Chrome 87 do not work either. Cypress 6.0 and Chrome 86 work.

On Chrome 87 you see this

Finished processing: /foobar/tests    (0 seconds)
15:01:55                           /artifacts/videos/next.js.mp4   

It's always 0 seconds

[mduft]

This started happening for me after upgrade to Cypress 6.0.0 which has Electron 86. Videos are no longer usable.
Also screenshots don't seem to work - whatever cypress tells me screenshots it made for failing tests are not present on disc at all.

[forehalo]

Just found the reason:
TLDR, chromium throttles frame rate with Page.screencastFrameAck. If no ACK replied, what cypress does, the maximum count of frames server will receive is 3.

https://chromium.googlesource.com/chromium/src/+/1c762fa1266fda75231b9ac7b515318fc5328b4d
https://chromium.googlesource.com/chromium/src/+/1c762fa1266fda75231b9ac7b515318fc5328b4d/content/browser/devtools/protocol/page_handler.cc#881
https://chromium.googlesource.com/chromium/src/+/1c762fa1266fda75231b9ac7b515318fc5328b4d/content/browser/devtools/protocol/page_handler.cc#960

[jennifer-shehane]

I can recreate this issue. The video is blank/frozen when run in Chrome 87, which will now affect 6.0 users recording in Electron since that has been updated to Chrome 87.

• Chrome 87.0.4280.67 video: ❗️ Blank spec.js.mp4.zip
• Electron 87 video: ❗️ Frozen spec.js.mp4.zip
• Edge 87.0.664.47 video: ❗️ Blank
  spec.ts.mp4.zip
• Chromium 86.0.4240.80 video: ✅ Working
  spec.js.mp4.zip

Updated to mention Edge video

[karanshah-browserstack]

The issue is also reproducible on edge 87 browser which was released recently.

[cypress-bot]

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

[cypress-bot]

Released in 6.0.1.

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