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

Question

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

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获取表中所有单元格的文本？

Answer 1

你需要所有的文本内容吗？在这种情况下，您可以使用ClientFunction

import { ClientFunction } from 'testcafe';

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

const text = await getInnerText();

Answer 2

选择器提供方法和属性来选择页面上的元素并获取其状态，但没有“行”和“列”属性。

因此，请使用以下解决方案：

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

请注意，选择器从v0.11.0开始提供“查找”和“第n个”功能（它将很快发布，但npm“alpha”标记仍然可用）。