Feat(Grapher) ability to render nothing

Author: joko3ono

jest.config.js

@@ -42,10 +42,12 @@ module.exports = {
         'hit_buttons': '<rootDir>/public/js/null_plugins/hit_buttons.js',
         'search_header_plugin': '<rootDir>/public/js/null_plugins/search_header_plugin.js',
         'circos$': '<rootDir>/public/js/tests/mocks/circos.js',
+        'grapher': '<rootDir>/public/js/grapher.js',
+        'histogram': '<rootDir>/public/js/null_plugins/grapher/histogram.js',
     },
     watchPlugins: [
         'jest-watch-typeahead/filename',
         'jest-watch-typeahead/testname'
     ],
     resetMocks: true
-};
+};

public/js/grapher.js

@@ -29,13 +29,18 @@ export default function Grapher(Graph) {
         }
 
         render() {
-            var cssClasses = Graph.className() + ' grapher';
-            return (
-                <div ref="grapher" className={cssClasses}>
-                    {this.header()}
-                    {this.svgContainerJSX()}
-                </div>
-            );
+            // Do not render when Graph.name() is null
+            if (Graph.name() === null) {
+                return null;
+            } else {
+                var cssClasses = Graph.className() + ' grapher';
+                return (
+                    <div ref="grapher" className={cssClasses}>
+                        {this.header()}
+                        {this.svgContainerJSX()}
+                    </div>
+                );
+            }
         }
 
         header() {
@@ -123,4 +128,4 @@ $(window).resize(
             grapher.draw();
         });
     }, 125)
-);
+);

public/js/null_plugins/grapher/histogram.js

@@ -16,6 +16,10 @@ class Graph {
     static dataName(_props) {
         return null;
     }
+
+    static graphId() {
+        return null;
+    }
 }
 
 export default Grapher(Graph);

public/js/null_plugins/report_plugins.js

@@ -1,3 +1,5 @@
+import Histogram from 'histogram';
+
 class ReportPlugins {
     constructor(parent) {
         this.parent = parent;
@@ -14,6 +16,7 @@ class ReportPlugins {
     }
 
     generateStats() {
+        return (<Histogram />)
     }
 }