如何在Protractor中定位特定行？详解ng-table行定位代码逻辑

我来帮你一步步拆解这段代码，搞清楚它是怎么精准定位到目标行的：

1. 先获取ng-table里的所有行 #

element.all(by.repeater('item in $data track by $index'))

这行是Protractor针对Angular应用的专属定位逻辑：by.repeater会直接找到ng-table中由item in $data track by $index这个ng-repeat指令生成的所有行元素，相当于把整个表格的行都收集到一个元素数组里。

2. 用filter筛选出包含目标文本的行 #

接下来的.filter()是Protractor为元素数组提供的筛选方法，它会遍历每一行，只留下符合我们设定条件的行：

.filter(function(row) {
  return row.getText().then(function(txt) {
    txt = txt.replace(/\s/g, ''); // 移除所有空白字符（空格、换行、制表符都包含在内）
    var found = txt.split('ID0001'); 
    return found.length > 1;
  });
})

这里的逻辑可以拆成几步看：

• 首先row.getText()是异步获取当前行的全部文本内容，所以必须用.then()来拿到实际的文本值txt；
• txt.replace(/\s/g, '')这一步很重要：表格文本经常会因为排版存在换行、空格或制表符，直接匹配容易出错，所以先把所有空白字符都删掉，让文本变成紧凑的一串；
• 然后用ID0001分割处理后的文本：如果原文本里包含ID0001，分割后会得到一个长度大于1的数组（比如"abcID0001def"分割后是["abc", "def"]，长度为2）；
• 最后返回found.length > 1，意思是只要这行文本里包含ID0001，就把它留在筛选结果里。

3. 对筛选结果执行点击操作 #

最后一段代码：

.then(function( elem){
  elem[0].click();
});

.filter()执行完成后会返回一个包含所有符合条件的行的数组，这里我们取数组的第一个元素（elem[0]）并点击——因为我们要找的是特定ID的行，正常情况下只会有一个匹配结果，直接点击第一个就可以了。

简单总结一下，这段代码的核心逻辑是：获取全表行 → 清理文本避免空格干扰 → 判断行内是否包含目标ID → 点击匹配到的第一行。

内容的提问来源于stack exchange，提问作者Sagar Singh