angular - Angular console.log in 测试在 VS Code 中打印

Question

我正在使用 Jasmine/Karma 对我的 Angular 应用程序进行单元测试，并且我正在使用 Visual Studio Code 作为 IDE。

当我console.log在测试中进行时，我无法找到输出的打印位置。

我的测试代码是：

it('verify filter changes', () => {

    let nameInput = fixture.debugElement.query(By.css('#name-input'));
    console.log(nameInput);
    nameInput.nativeElement.value = 'dummyName';
    nameInput.nativeElement.dispatchEvent(new Event('input'));
    fixture.detectChanges();
    expect(component.name).toBe('dummyName');
  });

我的 karma.conf.json：

process.env.CHROME_BIN = require('puppeteer').executablePath();

module.exports = function(config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular-devkit/build-angular'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular-devkit/build-angular/plugins/karma'),
    ],
    client: {
      jasmine: {
        random: true,
      },
      clearContext: false, // leave Jasmine Spec Runner output visible in browser
      captureConsole: true,
    },
    coverageIstanbulReporter: {
      dir: require('path').join(__dirname, 'coverage'),
      reports: ['html', 'lcovonly'],
      fixWebpackSourcePaths: true,
    },

    reporters: ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_DEBUG,
    autoWatch: true,
    browsers: ['Chrome'],
    //browsers: ['ChromeHeadless'],
    browserConsoleLogOptions: {
      level: 'log',
      format: '%b %T: %m',
      terminal: true
    }
  });
};

在 Visual Studio Code 中打印的 console.log 的输出在哪里？

标签： angularvisual-studio-codejasminekarma-jasmine