javascript - 调试用 Testcafe 编写的 UI 测试

Question

更新:

关于另一个(锤头)错误，我们被迫在 testcafe 测试中使用缩小代码。由于此错误已解决，我们现在可以针对非缩小代码运行测试。

但是，我们仍然遇到source maps 被testcafe 删除 的问题。当我们正常运行 webpack 开发服务器时，我们会看到所有源映射，并且能够设置断点和调试应用程序代码。

然而，在测试期间，源映射不再可用。您可以看到显示 2 个案例的附加屏幕截图。

我们是不是做错了什么？

Image without Testcafe

Image with testcafe

---

我们的项目使用 Testcafe + Webpack + Vue.js。 我知道可以通过 t.debug() 调试测试代码。指令或 --inspect flag node.js的。

但是，我只能看到经过混淆且无法真正调试的生产代码 (build.js)。我想知道是否有可能进行配置，以便 testcafe 不使用捆绑代码而是使用原始源代码(可能使用 sourcemaps？)。我正在使用 source-map 作为 webpack 中的 devtool 选项。

我知道 UI 测试应该测试生产代码，但在开发时有这样的配置会很好。有什么想法吗？

Answer 1

Testcafe 从客户端脚本中删除源映射声明。 不幸的是，现在您无法使用源映射机制调试客户端脚本。 我创建了 proposal为了这。 你可以追踪这个issue在 Github 上了解进度。