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

Question

<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

I think **protractor** comes in picture when you are about to make a `$http` request. — Ashish Kumar, Jun 02 '15 at 11:42
will got same id in the loop, try and use findElement(by.id('row_0')) to click first row. And if you have unique 'id' across page, no need to select by.repeater('column in columns') before. I think — Dmitri Algazin, Jun 02 '15 at 13:02

score 4 · Accepted Answer · answered Jun 02 '15 at 14:27

4

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();

answered Jun 02 '15 at 14:27

alecxe

462,703
120
1,088
1,195

thanks, protractor says that cannot click on undifined, so I presume that protractor didnt found any element, but there is element with the text i wrote – noneJavaScript Jun 05 '15 at 14:55
i've made some changes at 1st post, to get it right in a more simple example – noneJavaScript Jun 05 '15 at 15:02

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

1 Answers1

Linked