Ant-design: Ajouter des identifiants pour former des composants associés (champs de saisie de date, boutons radio et cases à cocher, listes déroulantes, etc.)
Quel problème cette fonctionnalité résout-elle?
Il facilite les tests de bout en bout à l'aide de Selinium et xPath
À quoi ressemble l'API proposée?
Par exemple, un code comme celui-ci:
<DatePicker id='datepicker' /> devrait donner dans le code compilé quelque chose comme ceci:
...
<div class="ant-calendar-date-input-wrap">
<input class="ant-calendar-input " value="" placeholder="Select date" id="datepicker">
</div>
...
Merci beaucoup pour l'excellent travail que vous faites!
TimMisikos
Tous les 7 commentaires
L'ajout d'identifiants ne fonctionnera pas pour tous les composants. Disons que le composant Select, un composant Select le plus simple ne rend pas l'entrée, vous ne pouvez pas attribuer une valeur à l'entrée pour changer la valeur de Select.
yesmeck
le 12 déc. 2017
@yesmeck merci de m'avoir donné plus d'informations sur ce problème, alors y a-t-il un autre moyen de contourner ce que vous savez? Connaissez-vous d'autres outils qui fonctionneraient bien pour les tests de bout en bout? cela va-t-il fonctionner sur l' antd @ 3? Si non ... au moins nous pourrons lire les valeurs pré-remplies.
TimMisikos
le 14 déc. 2017
L'ajout de l'identifiant à l'entrée DatePicker ne fonctionnera pas. Si vous voulez remplir un DatePicker , vous devez simuler le comportement de l'utilisateur:
- Trouvez '.ant-calendar-picker' et simulez un clic;
- Trouvez '.ant-calendar-input' et remplissez sa valeur;
- Simulez un clic sur le corps pour fermer le panneau de sélection de date.
yesmeck
le 14 déc. 2017
Autant que je puisse voir, il n'y a actuellement aucun moyen de transmettre un quelconque identifiant au champ d'entrée avec la classe '.ant-calendar-input'.
Je vais jeter un oeil dans le module rc-calendar.
mgrdevport
le 14 déc. 2017
L'ajout d'un id aux champs de saisie (même à l'intérieur de composants comme DatePicker ) est important pour des raisons d'accessibilité. Je souhaite ajouter un htmlFor aux étiquettes associées et concentrer les champs de saisie lorsque je clique sur les étiquettes.
JeffreyATW
le 14 déc. 2017
PR à tout moment si vous trouvez qu'un composant ne prend pas en charge l'id.
yesmeck
le 25 janv. 2018
J'utilise uilicious.com pour mes tests d'interface utilisateur et c'est très difficile lorsque les identifiants ne sont pas présents.
ttgiang
le 18 janv. 2020
Questions connexes
shivekkhurana
·
3Commentaires
longhuasishen
·
3Commentaires
lifeneedspassion
·
3Commentaires
yangbin1994
·
3Commentaires
PeteAndersen
·
3Commentaires
Commentaire le plus utile
L'ajout d'un
idaux champs de saisie (même à l'intérieur de composants commeDatePicker) est important pour des raisons d'accessibilité. Je souhaite ajouter unhtmlForaux étiquettes associées et concentrer les champs de saisie lorsque je clique sur les étiquettes.