【问题标题】:How to debug protractor in VS CODE?如何在 VS CODE 中调试量角器?
【发布时间】:2019-01-03 03:47:09
【问题描述】:

我正在尝试调试量角器测试脚本,但我找不到很好的资源来了解如何调试,有人可以建议我几个最好的网站来参考以及我们可以调试量角器测试脚本的方法有多少。

【问题讨论】:

标签: protractor web-testing


【解决方案1】:

你有两种最好的方法。

方法一:

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) 完成此操作后,您就可以运行调试器,它应该可以工作了。

INFO: 要添加断点,只需在代码中写入“debugger;”即可(不带引号)。

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

async/await 和断点示例:

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

方法B:

在 VSCode 中打开一个终端并编写:

node --inspect-brk path/to/protractor/bin/protactor path/to/protractorconfig.js

示例:

节点 --inspect-brk .\node_modules\protractor\bin\protractor .\e2e\backoffice\protractor_backoffice.js

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

祝你好运!

【讨论】:

  • PS:你也可以使用 .then() 来解决 Promise,但我更喜欢 async/await。
【解决方案2】:

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

我的 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 文件,您将在其中提供您的规范文件。不要更改“outFiles”和“Program”。

如果您尝试提供 ts 文件,则它不会运行。所以请提供.js文件路径。

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

tsc

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

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

【讨论】:

  • 是的,你是对的。请指导我了解非异步功能。
猜你喜欢
  • 1970-01-01
  • 2021-05-12
  • 2019-10-10
  • 2018-08-16
  • 2017-10-02
  • 2021-02-18
  • 1970-01-01
  • 1970-01-01
  • 2021-05-10
相关资源
最近更新 更多