Javascript 量角器单击嵌套按钮元素

Javascript 量角器单击嵌套按钮元素,javascript,angularjs,selenium,selenium-webdriver,protractor,Javascript,Angularjs,Selenium,Selenium Webdriver,Protractor,我想单击第二个按钮,但我无法使用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="/a

我想单击第二个按钮,但我无法使用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>
div class=“ng视图ff域ng范围”>

您可以通过几种不同的方式完成,例如:

$('.hero-unit a:nth-clild(2)').click();
$('a[href="/au/shop/glasses?gender=men"]').click();
检查量角器API文件:

并查看css选择器:


您可以通过几种不同的方式完成,例如:

$('.hero-unit a:nth-clild(2)').click();
$('a[href="/au/shop/glasses?gender=men"]').click();
检查量角器API文件:

并查看css选择器:

试试这个:

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

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

我会找到包含所需链接的div,并根据
href
属性值区分链接-检查
href
以什么结尾:

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

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

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

我会找到包含所需链接的div,并根据
href
属性值区分链接-检查
href
以什么结尾:

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

var men = container.element(by.css("a[href$=men]"));
men.click();
请注意建议代码的可读性