AI Form Filler

🔍 Overview AI Form Filler is a browser extension designed to automate the process of filling out web forms for testing, QA, and development purposes. It leverages the [faker.js](https://fakerjs.dev/) library, extended with custom logic for UK-specific data, to generate realistic and context-aware fake data for a wide variety of form fields, including text inputs, selects, date pickers, and checkboxes. --- 🌟 Key Features 🔎 Automatic Field Detection: Scans the current web page for all visible form fields, including text inputs, selects, textareas, and checkboxes. 🤖 Context-Aware Data Generation: Uses field labels, names, and types to intelligently determine the most appropriate fake data to insert (e.g., names, emails, UK National Insurance numbers, dates of birth, etc.). 📅 Support for Multiple Date Formats: Generates dates of birth in formats (`dd/mm/yyyy`, `yyyy-mm-dd`, `dd-mm-yyyy`, ISO UTC) and adapts to `<input type="date">`. ☑️ Checkbox Handling: Detects and programmatically checks or unchecks boxes. 🇬🇧 UK-Specific Data: Produces realistic UK banking details, National Insurance numbers, tax codes, and postcodes. ⚙️ Customizable Filling: Allows individual or bulk filling with options for formats or checked states. 1️⃣ Custom Faker Extensions Enhancements to faker.js include: 🎩 Titles (`Mr`, `Mrs`) 🚻 Gender (`Male`, `Female`) 💳 UK banking details (account, sort code) 🧾 Tax details (NI number, tax code) 🎂 Dates of birth with format support 🏠 Postcodes 📧 Custom email addresses 🔢 Random numbers of specified digit length 2️⃣ Field Detection Logic 🔍 Detection: Finds all fields (excluding hidden inputs) using `querySelectorAll`. 🏷️ Label Extraction: Uses `label[for=]`, `aria-label`, placeholders, and DOM traversal. 🧩 Type Suggestion: Matches labels/names/IDs via regex to suggest faker methods. 3️⃣ Filling Logic 📝 Text Inputs & Text areas: Auto-fill based on detected type. 🔽 Selects: Matches data to options or selects randomly. 📅 Date Pickers: Adapts date formats automatically. ☑️ Checkboxes: Check/uncheck based on logic or randomness. --- 4️⃣ Chrome Messaging API Supports extension messaging for: 🔍 `detectFields` – Returns all field metadata. ✍️ `fillField` – Fills a single field. 🗂️ `fillAllFields` – Fills everything at once. --- 💡 Example Use Cases 🧪 QA Automation: Quickly populate forms for testing. 💻 Development: Speed up UI builds with fake data. 🎨 Demo Environments: Showcase apps without real data. --- 🔧 Extensibility 🏗️ Add custom faker extensions for new data types/locales. 🔍 Expand regex-based matching for business-specific fields. 🖥️ Integrate with popups or settings for user customization. --- ⚠️ Limitations 🧩 Matching depends on label/name/ID accuracy. 🔄 Dynamic forms may need re-detection. 🧩 Custom frameworks/components may need tweaks. --- 📋 Example Supported Fields | Field Label/Type | Example Data Generated | | ------------------------- | ------------------------------------------------------- | | 👤 First Name | John | | 👤 Last Name | Smith | | 📧 Email | [john.smith123@test.com](mailto:john.smith123@test.com) | | 🎂 Date of Birth | 1985-07-23 (or other formats) | | 🧾 National Insurance No. | SJ123456B | | 💳 Account Number | 12345678 | | 🏦 Sort Code | 123456 | | 🏠 UK Postcode | AB12 3CD | | ☑️ Checkbox | Checked/Unchecked | --- 🔐 Security & Privacy 🚫 No Data Storage: No data is stored or transmitted. 🧪 Test Data Only: All data is fake and safe. --- ✅ Conclusion AI FormFiller is a powerful, extensible tool to quickly and intelligently populate web forms with realistic, UK-specific test data, making it perfect for QA, development, and demos.