Use o componente Select2 para pesquisar e selecionar sua opção em um menu suspenso facilmente.
Você pode definir o valor de select2 em um teste. Em seguida, o teste pesquisa o valor na barra de pesquisa de Selecione2. O primeiro resultado válido no menu suspenso de componente é selecionado.
Arraste e solte o inspetor de página no menu suspenso desejado. O painel direito do componente selecionado é aberto. Você pode especificar o texto que deseja pesquisar na etapa Definir valor do componente no inspetor de página.
Selecione Defina o valor do componente opção em Ação para pesquisar um componente. Digite o texto no painel direito e clique em Enviar . Isso permite que o código abra o select2 para pesquisar esse componente e escolher a primeira opção exibida.
Nota:
Se várias opções de componentes com nomes semelhantes aparecerem na pesquisa de um termo, somente a primeira opção será selecionada.
Figura 1. Selecione2 componente
Limitações do suporte de select2
Apenas determinadas versões (3,5.1-3.5.4 e 4,0.0-4,0.13) da biblioteca select2 são compatíveis.
O suporte select2 depende da biblioteca jquery. Então, se você tentar definir um valor de select2 e o nome da biblioteca jquery for alterado, isso fará com que o teste falhe.
A pesquisa por Select2 não funcionará quando não houver barra de pesquisa.
Considerações de design
PESQUISE e selecione suas opções com eficiência com as seguintes considerações de design:
É recomendável usar dados de teste exclusivamente pesquisáveis
Aguarde até que o elemento atual seja definido antes de prosseguir para definir o próximo elemento enquanto define o valor de Selecione2 por meio da etapa de teste Definir valores do componente (IU personalizada)
Evite a falha nos testes evitando a mudança do nome da biblioteca jquery
Os recursos Adaptador Selecione2 e Decorador não são compatíveis