A Chrome Extension that records and replays form fills in the browser — built for QA testing workflows. Fill a form once, save it as a profile, and replay it any time.
This monorepo contains two projects:
| Directory | Description |
|---|---|
extension/ |
Chrome Extension (Manifest V3) |
site/ |
Landing page (Next.js + Tailwind CSS) |
- Record — Fill out a form while recording; all field values and selectors are captured automatically.
- Replay — Select a saved profile and replay it on any page with matching fields.
- Scan — Instantly capture all currently filled form fields (keyboard shortcut: Alt+S).
- Multiple Profiles — Save unlimited profiles, organized by name and timestamp.
- Smart Field Matching — Hybrid strategy using id, data-testid, name, aria-label, label text, placeholder, and CSS selector fallback.
- Template Variables —
{{seed}},{{ts}},{{seq}},{{uuid}},{{date:FORMAT}}for dynamic data. - File Upload Support — Captures and replays file uploads.
- Export / Import — Share profiles as JSON files between team members or machines.
- Framework Compatible — Handles React/Vue controlled inputs with native property setters.
- Lightweight — No external dependencies. Pure Manifest V3 extension.
cd extension
npm install
npm run buildThen load the extension/ folder as an unpacked extension in chrome://extensions/ (Developer mode).
cd extension
npm testBuilt with Next.js, Tailwind CSS, and the Tailark dark template.
cd site
pnpm install
pnpm devcd site
pnpm buildMIT