Protractor Tests get Values of Table entries

Question

I'm writing some protractor tests right now and got a little problem. How can I get the values of 'value1', 'value2' and 'value3' from the entry in the first row?

The HTML looks like this:

  <table>
  <tr data-ng-repeat="object in $data track by object.id">
    <td>{{object.value1}}
    </td>
    <td>
      {{object.value2}}
    </td>
    <td>
      {{object.value3}}
    </td>
  </tr>
</table>

Could you please add to the post what you've already accomplished. — Michael Radionov, Dec 07 '15 at 14:31

score 4 · Accepted Answer · answered Dec 07 '15 at 14:35

The protractor docs don't spell it out very clearly, but there is a .column() locator that applies to the by.repeater() locator.

Some examples from the site:

// Returns a promise that resolves to an array of WebElements from a column
var ages = element.all(
    by.repeater('cat in pets').column('cat.age'));

// Returns the H4 for the first book's name.
var firstBookName = element(by.repeater('book in library').
    row(0).column('book.name'));

score 1 · Answer 2 · answered Dec 07 '15 at 14:40

First, you need to locate the desired table rows by the repeater:

var rows = element.all(by.repeater("object in $data"));

Then, to get to the cell texts, you may use repeater()'s row/column feature as Josh suggested or use map():

var data = rows.map(function (row) {
    var cells = row.all("td");
    return {
        value1: cells.first().getText(),
        value2: cells.get(1).getText(),
        value3: cells.get(2).getText()
    }
});

Then, the data would contain a list of row objects with values inside:

expect(data).toEqual([
    {value1: "test1", value2: "test2", value3: "test3"},
    {value1: "test4", value2: "test5", value3: "test6"}
]);

Protractor Tests get Values of Table entries

2 Answers2

Linked