Bug Reproduction Tool

Bug Reproduction Tool (BRT) records your browser interactions and generates
ready-to-run Playwright tests in TypeScript or JavaScript — instantly.

No manual coding. No proxies. No limitations.

──────────────────────────────
HOW IT WORKS
──────────────────────────────
1. Open any website
2. Click the BRT icon → click Record
3. Interact with the page naturally
4. Switch to Generated Test tab
5. Copy or download your .spec.ts / .spec.js
6. Run: npx playwright test

──────────────────────────────
WHAT GETS CAPTURED
──────────────────────────────
→ Clicks, form fills, navigation, dropdowns
→ Checkboxes, file uploads, keyboard events
→ Screenshots on demand (press S)
→ Hover recording (press H)

──────────────────────────────
ASSERTIONS
──────────────────────────────
Add Playwright assertions to any step:
→ Has Text → expect(locator).toHaveText('...')
→ Has URL → expect(page).toHaveURL('...')
→ Is Visible → expect(locator).toBeVisible()
→ Has Value → expect(locator).toHaveValue('...')
→ Has Attr → expect(locator).toHaveAttribute('...')
→ Count → expect(locator).toHaveCount(n)

Use the Pick button to select elements directly on the page.

──────────────────────────────
STEP MANAGEMENT
──────────────────────────────
→ Drag to reorder steps
→ Click any selector or value to edit inline
→ Double-click step number to add a comment
→ Undo up to 30 levels (Ctrl+Z)
→ Export / import sessions as .brt.json

──────────────────────────────
CODE OPTIONS
──────────────────────────────
→ TypeScript or JavaScript toggle
→ networkidle checkbox — adds waitForLoadState after navigation
→ Custom test name → used as filename and test() label