AngularJS + Protractor 如何根据文本而非值选择下拉选项

Question

我想通过文本而不是下拉框中的值来单击项目。

我发现了这个很棒的帖子:https://coderwall.com/p/tjx5zg但它没有按预期工作，在找到匹配项后搜索将永远继续，并且没有单击该项目，

如果有人有更好的例子(一个有效的例子)或者可以修复这个代码并使其工作，

我会理解的。

这是使用的帖子中的代码 Dan Haller(保留所有权利)

function selectOption(selector, item){
    var selectList, desiredOption;

    selectList = this.findElement(selector);
    selectList.click();

    selectList.findElements(protractor.By.tagName('option'))
        .then(function findMatchingOption(options){
            options.some(function(option){
                option.getText().then(function doesOptionMatch(text){
                    if (item === text){
                        desiredOption = option;
                        return true;
                    }
                });
            });
        })
        .then(function clickOption(){
            if (desiredOption){
                desiredOption.click();
            }
        });
    }

这是一个选择项功能，我可以这样使用:

var browser = protractor.getInstance();
browser.selectOption = selectOption.bind(browser);
browser.selectOption(protractor.By.id('my-dropdown'), 'My Value');

Answer 1

这个问题类似于:How to select option in drop down protractorjs e2e tests

只要您使用的是最新版本的 Protractor ，您就可以执行以下操作:

element(by.cssContainingText('option', 'BeaverBox Testing')).click();

如果你想按数字点击，你可以这样做:

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