1 files changed, 64 insertions, 0 deletions
diff --git a/priv/static/metrics-graphics-3.0-alpha3/tests/charts/histogram_test.js b/priv/static/metrics-graphics-3.0-alpha3/tests/charts/histogram_test.js
new file mode 100644
index 0000000..2e69e70
--- /dev/null
+++ b/priv/static/metrics-graphics-3.0-alpha3/tests/charts/histogram_test.js
@@ -0,0 +1,64 @@
+module('histogram');
+
+
+// THIS TEST NEEDS TO BE REWRITTEN AS A RESULT OF #614
+// test('A solitary active datapoint exists', function() {
+//      var params = {
+//         target: '#qunit-fixture',
+//         data: d3.range(10000).map(d3.random.bates(10)),
+//         chart_type: 'histogram',
+//         linked: true
+//     };
+
+//     MG.data_graphic(params);
+//     equal(document.querySelectorAll('.mg-active-datapoint').length, 1, 'One active datapoint exists');
+// });
+
+test('Rollovers exist', function() {
+     var params = {
+        target: '#qunit-fixture',
+        data: d3.range(10000).map(d3.randomBates(10)),
+        chart_type: 'histogram',
+        linked: true
+    };
+
+    MG.data_graphic(params);
+    ok(document.querySelector('.mg-rollover-rect'), 'Rollovers exist');
+});
+
+test('We have only one set of rollovers', function() {
+     var params = {
+        target: '#qunit-fixture',
+        data: d3.range(10000).map(d3.randomBates(10)),
+        chart_type: 'histogram',
+        linked: true
+    };
+
+    MG.data_graphic(params);
+    equal(document.querySelectorAll('.mg-rollover-rect').length, 1, 'One set of rollovers exists');
+});
+
+test('Linked chart has the required class set', function() {
+     var params = {
+        target: '#qunit-fixture',
+        data: d3.range(10000).map(d3.randomBates(10)),
+        chart_type: 'histogram',
+        linked: true
+    };
+
+    MG.data_graphic(params);
+    var matches = document.querySelector(params.target + ' svg').getAttribute('class').match(/linked/);
+    ok(matches, 'Linked chart has class `linked` set');
+});
+
+test('Histogram exists', function() {
+    var params = {
+        target: '#qunit-fixture',
+        data: d3.range(10000).map(d3.randomBates(10)),
+        chart_type: 'histogram',
+        linked: true
+    };
+
+    MG.data_graphic(params);
+    ok(document.querySelector('.mg-histogram'), 'Histogram exists');
+});