Ant-design: Fügen Sie IDs hinzu, um verwandte Komponenten zu bilden (Datumseingabefelder, Optionsfelder und Kontrollkästchen, Dropdown-Listen usw.).
Welches Problem löst diese Funktion?
Es macht es einfach, End-to-End-Tests mit Selinium und xPath durchzuführen
Wie sieht die vorgeschlagene API aus?
Zum Beispiel ein Code wie dieser:
<DatePicker id='datepicker' /> sollte im kompilierten Code ungefähr Folgendes enthalten:
...
<div class="ant-calendar-date-input-wrap">
<input class="ant-calendar-input " value="" placeholder="Select date" id="datepicker">
</div>
...
Vielen Dank für die großartige Arbeit, die Sie leisten!
TimMisikos
Alle 7 Kommentare
Das Hinzufügen von IDs funktioniert nicht für alle Komponenten. Angenommen, Select-Komponente, eine einfachste Select-Komponente rendert keine Eingabe. Sie können der Eingabe keinen Wert zuweisen, um den Select-Wert zu ändern.
yesmeck
am 12. Dez. 2017
@yesmeck Vielen Dank, dass Sie mir weitere Informationen zu diesem Problem gegeben haben. Wird das auf dem
TimMisikos
am 14. Dez. 2017
Das Hinzufügen einer ID zur Eingabe von DatePicker funktioniert nicht. Wenn Sie ein DatePicker füllen möchten, müssen Sie das Benutzerverhalten simulieren:
- Suchen Sie nach '.ant-calendar-picker' und simulieren Sie einen Klick.
- Suchen Sie nach '.ant-calendar-input' und füllen Sie den Wert aus.
- Simulieren Sie das Klicken auf den Text, um das Datumsauswahlfenster zu schließen.
yesmeck
am 14. Dez. 2017
Soweit ich sehen konnte, gibt es derzeit keine Möglichkeit, irgendeine ID mit der Klasse '.ant-calendar-input' an das Eingabefeld zu übergeben.
Ich werde einen Blick in das RC-Kalender-Modul werfen.
mgrdevport
am 14. Dez. 2017
Das Hinzufügen eines id zu Eingabefeldern (auch innerhalb von Komponenten wie DatePicker ) ist aus Gründen der Barrierefreiheit wichtig. Ich möchte den zugehörigen Beschriftungen ein htmlFor hinzufügen und die Eingabefelder fokussieren, wenn ich auf die Beschriftungen klicke.
JeffreyATW
am 14. Dez. 2017
PR jederzeit, wenn Sie eine Komponente finden, die id nicht unterstützt.
yesmeck
am 25. Jan. 2018
Ich verwende uilicious.com für meine UI-Tests und es ist sehr schwierig, wenn keine IDs vorhanden sind.
ttgiang
am 18. Jan. 2020
Verwandte Themen
PeteAndersen
·
3Kommentare
zhangchen2397
·
3Kommentare
tangsj
·
3Kommentare
yangbin1994
·
3Kommentare
lifeneedspassion
·
3Kommentare
Hilfreichster Kommentar
Das Hinzufügen eines
idzu Eingabefeldern (auch innerhalb von Komponenten wieDatePicker) ist aus Gründen der Barrierefreiheit wichtig. Ich möchte den zugehörigen Beschriftungen einhtmlForhinzufügen und die Eingabefelder fokussieren, wenn ich auf die Beschriftungen klicke.