TestCafe - 如何使用类名获取带有标签“th”的表的索引号

Question

我正在尝试获取带有正文列的链接表标题列，因为这些列是可配置的并且顺序不断变化。唯一的识别方法是仅在标头部分给出类名。如果我将使用类名获取索引号，那么我可以使用该索引从正文中获取值。我可以使用 getElementsByTag('th').nth(i).classNames 获取类名。有没有办法实现这样的事情 - getElementsByClassName('.column-name').index ？

这是我的桌子看起来像 -

<tr>

    <th class="column-name" >

        <span>Name</span>

    </th>

    <th class="spark-text-center column-age">

        <span>Age</span>

    </th>

    <th class="spark-text-center column-gender">

        <span>Gender</span>

    </th>

    <th class="spark-text-center column-status">

        <span>Status</span>

    </th>

</tr>

在选择器文件中 - // 导出 const SELECTOR_TABLE_HEADER_CLASS = class => Selector( thead tr th.${class});

测试中-

console.log(等待 SELECTOR_TABLE_HEADER_CLASS('列名').index); // 给出未定义的

Answer 1

默认情况下不支持您所需的功能。您可以使用自定义属性和方法来扩展选择器。