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

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

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

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

例如,如果我有这个 HTML,

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

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

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

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

最佳答案

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

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

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

关于testing - 有没有办法查看选择器捕获的实际 HTML 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55540680/

相关文章:

ruby - Watir webdriver 鼠标悬停(悬停)- Firefox Chrome IE 之间的区别

testing - 软件层的自诊断测试?

javascript - 我将如何使用 Karma/Jasmine 测试窗口提示和确认?

configuration - testcafe 运行程序允许命令行值

testing - 如何使用 Spock 使用 Stub(class, closure) 制作 Stub

java - Android Studio 1.1.0 + Robolectric 2.4 导致 java.lang.annotation.AnnotationFormatError

maven-plugin - SoapUI Maven 插件——执行多个项目

testing - 在 TestCafe 中查找所有元素子元素时出现问题

php - Laravel app boostraps 在测试环境的早期

reactjs - 使用 Enzyme 测试 React 组件时,是使用模拟更好还是直接在 instance() 上调用方法更好?