I need to target these elements:
<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>
And also this one:
<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>
I attempted to achieve this by using
var input = element(by.css('span.required span.ng-binding'));
browser.actions().mouseMove(input).click().perform();
However, it was only interacting with the first name element. Any suggestions? Thank you :)