add test for spike on showticklabels: false axes

etpinard · etpinard · commit d306612e07d0 · 2017-09-05T11:22:51.000-04:00
diff --git a/test/jasmine/tests/hover_spikeline_test.js b/test/jasmine/tests/hover_spikeline_test.js
@@ -4,6 +4,7 @@ var Plotly = require('@lib/index');
 var Fx = require('@src/components/fx');
 var Lib = require('@src/lib');
 
+var fail = require('../assets/fail_test');
 var createGraphDiv = require('../assets/create_graph_div');
 var destroyGraphDiv = require('../assets/destroy_graph_div');
 
@@ -16,6 +17,7 @@ describe('spikeline', function() {
 
     describe('hover', function() {
         var mockCopy = Lib.extendDeep({}, mock);
+        var gd;
 
         mockCopy.layout.xaxis.showspikes = true;
         mockCopy.layout.xaxis.spikemode = 'toaxis';
@@ -24,8 +26,10 @@ describe('spikeline', function() {
         mockCopy.layout.xaxis2.showspikes = true;
         mockCopy.layout.xaxis2.spikemode = 'toaxis';
         mockCopy.layout.hovermode = 'closest';
+
         beforeEach(function(done) {
-            Plotly.plot(createGraphDiv(), mockCopy.data, mockCopy.layout).then(done);
+            gd = createGraphDiv();
+            Plotly.plot(gd, mockCopy.data, mockCopy.layout).then(done);
         });
 
         it('draws lines and markers on enabled axes', function() {
@@ -34,6 +38,20 @@ describe('spikeline', function() {
             expect(d3.selectAll('circle.spikeline').size()).toEqual(1);
         });
 
+        it('draws lines and markers on enabled axes w/o tick labels', function(done) {
+            Plotly.relayout(gd, {
+                'xaxis.showticklabels': false,
+                'yaxis.showticklabels': false
+            })
+            .then(function() {
+                Fx.hover('graph', {xval: 2, yval: 3}, 'xy');
+                expect(d3.selectAll('line.spikeline').size()).toEqual(4);
+                expect(d3.selectAll('circle.spikeline').size()).toEqual(1);
+            })
+            .catch(fail)
+            .then(done);
+        });
+
         it('doesn\'t draw lines and markers on disabled axes', function() {
             Fx.hover('graph', {xval: 30, yval: 40}, 'x2y2');
             expect(d3.selectAll('line.spikeline').size()).toEqual(2);
