يقوم معبئ النماذج بملء كل حقل نموذج مرئي في الصفحة ببيانات اختبار واقعية - الاسم، البريد الإلكتروني، الهاتف، العنوان، كلمة المرور، إلخ. يستخدم الاكتشاف الذكي نوع الحقل، والاسم، والمعرف (id)، والإكمال التلقائي، وتلميحات النص النائب. تظل الحقول ذات الصلة متسقة (الاسم الأول + الاخير + البريد الإلكتروني كلها مشتقة من نفس الهوية). يتعامل مع صناديق الاختيار، وأزرار الاختيار، والقوائم المنسدلة، ومدخلات React المحكومة.
تعبئة نماذج الاختبار يدوياً عشرات المرات أثناء التطوير هو استهلاك محبط للوقت. يقوم معبئ النماذج بأتمتة ذلك ببيانات تبدو واقعية. عند تنشيط الأداة، تولد هوية وهمية كاملة: الاسم الأول، اسم العائلة، البريد الإلكتروني (مشتق من الأسماء)، اسم المستخدم، كلمة المرور، الهاتف، العنوان الكامل، تاريخ الميلاد، الشركة، والموقع الإلكتروني. اضغط على 'تعبئة كل النماذج' وسيحصل كل حقل إدخال/منطقة نص/قائمة منسدلة مرئي وقابل للتحرير على قيمة منطقية. الاكتشاف ذكي - فالحقل المسمى 'email' أو من نوع 'email' يحصل على البريد الإلكتروني، والحقل الذي يحتوي على autocomplete='given-name' يحصل على الاسم الأول، وحقل التاريخ يحصل على تاريخ، وحقل الأرقام يحصل على قيمة عشوائية ضمن الحدود الدنيا والقصوى. يتم تحديد صناديق الاختيار، وتختار مجموعات أزرار الاختيار الخيار الأول، وتختار القوائم المنسدلة الخيار الثاني (تتخطى خيارات النص النائب المعتادة). والأهم من ذلك، أن القيم ترسل أحداث 'إدخال' و 'تغيير' متوافقة مع React و Vue بحيث يتم تحديث المكونات المحكومة (controlled components) بشكل صحيح - وهي نقطة ألم شائعة مع أدوات تعبئة النماذج البدائية. قم بتوليد هويات جديدة، وتخطي الحقول المملوءة مسبقاً، وفعل الإرسال التلقائي اختيارياً، ومسح كل شيء للعودة إلى الفراغ.
هويات وهمية متسقة: الاسم + بريد إلكتروني مطابق، الشارع + المدينة + الولاية + الرمز البريدي، الهاتف، الشركة، تاريخ الميلاد، وكلمة مرور تستوفي متطلبات التعقيد.
يفحص النوع، والاسم، والمعرف (id)، والإكمال التلقائي، والنص النائب، و aria-label لاختيار القيمة الصحيحة - 'fname' و 'given-name' و 'firstName' كلها تؤدي إلى الاسم الأول.
يستخدم أداة الضبط الأصلية + أحداث الإدخال/التغيير لتحديث المكونات المحكومة بشكل صحيح - يعمل في الحالات التي يفشل فيها تعيين القيمة البسيط .value = '...' بصمت.
النصوص، البريد الإلكتروني، الهاتف، الرابط، الرقم، التاريخ، الوقت، اللون، النطاق، كلمة المرور، مناطق النصوص، القوائم المنسدلة، صناديق الاختيار، أزرار الاختيار - يتم التعامل معها جميعاً بشكل صحيح.
الاسم الأول واسم العائلة والبريد الإلكتروني مرتبطة - قم بالتعبئة مرة واحدة وسيكون البريد الإلكتروني '[email protected]' وليس سلسلة عشوائية.
تتوهج الحقول المملوءة باللون الأخضر لفترة وجيزة لتتمكن من تأكيد ما تم لمسه. قم بإيقاف التشغيل إذا كنت تفضل التعبئة الصامتة.
تبني مسار تسجيل؟ املأ جميع النماذج فوراً - لا مزيد من كتابة 'test' و '[email protected]' يدوياً للمرة الأربعين.
قم بعرض نموذج متعدد الخطوات ببيانات واقعية - أسماء وعناوين وأرقام هواتف تبدو مقنعة بالفعل لأصحاب المصلحة.
قم بتوليد هويات متعددة بسرعة لاختبار الأسماء التي تحتوي على فواصل، والبريد الإلكتروني الطويل، وتنسيقات الهواتف غير المعتادة، إلخ.
بالاشتراك مع الإرسال التلقائي، قم بإرسال نموذج اختبار بسرعة N مرة لاختبار قدرة الواجهة الخلفية على التحمل دون الحاجة لأي سكربت.
املأ نموذجاً مباشرة أثناء عرض تقديمي للعميل دون توقف لابتكار بيانات معقولة - معبئ النماذج يحافظ على تدفق العرض.
اضغط على أيقونة معبئ النماذج في لوحة DevSuite Pro. يتم توليد هوية تلقائياً وعرضها في اللوحة.
تحقق من الاسم الحالي، والبريد الإلكتروني، وكلمة المرور، إلخ. إذا كنت تريد بيانات مختلفة، اضغط على 'هوية جديدة' لإعادة التوليد.
فعل 'تمييز الحقول المملوءة' للتأكيد البصري، أو 'الإرسال التلقائي' لإرسال النموذج بعد التعبئة، أو 'تخطي المملوء مسبقاً' للحفاظ على القيم الموجودة.
يحصل كل حقل إدخال مرئي في الصفحة على قيمة منطقية. يظهر إشعار يوضح عدد الحقول التي تم ملؤها.
قم بتوليد هوية جديدة للتعبئة مرة أخرى ببيانات مختلفة، أو اضغط على 'مسح الحقول' لإعادة تعيين النموذج إلى فارغ.
قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 64 أداة للمطورين لمتصفحك.
