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

时间:2019-01-03 03:47:10

标签: protractor web-testing

我正在尝试调试量角器测试脚本,但我找不到合适的资源来理解如何调试,有人可以建议我几个最佳站点参考,也可以调试多少方法。

2 个答案:

答案 0 :(得分: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;”中编写即可。 (不带引号)。

非常重要!!!! 要将代码与浏览器同步,您可以使用异步函数和await方法。

异步/等待和断点示例:

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

方法B:

在VSCode中打开终端并输入:

  

node --inspect-brk路径/到/量角器/ bin / protactor   路径/到/protractorconfig.js

示例:

  

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

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

祝你好运!

答案 1 :(得分:0)

我遇到了很多调试问题。经过大量的研究,我得到了这个解决方案,并且我的代码没有得到调试。

我的Launch.json文件

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",

        "program": "${workspaceRoot}/node_modules/protractor/bin/protractor",
            "stopOnEntry": false,
            "args": ["${workspaceRoot}/FolderNameIFAny/conf.js"],
            "sourceMaps": true,
            "outFiles": [ "${workspaceRoot}/JSFiles/Tests/**/*.js" ],
            "smartStep": true
        }
    ]
}
在“ args”中的

给出您的conf.js文件,您将在其中提供您的spec文件。不要更改“ outFiles”和“ Program”。

如果尝试提供ts文件,则它将不会运行。因此请提供.js文件路径。

在conf.ts运行命令中设置路径后

tsc

将conf.ts文件设置为conf.js

在conf.ts文件中提到的文件中设置细分,然后按f5进行调试。