mlakeram/Cypress-Recorder

A dev tool that records user interaction with a web application and generates cypress code to allow the developer to replicate that particular session.

Cypress Recorder

Cypress Recorder is a Chrome 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 end-to-end tests with Cypress.

Getting Started

Download Cypress Recorder from the Chrome Web Store. 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 superdomain.
• 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. To check recording status at a glance, note our icon: if recording, it will look like this:

• 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

Built With

• Typescript
• React
• CircleCI
• Sass
• Parcel

Contributing

We welcome contributions! Please read our CONTRIBUTING guide to learn about our development process (linting, testing, etc) and how to propose bugfixes and improvements to Cypress Recorder.

Authors

• Abbey Campbell abbeycampbell
• Bradley Morgan bkmorgan3
• Ken Sakuma ken-can-code
• Adam Stover adam-stover

License

ISC

Acknowledgments

• Huge thanks to maximiliangonzalez for the guidance and seasoning:sparkles:
• Inspiration for this project: Puppeteer Recorder

赛普拉斯记录器是一个chrome开发人员工具，可记录用户使用Web应用程序过程中的所生成赛普拉斯代码，以允许开发人员复制该段时间的会话。 通过使用建立单元测试和集成测试，从而加快开发周期。

Cypress Recorderは、Webアプリケーション内のユーザーの行動を記録しCypressのコード生成するChrome拡張機能です。 Cypress Recorderを用いることでCypressを使用したE2Eテストを簡単に作成でき、開発サイクルが短縮されます。