Ant-design: IDを追加して、関連するコンポーネント（日付入力フィールド、ラジオボタンとチェックボックス、ドロップダウンなど）を形成します。
この機能はどのような問題を解決しますか？
SeliniumとxPathを使用してエンドツーエンドのテストを簡単に実行できます
提案されたAPIはどのように見えますか？
たとえば、次のようなコード：
<DatePicker id='datepicker' />は、コンパイルされたコードに次のようなものを与える必要があります。
...
<div class="ant-calendar-date-input-wrap">
<input class="ant-calendar-input " value="" placeholder="Select date" id="datepicker">
</div>
...
素晴らしい仕事をしてくれてありがとう！
TimMisikos
全てのコメント7件
IDの追加は、すべてのコンポーネントで機能するとは限りません。 Selectコンポーネント、最も単純なSelectコンポーネントは入力をレンダリングしないとしましょう。入力に値を割り当てて、Selectの値を変更することはできません。
yesmeck
2017年12月12日
@yesmeckは、この問題に関する詳細情報を提供してくれてありがとうございます。それで、あなたが知っている他の方法はありますか？ エンドツーエンドのテストに適した他のツールを知っていますか？ これはantd @ 3で機能しますか？ いいえの場合...少なくとも、事前に入力された値を読み取ることができます。
TimMisikos
2017年12月14日
DatePicker入力にIDを追加しても機能しません。 DatePickerを入力したいので、ユーザーの行動をシミュレートする必要があります。
- '.ant-calendar-picker'を見つけて、クリックをシミュレートします。
- '.ant-calendar-input'を見つけて、その値を入力します。
- ボディのクリックをシミュレートして、日付ピッカーパネルを閉じます。
yesmeck
2017年12月14日
私が見る限り、現在、クラス '.ant-calendar-input'を使用して入力フィールドに任意の種類のIDを渡す方法はありません。
rc-calendarモジュールを調べます。
mgrdevport
2017年12月14日
入力フィールドにidを追加すること（ DatePickerようなコンポーネント内であっても）は、アクセシビリティの理由から重要です。 関連するラベルにhtmlForを追加し、ラベルをクリックしたときに入力フィールドにフォーカスを合わせたいと思います。
JeffreyATW
2017年12月14日
IDをサポートしていないコンポーネントが見つかった場合はいつでもPRできます。
yesmeck
2018年01月25日
UIテストにuilicious.comを使用していますが、IDが存在しない場合は非常に困難です。
ttgiang
2020年01月18日
関連する問題
drcmda
·
3コメント
lifeneedspassion
·
3コメント
taikongfeizhu
·
3コメント
plandem
·
3コメント
shivekkhurana
·
3コメント
最も参考になるコメント
入力フィールドに
idを追加すること（DatePickerようなコンポーネント内であっても）は、アクセシビリティの理由から重要です。 関連するラベルにhtmlForを追加し、ラベルをクリックしたときに入力フィールドにフォーカスを合わせたいと思います。