2015-12-01 15 views
5

में एमडी स्वत: पूर्ण करने के लिए महत्वपूर्ण भेजकर मैं एमडी स्वत: पूर्ण के लिए एक महत्वपूर्ण भेजना चाहते हैं, लेकिन मैं नीचेकोणमापक परीक्षण मामलों कोणीय सामग्री

HTML पाठ क्षेत्र में कुंजी भेजने के लिए, कोड का पता लगाएं नहीं पा रहा हूँ:

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

कोणमापक कोड:

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

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

मैं त्रुटि नीचे हो रही है:

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

कोणीय सामग्री लिंक:

ms-AutoComplete Link

वहाँ किसी भी तरह से मैं एमडी स्वत: पूर्ण टैग पाठ क्षेत्र के लिए महत्वपूर्ण भेज सकते है

+0

[एमडी स्वत: पूर्ण डेमो पृष्ठ] पर (https://material.angularjs.org/latest/ डेमो/स्वत: पूर्ण), मैं स्वत: पूर्ण इनपुट में सफलतापूर्वक कुंजी भेज सकता हूं: 'element (by.css (" md-autocomplete input # इनपुट -15 "))। sendKeys (" कैलिफ़ोर्निया ");' .. – alecxe

+0

इनपुट # इनपुट -15? – user2936008

+0

यह अंतर्निहित इनपुट है जिसे आप 'md-autocomplete' के अंदर पा सकते हैं। – alecxe

उत्तर

3

आप एमडी के साथ अपने MD-इनपुट-कंटेनर को एक आईडी जोड़ सकते हैं -इनपुट-आईडी आपके एचटीएमएल में विशेषता। उदाहरण के लिए:

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

उसके बाद, आप का उपयोग और के साथ उपयोग कर सकते हैं:

var myElt = element(by.css("md-autocomplete input#xyz")); 
myElt.clear(); 
myElt.sendKeys("blabla"); 
संबंधित मुद्दे