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

Testing 有没有办法查看选择器捕获的实际HTML元素?,testing,automated-tests,e2e-testing,testcafe,web-testing,Testing,Automated Tests,E2e Testing,Testcafe,Web Testing,我试图确定我的选择器是否捕获了正确的HTML元素。唯一输出的是选择器对象,它没有告诉我任何事情 我尝试在VScode中放置一个调试器,并使用控制台查看选择器 例如,如果我有这个HTML 这是一个测试 在调试模式下调试选择器对象相当困难。 我发现检查选择器是否正确的最佳方法是在执行任何操作或断言之前将鼠标悬停在选择器上: const h1 = Selector('h1'); await t .hover(h1) ... 然后您应该看到大光标移动并悬停在选择器上。console.log

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

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

例如,如果我有这个HTML


这是一个测试

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

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

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

console.log(h1);TestCafe选择器的日志记录不会提供任何有用的信息,因为TestCafe选择器是一个复杂的对象,最初不包含html代码。对于TestCafe,您可以使用以下方法:constHTML=await选择器('h1')。innerText;log(html);