在Visual Studio Code中调试Cypress测试

dudeNumber4

我想使用VS Code编辑和调试赛普拉斯测试。看起来这应该很简单;赛普拉斯文档直接提到了VS Code(但没有提供有关如何在其中或在调试页面上配置VS Code的launch.json文件进行调试的任何线索)。我有一个启动cypress / electron的launch.json配置,但是VS Code给出此错误:

无法连接到运行时进程…连接ECONNREFUSED 127.0.0.1:5858

然后将其关闭。

查看VS Code项目示例电子没有帮助(添加protocolprogram属性无效)。

这是我的配置:

{
    "name": "Start integration_tests",
    "type": "node",
    "request": "launch",
    "stopOnEntry": false,
    "cwd": "${workspaceRoot}",
    "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/cypress",
    "runtimeArgs": [
        "open"
    ],
    "console" : "internalConsole",
    "port": 5858,
}
菲尔顿

我今天设置了它,它起作用了!

  1. 修改plugins / index.js以在调试模式下启动Chrome(--remote-debugging-port = 9222):
module.exports = (on, config) => {

  on('before:browser:launch', (browser = {}, args) => {

    if (browser.name === 'chrome') {
      args.push('--remote-debugging-port=9222')

      // whatever you return here becomes the new args
      return args
    }

  })
}

赛普拉斯浏览器启动API

  1. 将以下内容添加到您的launch.json中(注意与上面相同的端口)
{
  "type": "chrome",
  "request": "attach",
  "name": "Attach to Chrome",
  "port": 9222,
  "urlFilter": "http://localhost:4200/*",
  "webRoot": "${workspaceFolder}"
}
  1. 在测试中放入“调试器”一词。有关调试,请参见赛普拉斯文档
  2. 运行“ cypress open”并从Chrome中的#3启动测试
  3. 使用新的“附加到Chrome”配置启动vscode调试器
  4. 重新启动带有“调试器”的测试,然后调试!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章