Translate clicks, inputs, and other interactions into Cypress script inside your Cypress test browser (replacement for Cypress Studio)
npm install @deploysentinel/cypress-recorderCreate Cypress tests scripts within the Cypress test browser by simply
interacting with your application, similar to the previous
Cypress Studio
functionality previously available in Cypress v9. This plugin will allow you to
translate clicks, inputs, and other events into a Cypress script.
!demo recording test script in Cypress
Built on top of the
DeploySentinel Recorder Browser Extension.
**Plugin only works for Cypress v10, not with v9 and below, currently compatible
with Chrome and Firefox**
```
npm install -D @deploysentinel/cypress-recorder
OR
``
yarn add --dev @deploysentinel/cypress-recorder
Add the plugin to your cypress.config.js file:
`js
const { defineConfig } = require("cypress");
module.exports = defineConfig({
e2e: {
setupNodeEvents(on, config) {
// Add plugin import here 👇
require("@deploysentinel/cypress-recorder")(on, config);
},
},
});
`
Run Cypress in open` mode, select a spec to run, and then click "Record" button
on the top left of the test application panel to start recording.

Read more on how to add text assertions, hover events and screenshots in the
DeploySentinel Recorder extension docs.
---
Use DeploySentinel to save hours of failed Cypress test debugging by using DOM,
network, and console events captured from your CI.
Learn more.