Records a user session and generates cypress code for automation and testing purposes.
Cypress Recorder
Cypress Recorder is a developer tool that records user interaction within a web application and generates Cypress scripts to allow the developer to replicate that particular session. This will speed up your development cycle by facilitating the creation of unit and integration tests.
Getting Started
Click 'Add to Chrome'. That's it! Once you see our icon at the upper-right of your browser window, you are ready to start generating Cypress scripts.
Features
This extension will allow you to:
* Record clicks, typing, submits, and navigation in the browser.
* See the scripts render live as they are generated.
* Delete accidental actions.
* Reorder actions as necessary.
* Pause and resume recording within a single session.
* Record navigation within a domain.
* Copy the generated code to your clipboard.
Usage
* Open the extension and click 'Start Recording' to begin recording actions.
* Click links, submit forms, etc.
* Check your saved actions by opening the popup at any time.
* Click 'Stop Recording' to stop recording. From there, you will have the option to resume recording, reset, or copy your generated code to your clipboard.
* You can also use keyboard shortcuts:
On Macs:
- ctrl + R to start and stop recording
- ctrl + G to reset
On PCs and Linux:
- alt + R to start and stop recording
- alt + G to reset
Authors
Abbey Campbell | https://github.com/abbeycampbell
Bradley Morgan | https://github.com/bkmorgan3
Ken Sakuma | https://github.com/gxcad
Adam Stover | https://github.com/adam-stover
We welcome contributions to this project! Check us out on Github: https://github.com/KabaLabs/Cypress-Recorder
Latest reviews
- (2022-03-07) Michael Schantin: Unfortunately doesn't even manage to record a select, the Cypress Scenario Recorder (https://chrome.google.com/webstore/detail/cypress-scenario-recorder/fmpgoobcionmfneadjapdabmjfkmfekb/related?hl=en) does a better job.
- (2021-04-14) Xu Tongbin: 12ddad
- (2021-04-06) Seth Fearnside: It does what it advertises, and is simple to use
- (2020-10-14) Very useful!
- (2019-11-05) Kenny Somerville: Very handy!
- (2019-11-01) Ryan Bernstein: Extremely useful for generating cypress automation code!
- (2019-10-31) Randy Reyes: this is so much better than manually traversing the DOM. thank you!
- (2019-10-29) Gotta say, this tool is pretty dang useful for running tests. It really writes actual code. pretty sicc.
- (2019-10-22) Krystal C: The best one - I love to record the code from the browser. 👍👍👍