Testcafe Selector 函数，它们是如何工作的？

Question

当你有一个选择器和一些链接的函数时

Selector('[data-testid="somevalue"]')
      .nth(0)
      .find('div')
      .withAttribute('class', 'someclass');

这是在 dom 上作为单个查询工作，还是查询第一个查询 ( Selector ) 并在那里以编程方式通过 dom？

我想了解这一点，因为我有一个失败的选择器，我需要使用 dom.

进行验证

选择器

Selector('[data-testid="table-row"]')
      .nth(0)
      .find('div')
      .withAttribute('class', 'checkbox-ui');

Answer 1

因为复选框-ui class 似乎是其他 class 中的一个（而且它不是列表中关于顺序的第一个 class）在您尝试 select 的 div-容器中，您可以按照以下方法正确地 select 和 div：

Selector('[data-testid="table-row"]')
      .nth(0)
      .find('div[class*="checkbox-ui"]')

withAttribute 方法适用于 strict match when Strings are used。因此，您当前的选择器无法匹配 div.

关于* CSS-Selector，你可以进一步看一下this。

Testcafe Selector functions, how do they work?