如何在 VS CODE 中调试量角器?
How to debug protractor in VS CODE?
我正在尝试调试量角器测试脚本,但我无法找到好的资源来了解如何调试,任何人都可以建议我几个最好的参考站点以及我们可以通过多少种方式调试量角器测试脚本。
你有 2 个最好的方法。
方法一:
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
示例:
node --inspect-brk .\node_modules\protractor\bin\protractor
.\e2e\backoffice\protractor_backoffice.js
它会打开开发 chrome 工具,里面几乎有 VSCode 调试器,但它提供了更多信息。
祝你好运!
我遇到了很多调试问题。经过这么多研究,我得到了这个解决方案,我的代码没有被调试。
我的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 进行调试。
我正在尝试调试量角器测试脚本,但我无法找到好的资源来了解如何调试,任何人都可以建议我几个最好的参考站点以及我们可以通过多少种方式调试量角器测试脚本。
你有 2 个最好的方法。
方法一:
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
示例:
node --inspect-brk .\node_modules\protractor\bin\protractor .\e2e\backoffice\protractor_backoffice.js
它会打开开发 chrome 工具,里面几乎有 VSCode 调试器,但它提供了更多信息。
祝你好运!
我遇到了很多调试问题。经过这么多研究,我得到了这个解决方案,我的代码没有被调试。
我的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 进行调试。