如何在下拉protractorjs e2e测试中选择选项

Question

下面是select选项的代码段：

<select id="locregion" class="create_select ng-pristine ng-invalid ng-invalid-required" required="" ng-disabled="organization.id !== undefined" ng-options="o.id as o.name for o in organizations" ng-model="organization.parent_id">
    <option value="?" selected="selected"></option>
    <option value="0">Ranjans Mobile Testing</option>
    <option value="1">BeaverBox Testing</option>
    <option value="2">BadgerBox</option>
    <option value="3">CritterCase</option>
    <option value="4">BoxLox</option>
    <option value="5">BooBoBum</option>
</select>

我试过：

ptor.findElement(protractor.By.css('select option:1')).click();

这给了我以下错误：

ptor.findElement(protractor.By.xpath('/html/body/div[2]/div/div[4]/div/div/div/div[3]/ng-include/div/div[2]/div/div/organization-form/form/div[2]/select/option[3]')).click();

有谁能帮我解决这个问题，或者说我可能做错了什么。

Answer 1

我也遇到过类似的问题，最终编写了一个选择下拉列表值的helper函数。

我最终决定，我可以通过选项号进行选择，因此编写了一个方法，它接受一个元素和optionNumber并选择该optionNumber。如果optionNumber为null，则不选择任何内容（不选择下拉列表）。

var selectDropdownbyNum = function ( element, optionNum ) {
  if (optionNum){
    var options = element.all(by.tagName('option'))   
      .then(function(options){
        options[optionNum].click();
      });
  }
};

我写了一篇博文，如果你想要更多的细节，它还包括在下拉列表中验证所选选项的文本：http://technol.wordpress.com/2013/12/01/Protractor-and-dropdowns-validation/