https://github.com/ndom91/playwright-recorder-extension
Chrome DevTools Recorder Extension - Export Playwright
https://github.com/ndom91/playwright-recorder-extension
chrome devtools playwright
Last synced: 4 months ago
JSON representation
Chrome DevTools Recorder Extension - Export Playwright
- Host: GitHub
- URL: https://github.com/ndom91/playwright-recorder-extension
- Owner: ndom91
- License: mit
- Created: 2022-08-21T14:41:52.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-08-21T15:28:00.000Z (over 2 years ago)
- Last Synced: 2024-12-27T10:51:24.906Z (4 months ago)
- Topics: chrome, devtools, playwright
- Language: JavaScript
- Homepage:
- Size: 92.8 KB
- Stars: 7
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Chrome DevTools Playwright Exporter Extension
> **WIP** Currently trying to find a way to run codemods in a browser context
---
## 👷 Usage
1. [Create a new recording](https://goo.gle/devtools-recorder#record) via the Recorder panel
2. Click the [export](https://goo.gle/devtools-recorder-eference/#export-flows) icon
3. Choose "Export as a Playwright"
4. Save file as {testName}.{ts.js}
## 🏗 Development
1. Clone the repo
2. Bundle the Javascript `pnpm build`
3. Visit `chrome://extensions`
4. Enable "Developer mode" via toggle switch in upper right corner
5. Click "Load unpacked" button in upper left corner
6. Select the `build` output directory from where you've cloned this repository
## 🙌 Thanks
Extension based upon the [Cypress DevTools Recorder](https://github.com/cypress-io/cypress-recorder-extension) and the Codemod (jscodeshift) from Checkly's [puppeteer-to-playwright](https://github.com/checkly/puppeteer-to-playwright) script.
## 📝 License
MIT