如何使用 testcafe 获取表格中所有单元格的文本

2022-01-14 00:00:00 automated-tests functional-testing javascript web-testing testcafe

我使用 testcafe 测试框架 - https://devexpress.github.io/testcafe.
我写了以下代码:

I 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
   }
}

如何使用 testcafe 获取表格中所有单元格的文本?

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

推荐答案

Selector 提供方法和属性来选择页面上的元素并获取它们的状态，但没有行"和列"属性.

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
    }
}

请注意，Selector 从 v0.11.0 开始就提供了 'find' 和 'nth' 功能(它将很快发布，但它还可以通过 npm "alpha" 标记使用).

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).

相关文章