Comment sélectionner un élément dans ng-autocomplete dans rapporteur?

Question

texte passant par

sendKeys("dublin,south Africa"); 

Il est impossible de sélectionner le premier élément de saisie semi-automatique.

Answer 1

problème résolu.

this.checkin = function(text,index){ 
     element(by.css('[ng-click="showMapTextBox2()"]')).click(); 
     // element(by.model("location")).sendKeys(text); 
     browser.actions() 
     .mouseMove(element(by.model("location")) 
     .sendKeys(text)) 
     .perform().then(function(){ 
     browser.sleep(500); 
     // press the down arrow for the autocomplete item we want to choose 
     for(i = 0; i < index ; i++){ 

      browser.actions().sendKeys(protractor.Key.ARROW_DOWN).perform(); 
     } 
     browser.sleep(500); 
     browser.actions().sendKeys(protractor.Key.ENTER).perform(); 
     }); 
     browser.sleep(3000); 
    }; 

Code spec_test:

post_text.checkin("new Delhi, India",1); 

Answer 2

Saisissez manuellement ce que le test doit exécuter et inspectez l'élément de saisie semi-automatique. Vous utiliserez protractor.ExpectedConditions pour attendre cet élément, puis cliquez dessus après avoir envoyé les clés.

Answer 3

Vous devez faire 2 choses:

1. Entrez le texte. Parfois, il est nécessaire d'appuyer sur Tab pour forcer la saisie semi-automatique pour afficher les options
2. Sélectionnez déroulant approprié l'option

Exemple de code en C#:

fieldElement.ClearAndSendKeys(partialValue); 
fieldElement.SendKeys(Keys.Tab); 
GetFieldDropdown(completeValue).Click(); 

détails de la méthode GetFielDropdown() en fonction de votre DOM. Voici un exemple simplifié d'un projet, je travaille sur:

private IWebElement GetFieldDropdown(string dropdownValue) 
{ 
    return FindElement(By.XPath($"//span[contains(.,'{dropdownValue}')]")); 
} 

Notez que s'il y a un retard dans autocomplete affiché ci-dessus code ne fonctionnera pas inchangé (Le findElement ne reviendra pas un élément). Vous devrez attendre que l'option de liste déroulante soit affichée avant de cliquer dessus.

PS - partialValue et completeValue peuvent être les mêmes