Cypress Chrome Recorder Extension
🔖 Official Cypress Extension for Chrome DevTools Recorder.
This project is maintained by the Cypress Team.
Add this Chrome Extension to export DevTools Recordings as Cypress Tests directly from the DevTools Recorder Panel.
Usage
- Create a new recording via the Recorder panel
- Hover over the export icon
- Click "Export as a Cypress Test"
- Save file as {testName}.cy.{ts.js}
Testing
- Clone the repo, run
yarn
and runyarn build
- Visit chrome://extensions
- Enable "Developer mode" via toggle switch in upper right corner
- Click "Load unpacked" button in upper left corner
- Select the
build
directory produced byyarn build
Publishing
After building and testing the extension locally, upload the build folder to Web Store.
Export in bulk programmatically
Alternatively, use the @cypress/chrome-recorder CLI to export DevTools Recordings as Cypress Tests in bulk programmatically.