1 files changed, 43 insertions, 0 deletions

diff --git a/src/listComponents.js b/src/listComponents.js
index a09abd9..2d89ac3 100644
--- a/src/listComponents.js
+++ b/src/listComponents.js
@@ -49,6 +49,28 @@ export class Counters extends Component {
   }
 }
 
+export class GroupsCoverage extends Component {
+  _renderChilds(row) {
+    return row.group
+      ? (<GroupsCoverage groups={row.group} />)
+      : (<PackagesCoverage packages={row.package} />);
+  }
+
+  _renderRow(row) {
+    return (
+      <li key={row.$.name}>
+        <span>{row.$.name}</span>
+        <Counters data={row.counter} inlineList="true" />
+        {this._renderChilds(row)}
+      </li>
+    )
+  }
+
+  render() {
+    return renderRows(row => this._renderRow(row), this.props.groups, false);
+  }
+}
+
 export class PackagesCoverage extends Component {
   _renderRow(row) {
     return (
@@ -99,6 +121,27 @@ class MethodsCoverage extends Component {
   }
 }
 
+export class GroupsSourceCoverage extends Component {
+  _renderChilds(row) {
+    return row.group
+     ? (<GroupsSourceCoverage groups={row.group} sourceSet={this.props.sourceSet} />)
+     : (<PackagesSourceCoverage packages={row.package} sourceSet={this.props.sourceSet} />);
+  }
+
+  _renderRow(row) {
+    return (
+      <li key={row.$.name}>
+        <span>{row.$.name}</span>
+        {this._renderChilds(row)}
+      </li>
+    )
+  }
+
+  render() {
+    return renderRows(row => this._renderRow(row), this.props.groups, false);
+  }
+}
+
 export class PackagesSourceCoverage extends Component {
   _renderRow(row) {
     return (