Cypress: Support video capture in browsers other than headless electron

[Bkucera]

Features

Video recording for both local and CI:

• [x] chrome headed in https://github.com/cypress-io/cypress/pull/4628 - released in 3.5.0
• [x] electron headed in #6632
• [x] chrome headless in #5676 - released in 3.8.0
• [x] firefox headed in #1359 - released in 4.0.0
• [x] firefox headless in #6336 - released in 4.0.0

Tasks

• chrome headed:
  
  
  
  • use devTools protocol screenCast api
  
  
• electron headed:
  
  
  
  • use devTools protocol screenCast api
  
  
• chrome headless
  
  
  
  • use devTools protocol screenCast api
  
  
• firefox headed:
  
  
  
  • use getUserMedia API + user prefs to auto-accept prompt to capture current tab
  
  
• firefox headless:
  
  
  
  • use getUserMedia API + user prefs to auto-accept prompt to capture current tab
  
  

Related

Video record also mentioned in #745

[itaykotler-fundbox]

@Bkucera, is there a chance this feature will be resolved for the next version 3.0.2 or maybe 3.1.0?
I'de like to run my tests on headless chrome browser and be able to record the tests.
Thanks

[Bkucera]

@itaykotler-fundbox certainly not in a patch release! This is a pretty big feature, we don't even have headless chrome support yet, so that will have to come before recording video on headless chrome, which isn't coming out in 3.1.0. Currently we are working on Native Events, Full Network Proxy support, and Firefox.

[itaykotler-fundbox]

@Bkucera, thanks for the response

[Bkucera]

@itaykotler-fundbox but do throw a :+1: on the top level comment to give the issue higher priority, we sort by reactions to determine what the community wants

[nickatnight]

Almost a year later..any update?

[mikhaildzarasovvineti]

Any updates here?

[haoyu-twins]

Any update?

[bahmutov]

Pull request https://github.com/cypress-io/cypress/pull/4628 has headed Chrome recording video of the test run. Waiting for final review, merge and release.

[robertaocanastrao]

Any news after the pull request?

[yelnar]

Waiting for this pr to be merged. We were forced to move to chrome browser because we needed WebGL support, and now when some of our tests fail, we do not have any videos.

[raylenmargono]

Any update?

[thiagobrez]

Wanting to know from this too. Any progress?

[drewwats]

Also patiently waiting due to WebGL issues on Electron...

[prudhvidandamudi]

Any updates for this issue!! planning to do a POC on cypress for our organization and videos are not getting recorded for chrome browser. The organization is expecting tests on chrome.

[bahmutov]

We are working on recording Chrome headed video in https://github.com/cypress-io/cypress/pull/4628 targeting v3.5.0 release

[jennifer-shehane]

We have been writing and reviewing this code since our last update. You can scroll to the bottom of any PR and see the exact activity that is happening https://github.com/cypress-io/cypress/pull/4628 - this one having been commented on 29 minutes ago.

Please do not comment for updates

Please refrain from commenting asking for updates 🙏

1. It creates noise for other people watching progress here.
2. It takes the team's focus away from working on the PR.
3. You can find ALL current updates by scrolling to the bottom of the linked PR: https://github.com/cypress-io/cypress/pull/4628

[brian-mann]

I believe this is already done and released... yeah?

/cc @Bkucera @flotwig

[jennifer-shehane]

@brian-mann The checklist in the description is accurate as of 3.8.2. So the ones that are not checked have not been delivered so this should not be released.

You cannot record video in Electron headed, Firefox headless, Firefox headed as of 3.8.2.

[cypress-bot[bot]]

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

[cypress-bot[bot]]

Released in 4.2.0.

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