Ant-design: Tambahkan id untuk membentuk komponen terkait (kolom masukan tanggal, tombol radio dan kotak centang, dropdown, dll)

Dibuat pada 24 Nov 2017 · 7Komentar · Sumber: ant-design/ant-design

Masalah apa yang dipecahkan oleh fitur ini?

Itu membuatnya mudah untuk melakukan pengujian ujung ke ujung menggunakan Selinium dan xPath

Seperti apa tampilan API yang diusulkan?

Misalnya kode seperti ini:

<DatePicker id='datepicker' /> harus diberikan dalam kode yang dikompilasi seperti ini:

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

Terima kasih banyak atas pekerjaan hebat yang Anda lakukan!

Inactive help wanted

Sumber

TimMisikos

Komentar yang paling membantu

Menambahkan id ke bidang masukan (bahkan di dalam komponen seperti DatePicker ) penting untuk alasan aksesibilitas. Saya ingin menambahkan htmlFor ke label terkait, dan memfokuskan bidang masukan saat saya mengklik label.

JeffreyATW pada 14 Des 2017

👍5

Semua 7 komentar

Menambahkan id tidak akan berfungsi untuk semua komponen. Katakanlah komponen Select, komponen Select yang paling sederhana tidak memberikan masukan, Anda tidak dapat menetapkan nilai ke masukan untuk mengubah nilai Select.

yesmeck pada 12 Des 2017

@yesmeck terima kasih telah memberi saya informasi lebih lanjut tentang masalah ini, jadi apakah ada cara lain yang Anda ketahui? Apakah Anda tahu alat lain yang akan bekerja dengan baik untuk pengujian ujung ke ujung? apakah ini akan berhasil pada antd @ 3? Jika tidak ... setidaknya kita dapat membaca nilai yang telah terisi sebelumnya.

TimMisikos pada 14 Des 2017

Menambahkan id ke DatePicker input tidak akan berfungsi. Jika Anda ingin mengisi DatePicker , Anda perlu mensimulasikan perilaku pengguna:

Temukan '.ant-calendar-picker' dan simulasikan sebuah klik;
Temukan '.ant-calendar-input' dan isi nilainya;
Simulasikan klik pada isi untuk menutup panel pemilih tanggal.

yesmeck pada 14 Des 2017

Sejauh yang saya bisa lihat, saat ini tidak ada cara untuk meneruskan id apa pun ke bidang input dengan kelas '.ant-calendar-input'.
Saya akan melihat modul rc-calendar.