使用cypress框架运行angular应用程序的e2e测试时出现“未捕获的SyntaxError:无效或意外的令牌”

Question

我正在使用cypress为我们的angular应用程序做e2e测试，当cypress自动打开应用程序主页时，错误发生了，并且在浏览器控制台中打印"Uncaught : Invalid or unexpected“，就像附件中的截图所示，似乎在vendor.xxx.js文件中捕获了混乱的代码，但该文件是由angular框架自动编译和生成的，在我们的日常使用中没有问题。如果我在浏览器中手动输入URL来访问应用程序，这个错误就会消失，当它触发或启动浏览器进行测试时，我不确定是否是cypress bug，毕竟是cypress框架操纵浏览器。该错误发生在由cypress控制的内置Eletron浏览器和chrome浏览器中。使用的柏树版本是3.4.0，如果有人能给我一些建议，我将非常感激，谢谢。

Answer 1

这可能不是很理想，但是您是否尝试过添加

Cypress.on('uncaught:exception', (err, runnable) => {
    // returning false here prevents Cypress from
    // failing the test
    return false
  })

到support文件夹下的index.js？

如果有未捕获的异常，这将使您的测试停止失败。

Answer 2

function d3_asin(x){
  return x > 1 half ??: x < -1 ? half :math.asin(x);
}

 function d3_asin(x){
   return ((x = Math.exp(x)) - 1 / x) / 2;
 }

在独立的Chrome上运行的相同文件被正确加载，所以它必须是Cypress编码的问题。在谷歌搜索后，我们发现Cypress设置有默认设置，其中包含此属性：

"modifyObstructiveCode": true

在将其设置为

之后，它可以很好地工作。

Answer 3

您可以通过将文件浏览器列表的名称改为.browserlistrc来解决此问题。我也有同样的问题，它帮助了我。调查以下问题：

https://github.com/cypress-io/cypress/issues/8864