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

Question

我试图确定我的Selector是否正在捕获正确的HTML元素。输出的唯一东西是Selector对象，它不告诉我任何东西。

我试图在VScode中放置一个调试器并使用控制台来查看Selector。

例如，如果我有这个HTML，

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

我的选择器如下所示... const h1 = Selector（'h1'）;

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

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

Answer 1

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

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

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