Search code examples
javascriptangularjsseleniumprotractorend-to-end

How to find and click a table element by text using Protractor?

<tr id="item" ng-repeat="item in itemList>
   <td id="code" ng-repeat="column in columns">Some Text</td>
</tr>

I've seen some other similar questions but I couldn't solve it yet. Thats what I've tried so far:

element.all(by.repeater('column in columns')).findElement(by.id('code')).getText('Some Text').click();

EDIT:

<tr ng-repeat="item in items>
<td>{{item.name}}</td>
<td>{{item.description}}</td>
</tr>

Which results in:

<tr>
<td>Some Name</td>
<td>Some Text</td>
</tr>
<tr>
<td>More Name</td>
<td>More Text</td>
</tr>

etc etc

Solution

  • You need to filter() the desired element:

    var columns = element.all(by.repeater('column in columns'));
columns.filter(function (elm) {
    return elm.getText().then(function (text) {
        return text == 'Some Text';
    });
}).first().click();