Các trường hợp thước đo thử nghiệm bằng cách gửi chìa khóa để md-autocomplete trong tài liệu góc

Question

Tôi muốn gửi một chìa khóa dẫn đến md-autocomplete nhưng tôi không thể gửi chìa khóa vào trường văn bản, Tìm mã bên dưới

HTML: đang

<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> 

thước đo:

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

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

tôi nhận được dưới đây lỗi:

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") 

góc liên kết Chất liệu:

ms-AutoComplete Link

Có cách nào tôi có thể gửi chìa khóa cho lĩnh vực văn bản md-autocomplete thẻ

Answer 1

Bạn có thể thêm một id để md-input-container của bạn với md -input-id thuộc tính trong html của bạn. Ví dụ:

<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> 

Sau đó, bạn có thể truy cập và sử dụng nó với:

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