E2E Test Generator: Intelligent Playwright Test Automation Tool

This extension is currently in active beta development.
We're excited to share early access with our community!

Please note: Features may change according to feedback.

Next-Gen Test Automation
Transform browser interactions into reliable Playwright tests with AI-assisted precision. Key features:

Smart Element Detection: Auto-generates robust locators (XPath/CSS/Text) with cross-frame tracking.
Intelligent Assertions: Context-aware validation points with DOM state verification.
Real-Time Code Sync: Instant Playwright code updates during interaction.
Intelligent Recording: Floating toolbar controls (pause/resume/step insertion).
Workspace Integration: Automatic test file management (.spec.js) with config priority.
Locator Strategies: Global repository management with XPath/CSS fallbacks.
Cross-Browser Ready: Built-in support for Chromium and Firefox.

Start Recording

Configure Test Details
- Click the TestGenX icon in the Activity Bar.
- Or run View: Show E2E Test Generator from Command Palette.
- Enter test file name (auto-appends .spec.js).
- Provide unique test name.
- Input target URL (validates and auto-corrects protocol).
Initiate Recording
- Click "Start Recording".
- Browser launches with debugging controls.
- Interactions are translated to Playwright code.
Interact with Browser
- Perform user actions in the embedded browser.
- Use Context Menu to insert assertions.
- Handle multi-page scenarios.
- Pause/resume as needed.
- Insert/Add test steps with floating toolbar.
- Check for live recorded locator in the spec.js file.
Generate Tests
- Stop recording when finished by closing the browser or using stop recording button.
- Review generated Playwright test file (.spec.js).
- Execute tests directly from VS Code terminal.

From Test Explorer
- Locate your testcase in the spec.js file.
- Click run icon next to test case or file.
Settings
- Webview Panel Settings
  - Access in settings section of recorder panel
  - Active only when no config file exists
  - Settings include : Test Browser, Headless mode, Show html Report, Debug Option. `
- Playwright Config File (if present in workspace):
  - Always takes priority over Recorder Panel settings.
  - Detected automatically during test execution.