TestCafe-如何使用类名

问题描述

我试图获取带有主体列的链接表标题列，因为这些列是可配置的并且顺序不断变化。唯一的识别方法是仅在标题部分给出类名。如果我将使用类名获取索引号，则可以使用该索引从主体获取值。我可以使用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>

选择器文件中的

- // export const SELECTOR_TABLE_HEADER_CLASS = class => Selector（thead tr th.${class}）;

测试中-

console.log（等待SELECTOR_TABLE_HEADER_CLASS（'列名'）.index）; //给出未定义

解决方法

默认情况下不支持您所需的功能。您可以extend selectors with custom properties and methods。有关示例，请参考this和this线程。