Skip to content

Restyle html report #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 7 commits into
base: master
Choose a base branch
from
Open

Restyle html report #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
08dc727
Update odd rows color on summary template
MatheusRich Apr 17, 2020
643964a
Restyle summary table
MatheusRich Apr 17, 2020
5d2f644
Restyle links
MatheusRich Apr 17, 2020
b749e65
Restyle file index
MatheusRich Apr 17, 2020
a630c23
Remove cellspacing
MatheusRich Apr 17, 2020
7c3852d
Add coverage colors
MatheusRich Apr 17, 2020
8b5a31a
Update odd column markup
MatheusRich Apr 18, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 14 additions & 3 deletions src/coverage/runtime/outputters/html_report.cr
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ class Coverage::Outputter::HtmlReport < Coverage::Outputter
end

def percent_coverage_str
"#{(100*percent_coverage).round(2)}%"
"#{(100*percent_coverage).round(2)} %"
end
end

Expand All @@ -42,9 +42,20 @@ class Coverage::Outputter::HtmlReport < Coverage::Outputter

def total_percentage
if total_relevant == 0
"100%"
100.0
else
(100.0*(total_covered / total_relevant.to_f)).round(2).to_s + "%"
(100.0*(total_covered / total_relevant.to_f)).round(2)
end
end

def percentage_covered_color(cov)
case cov
when 90.0..100.0
"green"
when 80.0..89.99
"yellow"
else
"red"
end
end

Expand Down
30 changes: 24 additions & 6 deletions template/index.html.ecr
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
font-family: 'Helvetica Neue', 'Arial', sans-serif;
}
iframe {
width: calc(100% - 200px);
width: calc(100% - 350px);
height: 100vh;
margin: 0;
border: none;
Expand All @@ -20,25 +20,43 @@
box-sizing: border-box;
float: left;
height: 100vh;
width: 200px;
width: 350px;
display: block;
overflow: auto;
border-right: 1px solid #AAA;
}

ul {
margin: 0;
list-style: none;
padding: 0;
}
li {
padding: 5px;
word-break: break-word;
}
li.odd {
background-color: #efefef;
}
a {
font-weight: bold;
color: #333;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h3 {
border-bottom: 1px solid #aaa;
}
</style>
</head>
<body>
<nav>
<a href="summary.html" target="iframe">Index</a>
<a href="summary.html" target="iframe">◄ Back to Index</a>
<h3>Files</h3>
<ul>
<%- @covered_files.each do |file| -%>
<li><a href="<%=file.md5%>.html" target="iframe"><%=file.filename%></li>
<%- @covered_files.each_with_index do |file, index| -%>
<li class="<%= index.odd? ? "odd" : "even" %>"><a href="<%=file.md5%>.html" target="iframe"><%=file.filename%></li>
<%- end -%>
</ul>
</nav>
Expand Down
47 changes: 41 additions & 6 deletions template/summary.html.ecr
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,47 +9,82 @@
font-family: 'Helvetica Neue', 'Arial', sans-serif;
}

body {
padding: 20px;
}

table {
margin: auto;
border: 1px solid #AAA;
width: 100%;
}

thead, tfoot {
background-color: #ddd;
}

th {
text-align: left;
}

th,td {
padding: 0.2em, 1em;
padding: 5px 20px;
}
tr {
border-bottom: solid 1px black;
}

tr.odd {
background-color: #efefef;
}

a {
font-weight: bold;
color: #333;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.bold {
font-weight: bold;
}
.green {
color: #090;
}
.yellow {
color: #ddaa00;
}
.red {
color: #900;
}

</style>
</head>
<body>
<h1>Covering report</h1>
<hr>
<table>
<table cellspacing="0">
<thead>
<th>File</th>
<th>Relevant lines</th>
<th>Covered lines</th>
<th>Percentage covered</th>
</thead>
<tbody>
<%- @covered_files.each do |file| -%>
<tr>
<%- @covered_files.each_with_index do |file, index| -%>
<tr class="<%= index.odd? ? "odd" : "even" %>">
<td><a href="<%=file.md5%>.html"><%=file.filename%></a></td>
<td><%=file.relevant_lines%></td>
<td><%=file.covered_lines%></td>
<td><%=file.percent_coverage_str%></td>
<td class="<%= percentage_covered_color(cov: file.percent_coverage * 100) %> bold"><%=file.percent_coverage_str%></td>
</tr>
<%- end -%>
<tfoot>
<th>TOTAL: </th>
<th><%= total_relevant %></th>
<th><%= total_covered %></th>
<th><%= total_percentage %></th>
<th class="<%= percentage_covered_color(cov: total_percentage) %>"><%= total_percentage.to_s %> %</th>
</tfoot>
</tbody>
</table>
Expand Down