有没有办法查看选择器捕获的实际 HTML 元素?

Is there a way to view the actual HTML elements that are being captured by the Selectors?

我正在尝试确定我的选择器是否捕获了正确的 HTML 元素。唯一输出的是 Selector 对象,它没有告诉我任何信息。

我尝试在 VScode 中放置调试器并使用控制台查看选择器。

例如,如果我有这个 HTML,

<html>
  <body>
    <h1>This is a test</h1>
  </body>
</html>

我的选择器如下... const h1 = 选择器('h1');

有没有办法让我看到捕获元素的HTML?例如;必须输出

<h1>This is a test</h1>?

在调试模式下调试 Selector 对象非常困难。 我发现检查选择器是否正确的最好方法是在执行任何操作或断言之前将鼠标悬停在它上面:

const h1 = Selector('h1');
await t
  .hover(h1)
  ...

然后您应该会看到大光标移动并悬停在选择器上。