E2E Recorder v2 by Alejandro Alberca

E2E Recorder v2 captures your browser interactions and converts them into production-ready automated test scripts — no AI, no cloud, 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.

Visual selector inspector — a green/amber/red outline appears over hovered elements while recording to show selector stability in real time.

Multiple selector candidates — each recorded action captures up to 6 alternative selectors. Test each one against the live page and choose or discard them individually.

Comprehensive event capture — clicks, text input (400 ms debounce), special key presses, deliberate 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 replaced with ENV_SECRET_PARAM. The real value is never stored.

Multi-tab recording — follows OAuth pop-ups and new-window flows seamlessly. The generated script includes the correct page-switching code for each framework.

Event editor — 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 session against the live page. Each step shows ✓ (passed), ✗ (failed), or – (skipped) in real time.

Shadow DOM & iframe support — full capture and code generation for components inside shadow roots and nested frames.

Page Object Model export — optional toggle generates a separate POM class file alongside the test script.

Built-in Logs panel — captures messages from all extension 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 requests of any kind.