🎯 Gofakeit Autofill

🎯 Gofakeit Autofill

📝 Rich Context Examples Rich Context

These fields have lots of descriptive text to help the search API find the right functions.

📋 Medium Context Examples Medium Context

These fields have some descriptive text to test moderate context detection.

🔍 Sparse Context Examples Sparse Context

These fields have minimal context to test the search API's ability to work with limited information.

🏷️ Categories

Testing various gofakeit categories with different input types.

👤 Person Category

🏠 Address Category

🏢 Company Category

Uses search to find ein function

💳 Payment Category

🌐 Internet Category

⏰ Time Category

📝 Text-based Time Fields

🗣️ Language Category

📝 Word Category

🎨 Color Category

🐾 Animal Category

🍕 Food Category

🚗 Car Category

📦 Product Category

Uses search to find product function
Uses search to find category function
Uses search to find brand function
Uses search to find sku function
Uses search to find description function

🎮 Game Category

🎲 Misc Category

📅 Date & Time Inputs

Testing date and time input types with and without range constraints.

🔍 Additional Range Examples

🔢 Number Input Examples

Testing number input types with various contexts that benefit from search functionality.

Uses search to find routingnumber function
Uses search to find accountnumber function
Uses search to find creditcard function
Uses search to find cvv function
Uses search to find phone function
Uses search to find zipcode function
Uses search to find ssn function
Uses search to find price function
Uses search to find age function
Uses search to find year function
Uses search to find quantity function
data-gofakeit="number" - uses number function directly

🎯 Custom Function Examples

Examples with specific function assignments.

data-gofakeit="uuid"
data-gofakeit="creditcard"
data-gofakeit="bitcoinaddress"
data-gofakeit="ipv4address"
data-gofakeit="loremipsumparagraph"

✅ Data-gofakeit="true" Fields

These fields have data-gofakeit="true" and will be autofilled regardless of Auto Mode setting.

data-gofakeit="true"
data-gofakeit="true"
data-gofakeit="true"
data-gofakeit="true"
data-gofakeit="true"
data-gofakeit="true"
data-gofakeit="true"
data-gofakeit="true"
data-gofakeit="true"

🚫 No Search Inputs

These input types are excluded from search API and use direct function assignment.

🚫 Excluded Fields (data-gofakeit="false")

These fields will NOT be filled by the autofill function.

⚠️ Error Demonstration

These fields use invalid data-gofakeit values that should cause errors to be displayed. This helps test error handling and user feedback.

data-gofakeit="nonexistentfunction"
data-gofakeit="fakefunction123"
data-gofakeit="notreal"
data-gofakeit="bogusdata"
data-gofakeit="madeupfunction"
data-gofakeit="wrongfunction"
data-gofakeit="invalidtextarea"

🎯 Badge Positioning Tests

This section tests various badge positioning scenarios including subscrolling containers, complex layouts, and viewport visibility to ensure badges work correctly in all situations.

📜 Subscrolling Container Test

Scroll within this container to test badge positioning with subscrolling:

🔄 Multiple Subscrolling Containers

Test badges in multiple nested scrollable containers:

👁️ Viewport Visibility Test

Test that badges disappear when elements are out of viewport:

🎭 Mixed Element Types in Complex Layout

Test badges with different element types in a complex nested layout:

↔️ Horizontal Scrolling Test

Test badges in a horizontally scrollable container:

🪆 Nested Scrollable Containers

Test badges in deeply nested scrollable containers:

🔄 Transform and Position Test

Test badges with elements that have CSS transforms and positioning:

📚 Z-Index and Overlay Test

Test badges with elements that have different z-index values:

📏 Border and Margin Test

Test badges with elements that have borders, margins, and padding to see positioning accuracy: