Form Filler পেজের প্রতিটি দৃশ্যমান ফর্ম ফিল্ডে রিয়েলিস্টিক টেস্ট ডেটা বসিয়ে দেয় — নাম, ইমেইল, ফোন, ঠিকানা, পাসওয়ার্ড ইত্যাদি। স্মার্ট ডিটেকশন ফিল্ড টাইপ, নাম, id, autocomplete এবং placeholder হিন্ট ব্যবহার করে। সম্পর্কিত ফিল্ডগুলো সামঞ্জস্যপূর্ণ থাকে (ফার্স্ট নেম + লাস্ট নেম + ইমেইল সবই একই আইডেন্টিটি থেকে তৈরি হয়)। checkbox, radio, select এবং React-controlled input সবকিছুই হ্যান্ডেল করে।
ডেভেলপমেন্টের সময় বারবার হাতে টেস্ট ফর্ম পূরণ করা একঘেয়ে সময় নষ্ট। Form Filler রিয়েলিস্টিক-দেখতে ডেটা দিয়ে সেই কাজ অটোমেট করে দেয়। অ্যাক্টিভেট করলে টুলটি একটি সম্পূর্ণ ফেক আইডেন্টিটি তৈরি করে: ফার্স্ট নেম, লাস্ট নেম, ইমেইল (নাম থেকে তৈরি), ইউজারনেম, পাসওয়ার্ড, ফোন, পূর্ণ ঠিকানা, জন্মতারিখ, কোম্পানি এবং ওয়েবসাইট। Fill All Forms ক্লিক করলে দৃশ্যমান ও এডিটেবল প্রতিটি input/textarea/select-এ যুক্তিসঙ্গত মান বসে যায়। ডিটেকশন যথেষ্ট স্মার্ট — "email" নামের বা type="email" ফিল্ডে ইমেইল বসে, autocomplete="given-name" থাকা ফিল্ডে ফার্স্ট নেম বসে, date-type ফিল্ডে একটি তারিখ বসে, number ফিল্ডে min/max সীমার মধ্যে একটি র্যান্ডম মান বসে। Checkbox চেক করা হয়, radio গ্রুপে প্রথম অপশন বেছে নেওয়া হয়, select-এ দ্বিতীয় অপশন বেছে নেওয়া হয় (সাধারণ placeholder প্রথম-অপশন এড়িয়ে)। গুরুত্বপূর্ণ বিষয় হলো, মানগুলো React এবং Vue-কম্প্যাটিবল input + change ইভেন্ট ডিসপ্যাচ করে, যাতে controlled কম্পোনেন্টগুলো সঠিকভাবে আপডেট হয় — সাধারণ form-filler টুলে এটাই সবচেয়ে বড় সমস্যা। নতুন আইডেন্টিটি জেনারেট করুন, ইতিমধ্যে পূরণ করা ফিল্ড স্কিপ করুন, চাইলে অটো-সাবমিট করুন, আর Clear দিয়ে সবকিছু আবার খালি করে দিন।
সঙ্গতিপূর্ণ ফেক আইডেন্টিটি: নাম + মিলে যাওয়া ইমেইল, স্ট্রিট + শহর + রাজ্য + জিপ, ফোন, কোম্পানি, জন্মতারিখ, কমপ্লেক্সিটি রিকোয়ারমেন্ট পূরণ করা পাসওয়ার্ড।
সঠিক মান বেছে নিতে type, name, id, autocomplete, placeholder এবং aria-label পরীক্ষা করে — "fname", "given-name", "firstName" সবই ফার্স্ট নেমে ম্যাপ হয়।
controlled কম্পোনেন্ট সঠিকভাবে আপডেট করতে native setter + input/change ইভেন্ট ব্যবহার করে — যেখানে সাধারণ .value = '...' নীরবে ব্যর্থ হয়, সেখানেও কাজ করে।
Text, email, tel, URL, number, date, time, color, range, password, textarea, select, checkbox, radio — সবকিছুই সঠিকভাবে হ্যান্ডেল করা হয়।
ফার্স্ট নেম, লাস্ট নেম এবং ইমেইল লিঙ্কড থাকে — একবার পূরণ করলেই ইমেইল হয় "[email protected]", কোনো র্যান্ডম স্ট্রিং নয়।
পূরণ করা ফিল্ডগুলো কিছুক্ষণের জন্য সবুজ রঙে জ্বলে ওঠে যাতে আপনি নিশ্চিত হতে পারেন কী পরিবর্তন হয়েছে। নীরবে ফিল করতে চাইলে বন্ধ করে দিন।
সাইনআপ ফ্লো বানাচ্ছেন? Fill All Forms দিয়ে সাথে সাথে পূরণ করুন — ৪০ বারের মতো হাতে "test" "[email protected]" টাইপ করার দরকার নেই।
রিয়েলিস্টিক ডেটা দিয়ে মাল্টি-স্টেপ ফর্ম ডেমো করুন — নাম, ঠিকানা ও ফোন নম্বর যা স্টেকহোল্ডারদের কাছে সত্যিকারের মনে হয়।
অ্যাপোস্ট্রফিসহ নাম, লম্বা ইমেইল, অস্বাভাবিক ফোন ফরম্যাট ইত্যাদি পরীক্ষা করতে দ্রুত একাধিক আইডেন্টিটি জেনারেট করুন।
auto-submit-এর সাথে মিলিয়ে, কোনো স্ক্রিপ্টিং ছাড়াই ব্যাকএন্ড হ্যান্ডলিং স্ট্রেস-টেস্ট করতে টেস্ট ফর্ম দ্রুত N বার সাবমিট করুন।
ক্লায়েন্ট ডেমোর সময় বিশ্বাসযোগ্য ডেটা ভাবার জন্য না থেমে লাইভ ফর্ম পূরণ করুন — Form Filler ডেমোকে সচল রাখে।
DevSuite Pro ডকে Form Filler আইকনে ক্লিক করুন। একটি আইডেন্টিটি স্বয়ংক্রিয়ভাবে তৈরি হয়ে প্যানেলে দেখানো হয়।
বর্তমান নাম, ইমেইল, পাসওয়ার্ড ইত্যাদি দেখে নিন। ভিন্ন ডেটা চাইলে New Identity ক্লিক করে নতুন করে জেনারেট করুন।
ভিজ্যুয়াল কনফার্মেশনের জন্য "highlight filled fields", পূরণের পর ফর্ম সাবমিট করতে "auto-submit", বা বিদ্যমান মান রাখতে "skip already-filled" টগল করুন।
পেজের প্রতিটি দৃশ্যমান input-এ যুক্তিসঙ্গত মান বসে যায়। একটি টোস্ট জানায় কতগুলো ফিল্ড পূরণ হয়েছে।
ভিন্ন ডেটা দিয়ে আবার পূরণ করতে নতুন আইডেন্টিটি জেনারেট করুন, অথবা ফর্মকে খালি করতে Clear Fields ক্লিক করুন।
বিনামূল্যে DevSuite Pro ইনস্টল করুন এবং আপনার ব্রাউজারের জন্য ৬৪+ ডেভলপার টুল আনলক করুন।
