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

时间:2019-04-05 17:34:10

标签: automated-tests e2e-testing web-testing testcafe

我试图确定我的选择器是否捕获了正确的HTML元素。唯一输出的是Selector对象,它什么也没告诉我。

我试图将调试器放入VScode中,并使用控制台查看选择器。

例如,如果我有此HTML,

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

,我的选择器如下所示... const h1 = Selector('h1');

我是否可以查看捕获到的元素的HTML?例如;必须输出

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

1 个答案:

答案 0 :(得分:2)

在调试模式下调试Selector对象非常困难。 我发现检查选择器是否正确的最佳方法是将鼠标悬停在选择器上,然后再执行任何操作或声明:

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

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