分度器でng-autocompleteの要素を選択するにはどうすればよいですか？

Question

オートコンプリートの最初の要素を選択することができません

sendKeys("dublin,south Africa"); 

を通じてテキストを渡します。

Answer 1

問題が解決しました。

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); 
    }; 

spec_testコード：

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

Answer 2

テストで実行する内容を手動で入力し、オートコンプリートの要素を調べます。 protractor.ExpectedConditionsを使用してその要素を待ってから、キーを送信した後にその要素をクリックします。

Answer 3

あなたは2つの物事実行する必要があります。

1. は、テキストを入力します。時には
2. C＃でオプションダウン

例のコードを適切なドロップを選択してオプションを表示するオートコンプリートを強制するには、Tabキーを押すために必要とされています

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

GetFielDropdown（）メソッドの詳細は、あなたのDOMに依存します。そのまま動作しませんコードの上に表示されているオートコンプリートの遅延がある場合（FindElementが要素を返さない）こと

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

注：ここで私が働いているプロジェクトから簡略化した例です。クリックする前にドロップダウンオプションが表示されるのを待つ必要があります。

PS - partialValueとcompleteValueは同じにすることができます