I built a Chrome extension that turns bug reproductions into Playwright test drafts

QA Bug → Regression Test is a Chrome extension designed to streamline the process of turning bug reproductions into Playwright test drafts. When a user opens a web page, they can initiate a bug session from the Chrome side panel. The extension requests permission to access the site being recorded. As the user reproduces the bug, the recorder captures supported clicks, form input, selections, and navigation.

During this process, they can also add assertions, a bug title, expected and actual results, and an optional screenshot. Once the session is stopped, the user reviews the captured data and generates both a Markdown bug report and a Playwright TypeScript regression-test draft. The goal is to minimize the time spent transitioning from identifying a bug to documenting it sufficiently for others to reproduce it.

The generated test is merely a draft, requiring further review and refinement, including adjustments to locators, warnings, skipped steps, and assertions, as well as the replacement of any test-data placeholders. Users should then run the test in their own Playwright project. The recorder primarily focuses on the main frame of the initial site, with potential manual intervention needed for cross-origin pages or specific popup or new-tab flows.

All sessions are stored locally in Chrome, without any cloud sync or account requirements. Sensitive form values and certain URL query/hash values are automatically redacted through rule-based detection, though this is not exhaustive. Any private information, including page text, URL paths, and screenshot pixels, should be carefully reviewed before sharing.

The extension supports bug reports in both English and Turkish. The generated Playwright code is written in TypeScript. Users are encouraged to try the extension on the Chrome Web Store and provide feedback on which aspect of the bug-to-test handoff they find most time-consuming.