add spikeline tests

- covering cases where `ax._subplotsWith.length > 1`
  and ax in question isn't at extremity of graph
- covering cases for `anchor:'free'` axes
- make other test use `Plotly.plot` instead of `newPlot`,
  to not purge the graph twice.

test/jasmine/tests/hover_spikeline_test.js

@@ -156,6 +156,120 @@ describe('spikeline hover', function() {
  .then(done);
  });
 
+ it('draws lines up to x-axis position', function(done) {
+ Plotly.plot(gd, [
+ { y: [1, 2, 1] },
+ { y: [2, 1, 2], yaxis: 'y2' }
+ ], {
+ // here the x-axis is drawn at the middle of the graph
+ xaxis: { showspike: true, spikemode: 'toaxis' },
+ yaxis: { domain: [0.5, 1] },
+ yaxis2: { anchor: 'x', domain: [0, 0.5] },
+ width: 400,
+ height: 400
+ })
+ .then(function() {
+ _hover({xval: 1, yval: 2});
+ // from "y" of x-axis up to "y" of pt
+ _assert([[189, 210.5, 189, 109.25]], []);
+ })
+ .then(function() { return Plotly.relayout(gd, 'xaxis.spikemode', 'across'); })
+ .then(function() {
+ _hover({xval: 1, yval: 2});
+ // from "y" of xy subplot top, down to "y" xy2 subplot bottom
+ _assert([[189, 100, 189, 320]], []);
+ })
+ .catch(failTest)
+ .then(done);
+ });
+
+ it('draws lines up to y-axis position - anchor free case', function(done) {
+ Plotly.plot(gd, [
+ { y: [1, 2, 1] },
+ { y: [2, 1, 2], xaxis: 'x2' }
+ ], {
+ yaxis: { domain: [0.5, 1] },
+ xaxis2: {
+ anchor: 'free', position: 0, overlaying: 'x',
+ showspikes: true, spikemode: 'across'
+ },
+ width: 400,
+ height: 400,
+ showlegend: false
+ })
+ .then(function() {
+ _hover({xval: 0, yval: 2}, 'x2y');
+ // from "y" of pt, down to "y" of x2 axis
+ _assert([[95.75, 100, 95.75, 320]], []);
+ })
+ .then(function() { return Plotly.relayout(gd, 'xaxis2.position', 0.6); })
+ .then(function() {
+ _hover({xval: 0, yval: 2}, 'x2y');
+ // from "y" of pt, down to "y" of x axis (which is further down)
+ _assert([[95.75, 100, 95.75, 210]], []);
+ })
+ .catch(failTest)
+ .then(done);
+ });
+
+ it('draws lines up to y-axis position', function(done) {
+ Plotly.plot(gd, [
+ { y: [1, 2, 1] },
+ { y: [2, 1, 2], xaxis: 'x2' }
+ ], {
+ // here the y-axis is drawn at the middle of the graph,
+ // with xy subplot to the right and xy2 to the left
+ yaxis: { showspike: true, spikemode: 'toaxis' },
+ xaxis: { domain: [0.5, 1] },
+ xaxis2: { anchor: 'y', domain: [0, 0.5] },
+ width: 400,
+ height: 400,
+ showlegend: false
+ })
+ .then(function() {
+ _hover({xval: 1, yval: 2});
+ // from "x" of y-axis to "x" of pt
+ _assert([[199.5, 114.75, 260, 114.75]], []);
+ })
+ .then(function() { return Plotly.relayout(gd, 'yaxis.spikemode', 'across'); })
+ .then(function() {
+ _hover({xval: 1, yval: 2});
+ // from "x" at xy2 subplot left, to "x" at xy subplot right
+ _assert([[80, 114.75, 320, 114.75]], []);
+ })
+ .catch(failTest)
+ .then(done);
+ });
+
+ it('draws lines up to y-axis position - anchor free case', function(done) {
+ Plotly.plot(gd, [
+ { y: [1, 2, 1] },
+ { y: [2, 1, 2], yaxis: 'y2' }
+ ], {
+ xaxis: { domain: [0.5, 1] },
+ yaxis2: {
+ anchor: 'free', position: 0, overlaying: 'y',
+ showspikes: true, spikemode: 'across'
+ },
+ width: 400,
+ height: 400,
+ showlegend: false
+ })
+ .then(function() {
+ _hover({xval: 0, yval: 2}, 'xy2');
+ // from "x" of y2 axis to "x" of pt
+ _assert([[80, 114.75, 320, 114.75]], []);
+ })
+ .then(function() { return Plotly.relayout(gd, 'yaxis2.position', 0.6); })
+ .then(function() {
+ _hover({xval: 0, yval: 2}, 'xy2');
+ // from "x" of y axis (which is further left) to "x" of pt
+ _assert([[200, 114.75, 320, 114.75]], []);
+ })
+ .catch(failTest)
+ .then(done);
+ });
+
  it('draws lines and markers on enabled axes in the spikesnap "cursor" mode', function(done) {
  var _mock = makeMock('toaxis', 'x');