如何在VS CODE中调试量角器？

Question

我正在尝试调试量角器测试脚本，但我无法找到理解如何调试的良好来源，任何人都可以建议我参考几个最好的站点以及我们可以调试量角器测试脚本的方式。

Answer 1

你有2个最好的方法。

方法A：

1）配置VSCode。

这是我的启动配置:(根据需要更改文件夹路径和文件）。

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Backoffice",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/node_modules/protractor/bin/protractor",
            "stopOnEntry": false,
            "args": ["${workspaceRoot}/e2e/backoffice/protractor_backoffice.js"],
            "sourceMaps": true,
            "outFiles": [ "${workspaceRoot}/e2e/backoffice/**/*.js" ],
            "smartStep": true
        }
    ]
}

2）一旦你完成了这个，你就可以运行调试器，它应该工作。

信息：要添加断点，只需在代码中写入“debugger”; （没有引号）。

很重要！！！！要将代码与浏览器同步，您可以使用异步函数和等待方法。

async / await和breakpoint的示例：

async myFunction() {
 debugger;
 await this.myElement.click();
}

方法B：

在VSCode中打开一个终端并写入：

node --inspect-brk path / to / protractor / bin / protractor path / to / protractor config.js

例：

node --inspect-brk。\ node_modules \ protractor \ bin \ protractor。\ e2e \ backoffice \ protractor_backoffice.js

它打开了dev chrome工具，其中几乎就是VSCode调试器，但它提供了更多信息。

祝好运！