Add line coverage counter bubble

1 files changed, 14 insertions, 2 deletions

diff --git a/src/CoverageListing.js b/src/CoverageListing.js
index 6b5bc6d..72a5ea8 100644
--- a/src/CoverageListing.js
+++ b/src/CoverageListing.js
@@ -65,6 +65,13 @@ export class CoverageListing extends Component {
               .then(content => this.setState({ listingContent: content }));
   }
 
+  _lineCoverageString(coverage) {
+    const instructionCount = parseInt(coverage.ci) + parseInt(coverage.mi);
+    const branchCount = parseInt(coverage.cb) + parseInt(coverage.mb);
+    return coverage.ci + '/' + instructionCount + ' instructions covered, ' +
+           coverage.cb + '/' + branchCount + ' branches covered';
+  }
+
   _renderNone() {
     return (<div>No source file provided.</div>);
   }
@@ -76,10 +83,15 @@ export class CoverageListing extends Component {
   _renderLine(lineContent, lineNumber) {
     if (!(lineNumber in this.state.coverageMap))
       return (<li key={lineNumber}><pre>{lineContent}</pre></li>);
-    
+
     const coverage = this.state.coverageMap[lineNumber];
     const wellCovered = parseInt(coverage.mi) === 0 && parseInt(coverage.mb) === 0;
-    return (<li key={lineNumber} well-covered={wellCovered.toString()}><pre>{lineContent}</pre></li>);
+
+    return (
+      <li key={lineNumber} well-covered={wellCovered.toString()} title={this._lineCoverageString(coverage)}>
+        <pre>{lineContent}</pre>
+      </li>
+    );
   }
 
   _renderListing() {