A Karma reporter plugin for generating SonarQube generic test reports.

npm install karma-sonarqube-reporter --save-dev

Adjust your karma.conf.js file:

Create a new plugin entry

plugins: [
  require('karma-sonarqube-reporter')
]

Add configuration parameters

sonarqubeReporter: {
  basePath: 'src/app',        // test folder 
  filePattern: '**/*spec.ts', // test file pattern
  outputFolder: 'reports',    // reports destination
  encoding: 'utf-8'           // file format
}

Activate sonarqube reporter

reporters: ['sonarqube']

Click here to see a full example.

If your project uses Angular CLI run ng test and check the output folder.

$ ls reports
chrome.65.0.3325.linux.0.0.0.xml
firefox.54.0.0.linux.0.0.0.xml

The report files' schema is defined on the SonarQube Generic Test Data page.

Add the following property to your sonar-project.properties:

sonar.testExecutionReportPaths= \
  reports/chrome.65.0.3325.linux.0.0.0.xml, \
  reports/firefox.54.0.0.linux.0.0.0.xml

Finally, start SonarQube Scanner on your project folder.

That's all!