javascript - How do I get a text of all the cells of the table using testcafe - Stack Overflow

I am using the testcafe testing framework - .
I wrote the following code:

const table = Selector('#table');

for(let i = 0; i < table.rows.length; i++){
   for(let j = 0; j < table.columns.length; j++) {
         let tdText = await table.rows[i].cells[j].textContent;
        //another actions
   }
}

How do I get a text of all the cells of the table using testcafe?

I am using the testcafe testing framework - https://devexpress.github.io/testcafe.
I wrote the following code:

const table = Selector('#table');

for(let i = 0; i < table.rows.length; i++){
   for(let j = 0; j < table.columns.length; j++) {
         let tdText = await table.rows[i].cells[j].textContent;
        //another actions
   }
}

How do I get a text of all the cells of the table using testcafe?

• javascript
• automated-tests
• functional-testing
• web-testing
• testcafe

Share Improve this question Follow edited Aug 18, 2022 at 14:06 Alejandro B. 5,11222 gold badges3636 silver badges6363 bronze badges asked Dec 7, 2016 at 13:23 mlosevmlosev 5,22711 gold badge2121 silver badges3333 bronze badges 3

• let I should probably be let i and table.rows.lenght should probably be table.rows.length. – RobG Commented Dec 7, 2016 at 13:27
• Ok. I updated code example. And it still does not work. – mlosev Commented Dec 7, 2016 at 13:32
• Should an answer be accepted? – Winny Commented Dec 1, 2021 at 17:55

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

Selector provides methods and properties to select elements on the page and get theirs state, but has no 'rows' and 'columns' properties.

So, use the following solution:

const table       = Selector('#table');
const rowCount    = await table.find('tr').count;
const columnCount = await table.find('tr').nth(0).find('td').count;

for(let i = 0; i < rowCount; i++) {
    for(let j = 0; j < columnCount; j++) {  
        let tdText = await table.find('tr').nth(i).find('td').nth(j).textContent;
        //another actions
    }
}

Note that Selector provides 'find' and 'nth' functions since v0.11.0 (it will be released soon, but it's available yet with npm "alpha" tag).

Do you need all text content? In this case you can just use ClientFunction

import { ClientFunction } from 'testcafe';

const getInnerText = ClientFunction(() => document.getElementById('table').innerText);

const text = await getInnerText();