Проталкиватель, нажимая на кнопку вложенного элемента кнопки

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

Check транспортир 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(); 

Пожалуйста, обратите внимание, читаемость предлагаемого кода.