Ant-design: إضافة المعرفات إلى المكونات ذات الصلة (حقول إدخال التاريخ ، وأزرار الاختيار ومربعات الاختيار ، والقوائم المنسدلة ، إلخ)

تم إنشاؤها على ٢٤ نوفمبر ٢٠١٧ · 7تعليقات · مصدر: ant-design/ant-design

ما المشكلة التي تحلها هذه الميزة؟

يجعل من السهل إجراء اختبار شامل باستخدام السيلينيوم و xPath

كيف تبدو واجهة برمجة التطبيقات المقترحة؟

على سبيل المثال رمز مثل هذا:

يجب أن يعطي <DatePicker id='datepicker' /> شيئًا مثل هذا في الكود المترجم:

...
<div class="ant-calendar-date-input-wrap">
       <input class="ant-calendar-input " value="" placeholder="Select date"  id="datepicker">
</div>
...

شكرا جزيلا على العمل الرائع الذي تقوم به!

Inactive help wanted

مصدر

TimMisikos

التعليق الأكثر فائدة

تعد إضافة id إلى حقول الإدخال (حتى داخل المكونات مثل DatePicker ) أمرًا مهمًا لأسباب تتعلق بإمكانية الوصول. أريد إضافة htmlFor إلى الملصقات المرتبطة ، والتركيز على حقول الإدخال عندما أنقر على التصنيفات.

JeffreyATW في ١٤ ديسمبر ٢٠١٧

👍5

ال 7 كومينتر

لن تعمل إضافة المعرفات مع جميع المكونات. لنفترض أن تحديد مكون ، أبسط مكون لا يعرض المدخلات ، لا يمكنك تعيين قيمة للإدخال لتغيير قيمة Select.

yesmeck في ١٢ ديسمبر ٢٠١٧

yesmeck شكرًا لك على إعطائي المزيد من المعلومات بخصوص هذه المشكلة ، فهل هناك طريقة أخرى للالتفاف حولها؟ هل تعرف أي أدوات أخرى تعمل بشكل جيد للاختبار الشامل؟ هل هذا سيعمل على antd @ 3؟ إذا كانت الإجابة بلا ... على الأقل ، فسنكون قادرين على قراءة القيم التي تم ملؤها مسبقًا

TimMisikos في ١٤ ديسمبر ٢٠١٧

لن تعمل إضافة المعرف إلى الإدخال DatePicker . أريد تعبئة DatePicker ، فأنت بحاجة إلى محاكاة سلوك المستخدم:

ابحث عن ".ant-calendar-picker" وقم بمحاكاة النقر ؛
ابحث عن ".ant-calendar-input" واكتب قيمته ؛
محاكاة النقر على الجسم لإغلاق لوحة منتقي التاريخ.

yesmeck في ١٤ ديسمبر ٢٠١٧

بقدر ما أستطيع أن أرى ، لا توجد حاليًا طريقة لتمرير أي نوع من المعرف إلى حقل الإدخال باستخدام الفئة ".ant-calendar-input".
سألقي نظرة على وحدة RC-Calendar.