https://github.com/deploysentinel/cypress-recorder

A Cypress plugin that generates test scripts from your interactions, a replacement Cypress Studio for Cypress v10 🖱 ⌨
https://github.com/deploysentinel/cypress-recorder

chrome cypress cypress-plugin e2e firefox javascript no-code test-automation testing-tools

Last synced: 4 days ago
JSON representation

A Cypress plugin that generates test scripts from your interactions, a replacement Cypress Studio for Cypress v10 🖱 ⌨

• Host: GitHub
• URL: https://github.com/deploysentinel/cypress-recorder
• Owner: DeploySentinel
• License: apache-2.0
• Created: 2022-07-24T05:19:30.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-26T04:44:02.000Z (over 2 years ago)
• Last Synced: 2024-08-09T08:34:05.621Z (3 months ago)
• Topics: chrome, cypress, cypress-plugin, e2e, firefox, javascript, no-code, test-automation, testing-tools
• Language: JavaScript
• Homepage: https://www.deploysentinel.com/
• Size: 1.19 MB
• Stars: 23
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# DeploySentinel Cypress Recorder Plugin

Create Cypress tests scripts within the Cypress test browser by simply

interacting with your application, similar to the previous

[Cypress Studio](https://docs.cypress.io/guides/references/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](./assets/demo.gif)

Built on top of the

[DeploySentinel Recorder Browser Extension](https://www.deploysentinel.com/recorder).

**Plugin only works for Cypress v10, not with v9 and below, currently compatible

with Chrome and Firefox**

## Get Started

### Install the plugin

```

npm install -D @deploysentinel/cypress-recorder

```

OR

```

yarn add --dev @deploysentinel/cypress-recorder

```

### Add Plugin to Cypress Config

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);

    },

  },

});

```

### Use the Recorder

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](https://www.deploysentinel.com/docs/recorder).

---

## Made with ❤️ by [DeploySentinel](https://deploysentinel.com)

Use DeploySentinel to save hours of failed Cypress test debugging by using DOM,

network, and console events captured from your CI.

[Learn more.](https://deploysentinel.com)