AI Form Filler

About

🔍 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                  | [[email protected]](mailto:[email protected]) |
| 🎂 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.