Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/AndrewUsher/playwright-recorder-extension
https://github.com/AndrewUsher/playwright-recorder-extension
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/AndrewUsher/playwright-recorder-extension
- Owner: AndrewUsher
- License: mit
- Created: 2023-05-01T17:21:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-05-04T16:49:40.000Z (over 1 year ago)
- Last Synced: 2024-04-17T04:28:29.051Z (9 months ago)
- Language: JavaScript
- Size: 31.3 KB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-playwright - Playwright Chrome Recorder Extension - Export DevTools Recordings as Playwright Tests directly from the DevTools Recorder Panel. (Integrations)
README
# Playwright Chrome Recorder Extension
> 🔖 **Playwright Extension for Chrome DevTools Recorder.**
Add [this Chrome Extension](https://chrome.google.com/webstore/detail/playwright-chrome-recorde/bfnbgoehgplaehdceponclakmhlgjlpd) to export DevTools Recordings as Playwright Tests directly from the [DevTools Recorder Panel](https://goo.gle/devtools-recorder).
## Usage
1. [Create a new recording](https://goo.gle/devtools-recorder#record) via the Recorder panel
2. Hover over the [export](https://goo.gle/devtools-recorder-eference/#export-flows) icon
3. Click "Export as a Cypress Test"
4. Save file as {testName}.cy.{ts.js}## Testing
1. Clone the repo, run `yarn` and run `yarn build`
2. Visit chrome://extensions
3. Enable "Developer mode" via toggle switch in upper right corner
4. Click "Load unpacked" button in upper left corner
5. Select the `build` directory produced by `yarn build`## Publishing
After building and testing the extension locally, upload the build folder to Web Store.
# Export in bulk programmatically
Alternatively, use the [playwright-chrome-recorder](https://github.com/andrewusher/playwright-chrome-recorder) CLI to export DevTools Recordings as Playwright Tests in bulk programmatically.