Как написать в транспортире с одинаковыми элементами для разных текстовых полей

Question

Для текстовых полей значения Inspect Element одинаковы для трех текстовых полей с разными div и именами тегов.

      <div class="input-group-addon ng-binding">NAME</div>
      <input type="text" class="form-control ng-pristine ng-valid ng-empty ng-touched" ng-class="{error:hasError(k)}" id="name" name="name" ng-model="row[k]" placeholder="0" autocomplete="off" aria-invalid="false" style="">


      <div class="input-group-addon ng-binding">SEQUENCE_NUM</div>
      <input type="text" class="form-control ng-pristine ng-valid ng-empty ng-touched" ng-class="{error:hasError(k)}" id="name" name="name" ng-model="row[k]" placeholder="0" autocomplete="off" aria-invalid="false" style="">


      <div class="input-group-addon ng-binding">VALUE</div>
      <input type="text" class="form-control ng-pristine ng-valid ng-empty ng-touched" ng-class="{error:hasError(k)}" id="name" name="name" ng-model="row[k]" placeholder="0" autocomplete="off" aria-invalid="false" style="">

xpath для имени, sequence_num и значений одинаковы // * [@ id = "name"]. Пути xss для имени, sequence_num и значений одинаковы #name Селектор css для name, sequence_num и значений одинаков. .Ng-touched

И сложно вводить значения из автоматизации.

Как мне написать в транспортире?

Answer 1

Простой способ указать текст в локаторах: Для xpath: //div[text()="NAME"]/following-sibling::input[@id="name"], //div[text()="SEQUENCE_NUM"]/following-sibling::input[@id="name"], //div[text()="VALUE"]/following-sibling::input[@id="name"]

Правильный путь таков

let myLocator = label => '//div[text()="' + label + '"]/following-sibling::input[@id="name"]';

let $nameInput = element(by.xpath(myLocator("NAME")));
let $sequenceNum = element(by.xpath(myLocator("SEQUENCE_NUM")));
let $valueInput = element(by.xpath(myLocator("VALUE")));