我在一个Angular 项目中使用以下设置安装了karma-junit-reporter：

// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html

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('karma-junit-reporter'),
      require('@angular-devkit/build-angular/plugins/karma')
    ],
    client: {
      clearContext: false, // leave Jasmine Spec Runner output visible in browser
      jasmine: {
        failSpecWithNoExpectations: true,
      }
    },
    coverageIstanbulReporter: {
      dir: require('path').join(__dirname, '../coverage'),
      reports: ['html', 'lcovonly'],
      fixWebpackSourcePaths: true
    },
    reporters: ['progress', 'kjhtml', 'junit'],
    junitReporter: {
      outputDir: 'reports', // results will be saved as $outputDir/$browserName.xml
      outputFile: 'junit.xml', // if included, results will be saved as $outputDir/$browserName/$outputFile
      suite: '', // suite will become the package name attribute in xml testsuite element
      useBrowserName: false, // add browser name to report and classes names
      // function (browser, result) to customize the name attribute in xml testcase element
      nameFormatter: function(browser, result) {
        return result.description;
      },
      // function (browser, result) to customize the classname attribute in xml testcase element
      classNameFormatter: function(browser, result) {
        return result.suite[0];
      },
      properties: {}, // key value pair of properties to add to the <properties> section of the report
      xmlVersion: null // use '1' if reporting to be per SonarQube 6.2 XML format
    },
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome', "ChromeHeadlessCI"],
    singleRun: false,
    customLaunchers: {
      ChromeHeadlessCI: {
        base: 'ChromeHeadless',
        flags: ['--no-sandbox']
      }
    }
  });
};

当unit-tests作业在Gitlab管道中运行时：

unit_tests:
  stage: test
  needs:
    - job: app_build
  before_script:
    - apt-get update
    - wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
    - apt install -y ./google-chrome*.deb;
  variables:
    CHROME_BIN: /usr/bin/google-chrome
  script:
    - npm link @angular/cli@11.2.19
    - npm run test -- --no-watch --no-progress --browsers=ChromeHeadlessCI
  cache:
    - key: $CI_COMMIT_REF_SLUG-node_modules
      paths:
        - .npm/
        - node_modules/
  artifacts:
    when: always
    reports:
      junit:
        - $CI_PROJECT_DIR/src/reports/*.xml
  allow_failure: true

生成报告，但不显示具有文件名的字段：

同样使用karma-junit-reporter的人知道如何将这些信息添加到报告中吗？