添加屏幕截图以及单元测试

Question

我在angular应用程序上运行了单元测试，我生成了测试报告，我希望屏幕截图包含在我的报告中。特别是对于故障测试用例。我提供了karma.config文件供您参考。请让我知道是否有任何特定的记者来完成这项工作！

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-html-reporter'),
        require('karma-coverage-istanbul-reporter'),
        require('karma-tfs-reporter'),
        require('@angular-devkit/build-angular/plugins/karma')
      ],

      coverageIstanbulReporter: {
        dir: require('path').join(__dirname, '../client/clientcoverage'),
        reports: ['html', 'lcovonly'],
        fixWebpackSourcePaths: true
      },
      htmlReporter: {
        outputDir: 'client/clienttests', // where to put the reports 
        templatePath: null, // set if you moved jasmine_template.html
        focusOnFailures: true, // reports show failures on start
        namedFiles: false, // name files instead of creating sub-directories
        pageTitle: null, // page title for reports; browser info by default
        urlFriendlyName: false, // simply replaces spaces with _ for files/dirs
        reportName: 'output', // report summary filename; browser info by default 
        // experimental
        preserveDescribeNesting: false, // folded suites stay folded 
        foldAll: false, // reports start folded (only with preserveDescribeNesting)
      },

      reporters: ['progress', 'tfs','html'],
      //reporters: ['progress', 'coverage'],
      port: 9876,
      colors: true,
      logLevel: config.LOG_INFO,
      autoWatch: true,
      browsers: ['ChromeHeadless'],
      singleRun: true,
      loggers: [{type: 'console'}],

      tfsReporter: {
        outputDir: 'testresults',
        outputFile: 'testresults_${date}.xml'

    }
    });
  };