时间戳

首页 > 解决方案 > 有没有办法查看选择器捕获的实际 HTML 元素？

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

问题描述

我正在尝试确定我的选择器是否正在捕获正确的 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>?

标签： testingautomated-testse2e-testingtestcafeweb-testing

解决方案

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

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

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

推荐阅读