angular - 带有业力和角度4的vscode调试器

Question

我正在尝试将 vscode 调试器连接到使用 karma 作为运行器的 angular 4 单元测试。

我正在使用 kamra 1.7.1 和 angular 4。

我的 launch.json 看起来像这样：

{
    "version": "0.2.0",
    "configurations": [
      {
        "type": "chrome",
        "request": "attach",
        "name": "Attach Karma Chrome",
        "address": "localhost",
        "port": 9333,
        "pathMapping": {
          "/": "${workspaceRoot}",
          "/base/": "${workspaceRoot}/"
        }
      }
    ]
  }

我的 karma.conf.js 看起来像这样：

// Karma configuration file, see link for more information
// https://karma-runner.github.io/0.13/config/configuration-file.html
const join = require('path').join;

module.exports = function ( config )
{
    config.set( {
        basePath: '',
        frameworks: ['jasmine', '@angular/cli'],
        plugins: [
            require('karma-jasmine'),
            require('karma-chrome-launcher'),
            require('karma-jasmine-html-reporter'),
            require('karma-coverage-istanbul-reporter'),
            require('karma-verbose-reporter'),
            require('@angular/cli/plugins/karma')
        ],
        files: [
            { pattern: 'src/test.ts' }
        ],
        coverageIstanbulReporter: {
            reports: [ 'html', 'lcovonly' ],
            fixWebpackSourcePaths: true,
            dir: join(__dirname, 'metrics', 'coverage')
        },
        angularCli: {
            environment: 'dev'
        },
        reporters: ['progress', 'verbose'],
        port: 9876,
        logLevel: config.LOG_DEBUG,
        autoWatch: true,
        customLaunchers: {
            ChromeCI: {
              base: 'ChromeHeadless',
              flags: ['--no-sandbox', '--headless']
            }
        },
        browsers: ['ChromeCI'],
        singleRun: false
    } );
};

标签： angularvisual-studio-codekarma-runner