在量角器的下拉菜单中选择元素

Question

我的页面上有一个下拉菜单。我测试量角器的目标是单击此下拉菜单中的一个选项，并让量角器检查结果：

<ul class="dropdown">
  <li class="nav-header">portfolio</li>
  <li class="divider"></li>
  <li class="dropdown-submenu"> ... </li>


   <li ng-repeat="p in user.portfolios">
    <!-- this is the option we will click for our testing -->
    <a href ng-click="displayPortfolio(p)>Portfolio 1  </a>
   </li>

   <li ng-repeat="p in user.portfolios">
    <a href ng-click="displayPortfolio(p)>Portfolio 2  </a>
   </li>  

   <li ng-repeat="p in user.portfolios">
    <a href ng-click="displayPortfolio(p)>Portfolio 3  </a>
   </li>  


</ul>

我的量角器测试看起来像：

it('should display relevant portfolio when clicked',function(){

    ptor.ignoreSynchronization = true;  
    element.all(by.xpath("//a[@ng-click='displayPortfolio(p)'])).then(function(list){
      list[0].click();
      expect(... some assertion here);

    });
    ptor.ignoreSynchronization = false;  
}

如果你想知道的话，ptor.ignoreSynchronization是启用的，因为我的网页不断地轮询后端的一些更新。

量角器在我运行测试时抛出以下错误:

ElementNotVisisbleError: element not visible

我不明白这个错误是关于什么的。这个元素肯定是可见的，因为当我查看页面的源代码时，我可以在DOM结构中看到它。

善意的忠告

Answer 1

你试过用中继器定位器吗？

it('should display relevant portfolio when clicked',function(){
    var elements = element.all(by.repeater('p in user.portfolios'));
    elements.get(0).click().then(function(){
        expect(... some assertion here);
    });
}

Answer 2

我通过直接设置值来处理相同的情况。找到元素并使用“sendKeys”设置值。

在您的场景中尝试同样的方法。