无法使用量角器在ng-repeat-start循环中定位元素

Question

我在用量角器5.2.0（节点8.4.0，角度1.5）定位ng-repeat循环中的一个元素时遇到了麻烦。UI代码如下所示：

<tr ng-repeat-start="app in appsData.result" class="bordered"> 
<td>
<md-button id="{{app.name}}" class="md-raised primary" ng-click="appAction('configure', app)">
Configure and Run 
</md-button> 
</td>
</tr> 
<tr ng-repeat-end ng-show="expanded" ng-class="{'highlighted': expanded}">

var rows = element.all(by.repeater("app in appsData.result"));
rows.first().element(by.tagName("button")).getText().then(function(text){
console.log("Text: "+text);
});

<tbody>
<!-- ngRepeat: app in appsData.result -->
</tbody>

我的量角器conf文件如下所示：

exports.config = {
  seleniumAddress: 'http://127.0.0.1:4444/wd/hub',
  getPageTimeout: 600000,
  allScriptsTimeout: 5000000,
  framework: 'custom',
  // path relative to the current config file
  frameworkPath: require.resolve('protractor-cucumber-framework'),
  capabilities: {
    browserName: 'chrome',
    'chromeOptions': {
      args: ['--no-sandbox', 'headless']
    }
  },

  // Spec patterns are relative to this directory.
  specs: [
    'features/*.feature'
  ],

  baseURL: 'http://localhost:8080/',

  cucumberOpts: {
    require: 'features/step_definitions/*.js',
    tags: false,
    format: 'pretty',
    profile: false,
    'no-source': true
  }
};

Answer 1

如果class=“bordered”是唯一的，您可以尝试：

var rows = element.all(by.css('[class="bordered"]'));
rows.first().element(by.css('md-button')).getText().then(function(text){
    console.log("Text: "+text);
});

希望有帮助