Description from extension meta
Automatically fill forms with random data
Image from store
Description from store
๐ 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.