量角器点击一个嵌套的按钮元素

Question

我想单击第二个按钮，但我无法使用by.class，因为它们对于这两个按钮都是相同的。

div class="ng-view ff-domain ng-scope"> 

<div class="hero-unit blur-background ng-scope"> 
    <h1></h1> 
    <h2></h2> 
    <a class="btn btn-large btn-warning btn-hero" href="/au/shop/glasses?gender=women"></a> 
    <a class="btn btn-large btn-warning btn-hero" href="/au/shop/glasses?gender=men"></a> 
    <div class="carousel ng-isolate-scope" carousel="" ng-mouseleave="play()" ng-mouseenter="pause()"></div> 
</div> 

Answer 1

你可以这样做几种不同的方式，例如：

$('.hero-unit a:nth-clild(2)').click(); 
$('a[href="/au/shop/glasses?gender=men"]').click(); 

检查量角器API文档：

http://angular.github.io/protractor/#/api

，并采取CSS选择器一看：

http://www.w3schools.com/cssref/css_selectors.asp

Answer 2

试试这个：

var secondbtn = element.all(by.css(".btn").get(1); 
secondbtn.click(); 

Answer 3

我会找到包含所需链接div和区分基础上，href属性值的链接 - 检查什么href结尾：

var container = element(by.css("div.hero-unit")); 

var men = container.element(by.css("a[href$=men]")); 
men.click(); 

请注意建议代码的可读性。