Skip to content

Commit

Permalink
Updated readme with proper implementation instruction
Browse files Browse the repository at this point in the history
  • Loading branch information
davidsekar committed Sep 23, 2017
1 parent 858eeae commit 16bbf9c
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 6 deletions.
13 changes: 8 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
# vsts-coverage-styles
# Vsts coverage styles

This package helps to convert the external css files linked in an HTML into an internal style i.e., by injecting in HTML using ```<style>``` tag in the document head.
This package helps to convert the external css files linked in an HTML into an internal style i.e., by injecting in HTML using `<style>` tag in the document head.
It follows the same order while injecting CSS back in the HTML.

It doesn't do anything else, so it is as simple and fast as it can.

install using ``` npm install vsts-coverage-styles --save ```
install using `npm install vsts-coverage-styles --save `

Following is how you can consume the package from the nodejs file.

The override css allows you to fix the glitches due to VSTS stripping :after & :before selectors, images & charsets
The override css allows you to fix the glitches due to VSTS stripping pseudo selectors like :after & :before selectors, images & charsets

```
/**
Expand Down Expand Up @@ -42,5 +42,8 @@ vstsCoverageStyles({
postProcessFn: function(html) {
return html;
}
});```
});
```

To know about the assumptions and the optimization done for this plugin, check out the following article
[Code coverage HTML reports are missing styles in VSTS](https://davidsekar.com/aspnetcore/code-coverage-html-reports-are-missing-styles-in-vsts)
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "vsts-coverage-styles",
"version": "1.0.6",
"version": "1.0.7",
"description": "This package helps to convert the external css files in an HTML to an internal style i.e., injected using style tag in the document head.",
"main": "index.js",
"scripts": {
Expand Down

0 comments on commit 16bbf9c

Please sign in to comment.