Playwright Codegen | Day 4 | Playwright with JavaScript in 30 Days Challenge | Tech Bharat
Playwright Codegen
Start Playwright Codegen
npx playwright codegen
Playwright Codegen helps you:
- Record user actions automatically
- Generate automation scripts
- Capture reliable locators
- Speed up test creation
Pick Locator Feature
The Pick Locator option helps you identify the best locator for an element directly from the browser.
It supports generating stable locators such as:
- getByRole()
- getByText()
- getByLabel()
- locator()
- CSS selectors
- XPath (if needed)
Generate Code in Multiple Languages
Playwright can generate code in different languages, such as:
- JavaScript
- TypeScript
- Java
- .NET (C#)
- Python
Example:
npx playwright codegen --target=java
Other examples:
npx playwright codegen --target=python
npx playwright codegen --target=javascript
npx playwright codegen --target=csharp
View All Available Options
npx playwright codegen --help
This command shows all available options supported by Playwright Codegen.
Some useful options include:
- Saving generated code to a file
- Setting browser type
- Running in headed mode
- Using a custom viewport
- Recording against a specific URL
Save Generated Code to a File
If you want to directly save the generated script into a file:
npx playwright codegen --output tests/example.spec.js
Example for Java:
npx playwright codegen --target=java --output src/test/java/TestExample.java
Additional Useful Options
Open a Specific Website
npx playwright codegen https://example.com
Use a Specific Browser
npx playwright codegen --browser=firefox
Supported browsers:
- Chromium
- Firefox
- WebKit
Best Practices
✅ Use generated code as a starting point only
✅ Replace weak locators with stable locators
✅ Add assertions after recording
✅ Follow Page Object Model (POM) for maintainability
✅ Avoid unnecessary waits in generated scripts
✅ Clean and optimize the generated code before using in framework
- Join our Telegram channel: https://t.me/thetechbharat
- Join our WhatsApp Group: https://chat.whatsapp.com/BBu2ZXxqASr7AHilRfSUzh?mode=gi_t
- Follow us for more info: www.linkedin.com/in/rajat-bhatti
- Subscribe to our YouTube channel: https://www.youtube.com/@Techbharat12
Post a Comment