量角器开始单击嵌套的按钮元素

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

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