如何使用VSCode工具调试Jasmine Karma测试

Question

我正在使用Visual Studio Code编写基于茉莉花和业力的单元测试用例。我想知道是否可以在vs代码工具本身中调试测试。

Answer 1

1. 打开调试标签
2. 添加Chrome配置，它将为您填写大部分字段。对于端口，请将其更改为9876（或您的karma.conf.js中指定的任何内容）。参见下文。
3. 在要调试的代码中设置断点
4. 运行调试任务，这将打开一个chrome窗口，指向指定端口
5. 运行测试命令（ng test），并在必要时刷新打开的Chrome窗口

示例配置，它们在名为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": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:9876",
            "webRoot": "${workspaceFolder}"
        }
    ]
}