使用Testcafe编写的调试UI测试

时间:2017-09-04 12:40:49

标签: javascript webpack vue.js vuejs2 testcafe

更新

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

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

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

我们在这里做错了吗?

Image without Testcafe

Image with testcafe

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

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

我知道UI测试应该测试生产代码,但在开发时使用这样的配置会很不错。有什么想法吗?

1 个答案:

答案 0 :(得分:2)

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