如何从TestCafe选择器中提取基础HTML dom元素？

Question

我正在试用TestCafe，但在定位某些元素时遇到问题。我希望能够出于调试目的，打印出TestCafe在特定选择器中找到的任何元素，以便可以将它们与存在的DOM进行比较。

我已经尝试阅读文档并运行以下代码：

const a = await Selector('span', { timeout: 20000 }).withText('some text');
console.log(a);

但是，当我运行这段代码时，我得到的只是一些内部TestCafe类型的打印输出，如下所示：

[Function: __$$clientFunction$$] {
  with: [Function],
  nth: [Function],
...
}

Answer 1

对于以后想要答案的任何人，要获取实际的html元素，您需要调用选择器，即：

const a = await Selector('span', { timeout: 20000 }).withText('text'))()
console.log(a)

这是因为Selector创建了一个testcafe使用的函数，该函数可以在内部执行以获取元素，但是如果要手动执行此操作，则需要调用它。