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

让我知道，如果解决方案之一为你工作。