A browser extension that generates Cypress, Playwright and Puppeteer test scripts from your interactions 🖱 ⌨
APACHE-2.0 License
A Browser Extension that generates Cypress, Playwright and Puppeteer scripts automatically from your browser interactions.
Simply step through your website while recording with DeploySentinel Recorder and the extension will convert the captured user flow into a Cypress, Playwright or Puppeteer script.
Looking for a Cypress Studio alternative? Check out our Cypress Recorder Plugin.
id
and class
as well as other HTMLaria-label
, alt
, name
, data-testid
)Download the Extension
Visit the site you want to start recording from
Click the extension icon and click "Start Recording from Current Tab"
Use the site as you would normally (click links, fill forms, etc.)
Click "End Test" whenever you are done. You can copy the generated script via the recording overlay.
Click the extension icon and select "View Last Recording" to access the last recorded test any time afterwards.
Pro tip: To view captured steps or generated code mid-recording, click "Show More" in the recording overlay.
We think there are other great open source codegen tools out there, here is how we think we compare with them. We're always looking to improve our features, so feel free to open an issue or PR for what you think is missing.
DeploySentinel Recorder | Headless Recorder | Chrome Puppeteer Recorder | Playwright CLI Codegen | |
---|---|---|---|---|
Automatic Click Capture | ||||
Automatic Input Capture | ||||
Automatic File Upload Capture | ||||
Accessibility Selector Support | ||||
Copy Code to Clipboard | ||||
data-testid Selector Support | ||||
Text selector support | ||||
Screenshot event generation | ||||
Hover event generation | ||||
Record from Chrome Stable |
Install Dependencies: yarn
(or yarn --frozen-lockfile
)
Start Local Webpack Dev Server for Firefox: yarn run start-ff
Compressed Firefox Extension: yarn run build-ff
Bundle source files for review: yarn run bundle-source
Start Local Webpack Dev Server for Chrome: yarn run start-chrome
Compressed Chrome Extension: yarn run build-chrome
Run E2E Tests: yarn test
Use DeploySentinel to save hours of failed Cypress test debugging by using DOM, network, and console events captured from your CI. Learn more.