Code Coverage view not rendering linked css / js files in artifact

I’m creating a javascript test coverage report using the karma-coverage plugin. It generates an HTML coverage report based on the Istanbul and a Cobertura report file.

I’m using the output directory for the html report as the report directory in the “Publish Code Coverage Results” task.

My build artifact then contains the full contents of the html folder, as well as the Cobertura report.

Build Artifact:

When I navigate to the Code Coverage page for the build, I see the results of my tests, and I’m able to navigate through the results, I just don’t have any of the styling or scripts that are associated with the report.

Results:

Expected:

When I navigate to the coverage page in chrome, I get the following console error:

Blocked script execution in 'https://MYPROJECTHERE.visualstudio.com/_apis/Containers/321454/Code%20Coverage%20Report_2015/index.html' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.

[soham-dongargaonkar]

Any updates on this?

[kohlikohl]

In the meantime, here is a little script that inlines the external CSS into the HTML pages generated by the coverage reporter. I run it as a post processing step in the build after the coverage has been collected.

https://gist.github.com/kohlikohl/ef77c751cfd3b731923ca74fec9443d5