E2E Recorder v2

About

E2E Recorder v2 is a developer tool that captures your browser interactions and converts them into production-ready automated test scripts — with no AI, no cloud, and no external dependencies.

SUPPORTED FRAMEWORKS
• Playwright TypeScript
• Playwright Python
• Cypress (JavaScript)
• Selenium WebDriver (JavaScript)

KEY FEATURES

Smart selector engine
Scores every element using a priority table (data-testid › id › aria-label › role › name › placeholder › text › class › tag) and picks the most stable selector automatically. Shadow DOM (>>> piercing) and iframe frame-chain tracking are fully supported.

Visual selector inspector
While recording, a green/amber/red outline appears over hovered elements to show selector quality in real time — before you even click.

Multiple selector candidates
Each recorded action captures up to 6 alternative selectors. You can test each one against the live page, see how many elements it matches, and choose or discard them.

Comprehensive event capture
Clicks, text input (with 400ms debounce), special key presses, hover with DOM-change detection, relevant scroll, drag-and-drop, file upload, and native/custom dropdown selection.

Sensitive data masking
Password fields and inputs matching credential patterns (api_key, token, cvv…) are automatically masked. The real value is never stored.

Multi-tab recording
Detects when a recorded click opens a new tab or OAuth pop-up and continues recording across contexts. The generated script includes the correct page-switching code for each framework.

Event editor
After recording, reorder or delete steps, edit selectors inline with live uniqueness validation, insert new steps between existing ones, and review automatic assertion suggestions.

Step-by-step replay
Click ▶ Test to replay the recorded session against the live page. Each step shows ✓ (passed), ✗ (selector not found), or – (skipped) in real time.

Export options
Copy to clipboard or download as a file. Optional Page Object Model output. Optional accessibility assertion inclusion.

Built-in Logs panel
A dedicated Logs tab captures messages from background, content, and popup contexts with level and source filtering — useful for debugging recording issues.

PRIVACY
100% local. No data ever leaves your browser. No analytics, no telemetry, no external network requests of any kind.