Protractor Testfälle von bis md-Autovervollständigung in Angular Material

Question

Ich mag einen Schlüssel für die md-Autovervollständigung senden, aber ich bin nicht in der Lage Schlüssel in dem Textfeld zu schicken, findet folgenden Code

HTML Senden-Taste:

<md-autocomplete md-selected-item="selectedItem" md-search-text="searchText" md-items="item in getMatches(searchText)" md-item-text="item.display"> 
     <span id="xyz" md-highlight-text="searchText">{{item.display}}</span> 
    </md-autocomplete> 

Protractor Code:

it('checking my test case', function() { 
    browser.get('http://localhost:8080/#/home'); 

    var inputSearchTextBox = element(by.id("xyz")); 
    inputSearchTextBox.sendKeys('Boston , us , 02120'); 
    }); 

ich unten Störung erhalte:

Test checking my test case 
    Message: 
    NoSuchElementError: No element found using locator: By.id("xyz") 
    Stacktrace: 
    NoSuchElementError: No element found using locator: By.id("xyz") 

Angular-Material-Link:

ms-AutoComplete Link

Gibt es eine Möglichkeit, Schlüssel zu md-Autocomplete-Tag Textfeld senden können

Answer 1

Sie können mit md eine id Ihre md-input-Container hinzufügen -input-id Attribut in Ihrem HTML. Zum Beispiel:

<md-autocomplete md-input-id="xyz" md-selected-item="selectedItem" md-search-text="searchText" md-items="item in getMatches(searchText)" md-item-text="item.display"> 
     <span md-highlight-text="searchText">{{item.display}}</span> 
</md-autocomplete> 

Danach können Sie darauf zugreifen und die Verwendung mit:

var myElt = element(by.css("md-autocomplete input#xyz")); 
myElt.clear(); 
myElt.sendKeys("blabla");