在Google ChromeDriver上點擊選擇使用量角器;

Question

我試圖點擊一個選擇的選項，然後點擊按鈕保存。 我可以在瀏覽器中看到它確實有效，但是當點擊按鈕保存時，谷歌瀏覽器不理解，並說我沒有點擊那個必填字段。怎麼修？

<select class="form-control ng-pristine ng-invalid ng-touched" id="ano-norma" required=""> 
<option disabled="" selected= "" value= "undefined" > Selecione um ano< /option> 
<option value="2017" > 2017 < /option><option value="2016">2016</option > 
<option value="2015" > 2015 < /option> 
<option value="2014">2014</option > 
<option value="2013" > 2013 < /option> 
<option value="2012">2012</option > 
<option value="2011" > 2011 < /option> 
<option value="2010">2010</option > 
<option value="2009" > 2009 < /option> 
<option value="2008">2008</option > 
</select> 

我已經試過：

element(by.id('ano-norma')).all(by.cssContainingText('option', '2017')).click(); 

和

element(by.id('ano-norma)).click().then(() => { 
element(by.id('ano-norma)).all(by.tagName('option)).get(2).click(); 
}); 

我使用谷歌瀏覽器的瀏覽器。

這似乎是谷歌瀏覽器不明白，下拉已被選中。

「坎普obrigatório」 的意思是 「必填字段」

Answer 1

即使是下拉菜單，我仍然使用click（）和sendkeys（）及其作品。

element(by.id('ano-norma')).click().then(() => { 
       element(by.id('ano-norma')).sendKeys('2015'); 
       }); 

browser.actions（）。sendKeys（protractor.Key.ENTER）.perform（）;

Answer 2

你的代碼是錯誤的，而不是元素（）。所有（）。點擊（）。它應該是這樣的：

element(by.id('ano-norma')).element(by.cssContainingText('option', '2017')).click(); 

或

element(by.cssContainingText('#ano-norma > option', '2017')).click(); 

Answer 3

你有一個時機的問題。 當您使用then()時，它會打開一個新的異步任務，並允許並行區域繼續then()之後的下一行。因此，當您打開下拉菜單時，您幾乎在同一時間點擊Save-Button。如果您的保存按鈕處於非活動狀態，則在下拉選擇之前，所有內容看起來都像是起作用，只是沒有保存。

解決方案1（推薦）：致電SaveButton-功能在then()-部分。

element(by.id('ano-norma')).click().then(() => { 
    element(by.id('ano-norma')).all(by.tagName('option')).get(2).click(); 
    //call your saveButton-function here. 
}); 

或者更好，嘗試一個單獨的測試案例中：

it("should test select dropdown and save", function(done){ 
    element(by.id('ano-norma')).click().then(() => { 
     element(by.id('ano-norma')).all(by.tagName('option')).get(2).click(); 
     browser.waitForAngular(); //in case the dropdown-selection triggers processes 
     $(buttonElement).click();//call your saveButton-function here. 
     done(); 
}); 
}); 

解決方案2：使用回調，讓量角器知道，當繼續（沒有測試這一項，所以它可能無法工作，我在這裏寫的方式）

testCaseDropdownSelection = function(done) { 
    element(by.id('ano-norma')).click().then(() => { 
     element(by.id('ano-norma')).all(by.tagName('option')).get(2).click(); 
     done(); 
    }); 
}; 
testCaseClickSaveButton = function(){ 
    $('saveButton').click(); 
}; 

讓我知道，如果解決方案之一爲你工作。