使用Testcafe编写的调试UI测试

Question

更新:

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

但是,我们仍然存在testcafe删除源地图的问题.当我们正常运行webpack dev服务器时,我们会看到所有源映射,并且能够设置断点并调试应用程序代码.

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

我们在这里做错了吗？

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

但是,我只能看到混淆且不能真正调试的生产代码(build.js).我想知道是否有可能有一个配置,以便testcafe不使用捆绑代码,而是使用原始源代码(可能使用源映射？).我source-map在webpack中用作devtool选项.

我知道UI测试应该测试生产代码,但在开发时有这样的配置会很好.有任何想法吗？

Answer 1

Testcafe 从客户端脚本中删除源映射声明。不幸的是，现在您无法使用源映射机制调试客户端脚本。我为此创建了提案。您可以在 Github 上跟踪此问题以了解进展情况。