Bug Reproduction Tool

Record user interactions and generate Playwright tests instantly

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