Ant-design: Agregue identificadores para formar componentes relacionados (campos de entrada de fecha, botones de opción y casillas de verificación, menús desplegables, etc.)

Creado en 24 nov. 2017 · 7Comentarios · Fuente: ant-design/ant-design

¿Qué problema resuelve esta función?

Facilita la realización de pruebas de un extremo a otro con Selinium y xPath

¿Cómo se ve la API propuesta?

Por ejemplo, un código como este:

<DatePicker id='datepicker' /> debería dar en el código compilado algo como esto:

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

¡Muchas gracias por el gran trabajo que estás haciendo!

Inactive help wanted

Fuente

TimMisikos

Comentario más útil

Agregar un id a los campos de entrada (incluso dentro de componentes como DatePicker ) es importante por razones de accesibilidad. Quiero agregar un htmlFor a las etiquetas asociadas y enfocar los campos de entrada cuando hago clic en las etiquetas.

JeffreyATW en 14 dic. 2017

👍5

Todos 7 comentarios

Agregar identificadores no funcionará para todos los componentes. Digamos que el componente de selección, un componente de selección más simple no representa la entrada, no puede asignar un valor a la entrada para cambiar el valor de selección.

yesmeck en 12 dic. 2017

@yesmeck, gracias por antd @ 3? Si no ... al menos podremos leer valores rellenados previamente.

TimMisikos en 14 dic. 2017

Agregar id a la entrada DatePicker no funcionará. Si desea completar un DatePicker , necesita simular el comportamiento del usuario:

Busque '.ant-calendar-picker' y simule un clic;
Busque '.ant-calendar-input' y complete su valor;
Simular clic en el cuerpo para cerrar el panel selector de fechas.

yesmeck en 14 dic. 2017

Por lo que pude ver, actualmente no hay forma de pasar ningún tipo de identificación al campo de entrada con la clase '.ant-calendar-input'.
Voy a echar un vistazo al módulo rc-calendar.