javascript - Protractor - 使用过滤器定位表格元素

Question

表格中有几行，我需要通过匹配以下文本来单击行的编辑链接:name1

我找不到第一行中的“编辑”。我尝试使用 XPath 和 CSS 定位该元素，但没有成功。

这是我的 HTML 代码:

<tr ng-repeat="medication in modelCaseMed.medicationInfo" class="ng-scope odd" role="row">
  <td class="ng-binding">name1</td>
  <td class="ng-binding">04/06/2017</td>
  <td class="ng-binding">04/28/2017</td>
  <td class="ng-binding">12</td>
  <td class="ng-binding">Hourly</td>
  <td class="ng-binding">1</td>
  <td>
    <a href="" ng-click="addMedication(medication, 'edit')">
      <i class="fa fa-pencil-square-o"></i> Edit</a> |  
    <a href="" ng-click="deleteMedication(medication, 'Modify')">
      <i class="fa fa-trash"></i> Delete</a>
  </td>
</tr>

你能帮我匹配行中的文本name1然后点击第一行的编辑链接吗？

Answer 1

试试下面的代码，

element.all(by.repeater("medication in modelCaseMed.medicationInfo")).filter(function(_tableRow){
  return _tableRow.element(by.css("td:nth-child(1)")).getText().then(function(name){
      return name == "name1"; //replace it with the required name;
  });
}).first().element(by.css("i.fa-pencil-square-o")).click();