Ant-design: Adicione ids aos componentes relacionados ao formulário (campos de entrada de data, botões de opção e caixas de seleção, listas suspensas, etc)
Qual problema esse recurso resolve?
Torna mais fácil fazer testes ponta a ponta usando Selinium e xPath
Qual é a aparência da API proposta?
Por exemplo, um código como este:
<DatePicker id='datepicker' /> deve fornecer no código compilado algo assim:
...
<div class="ant-calendar-date-input-wrap">
<input class="ant-calendar-input " value="" placeholder="Select date" id="datepicker">
</div>
...
Muito obrigado pelo excelente trabalho que está a fazer!
TimMisikos
Todos 7 comentários
Adicionar IDs não funcionará para todos os componentes. Digamos que o componente Select, um componente Select mais simples não renderiza a entrada, você não pode atribuir um valor à entrada para alterar o valor do Select.
yesmeck
em 12 dez. 2017
@yesmeck, obrigado por me fornecer mais informações sobre esse problema. Existe alguma outra forma de contornar que você esteja ciente? Você conhece alguma outra ferramenta que funcione bem para testes completos? isso vai funcionar no antd @ 3? Se não ... pelo menos poderemos ler os valores pré-preenchidos.
TimMisikos
em 14 dez. 2017
Adicionar id à entrada DatePicker não funcionará. Se você quiser preencher um DatePicker , você precisa simular o comportamento do usuário:
- Encontre '.ant-calendar-picker' e simule um clique;
- Encontre '.ant-calendar-input' e preencha seu valor;
- Simule clique no corpo para fechar o painel de seleção de data.
yesmeck
em 14 dez. 2017
Pelo que pude ver, atualmente não há como passar qualquer tipo de id para o campo de entrada com a classe '.ant-calendar-input'.
Vou dar uma olhada no módulo rc-calendar.
mgrdevport
em 14 dez. 2017
Adicionar id aos campos de entrada (mesmo dentro de componentes como DatePicker ) é importante por razões de acessibilidade. Quero adicionar htmlFor aos rótulos associados e focar nos campos de entrada quando clico nos rótulos.
JeffreyATW
em 14 dez. 2017
PR a qualquer momento se você encontrar algum componente não suporta id.
yesmeck
em 25 jan. 2018
Estou usando uilicious.com para meu teste de IU e é muito desafiador quando os IDs não estão presentes.
ttgiang
em 18 jan. 2020
Questões relacionadas
Orbyt
·
3Comentários
longhuasishen
·
3Comentários
ericdai
·
3Comentários
kevyu
·
3Comentários
lifeneedspassion
·
3Comentários
Comentários muito úteis
Adicionar
idaos campos de entrada (mesmo dentro de componentes comoDatePicker) é importante por razões de acessibilidade. Quero adicionarhtmlForaos rótulos associados e focar nos campos de entrada quando clico nos rótulos.