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

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

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

请试试您的方案。

Answer 2

您是否尝试过使用中继器定位器？

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