无法从下拉菜单中选择元素使用量角器进行E2E测试[重复]

Question

有很多方法可以做到这一点，我已经尝试了很多方法，但是在做自动测试时，我不能从下拉菜单中选择一个项目。

“选择”是出现在下拉菜单中的默认选择，我希望自动化测试选择其中一个元素，不管是哪个

这是HTML代码

<select class="form-control ng-pristine ng-invalid ng-invalid-required" ng-model="user.investmentAmount" required="" ng-class="{submitted:invalid}">
                   <option value="">Select</option>
                   <option value="<50"> 50K</option>
                   <option value="50-100">100K</option>
                   <option value="100-250">250K</option>
                   <option value="250-500">500K</option>
                  </select>

这是我的量角器档案

var selectDropdownbyNum = function ( element, optionNum ) {
    if (optionNum){
      var options = element(by.cssContainingText("Select"))  
        .then(function(options){
          options[2].click();
        });
    }
  };
  browser.sleep(2000);

我尝试过使用by.cssElement、by.xpath等。当我运行上面的代码时，我没有得到任何错误，但它也没有选择任何元素。谢谢

Answer 1

这是因为您只选择了一个包含“Select”值且需要数组的选项，

尝试下面，首先按模型获取选择框，并在数组中按html标签名称获取所有选项

browser.element(by.model('user.investmentAmount')).all(by.tagName('option')).
   then(function(items){
        items[2].click(); 
}); 

Answer 2

一旦你点击//选择[@ng-Model='user.investment量']usng xpath，放一些等待像"browser.sleep（2000）"然后使用//选项[text（）='100K']点击。

Answer 3

你肯定是个怪人。我通常只需单击文本选项（如果可能）。你应该能做这样的事。。。

var selectOptionByText = function(text) {
    return element(by.cssContainingText('option', text)).click();
};