cypress-io / cypress-recorder-extension

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

1. Create a new recording via the Recorder panel
2. Hover over the export icon
3. Click "Export as a Cypress Test"
4. Save file as {testName}.cy.{ts.js}

Testing

1. Clone the repo, run yarn and run yarn build
2. Visit chrome://extensions
3. Enable "Developer mode" via toggle switch in upper right corner
4. Click "Load unpacked" button in upper left corner
5. Select the build directory produced by yarn 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.