量角器：语法选择基于HTML元素属性

Question

我要选择这个元素：

<span class="required" ng-class="{'disabled': saveInProgress}" 
input-control="{okCallback:setFieldValue, params:['firstName'], 
title:'First Name', value: person.firstName, 
validate:{length:100},empty:false}"> 
    <span hs-placeholder="Type First Name" class="ng-binding"></span> 
</span> 

而这一个了：

<span class="required" ng-class="{'disabled': saveInProgress}" 
    input-control="{okCallback:setFieldValue, params:['lastName'], 
    title:'Last Name', value: person.lastName, validate:{length:100}}"> 
     <span hs-placeholder="Type Last Name" class="ng-binding"> 
     </span> 
</span> 

我试图这样做使用

var input = element(by.css('span.required span.ng-binding')); 
browser.actions().mouseMove(input).click().perform(); 

但它一直只是调用第一个名称元素。有任何想法吗？请:)

Answer 1

您需要使用

element.all(by.css('span.required span.ng-binding')).get(0) //to access 1st element 
element.all(by.css('span.required span.ng-binding')).get(1) //to access 2nd element 

因为在DOM中也有，如果你使用

element(by.css('span.required span.ng-binding')) 

则默认情况下可用的量角器两个元素的选择

by.css('span.required span.ng-binding') 

将采取第一个显示的元素。

希望它能解决您的问题！