fixup mock and added jasmine test to lock hover on an interpolated surface point

archmoj · archmoj · commit afe36a62421e · 2019-03-20T15:25:11.000-04:00
diff --git a/test/image/baselines/gl3d_surface_connectgaps.png b/test/image/baselines/gl3d_surface_connectgaps.png
diff --git a/test/image/mocks/gl3d_surface_connectgaps.json b/test/image/mocks/gl3d_surface_connectgaps.json
@@ -3,13 +3,13 @@
       {
         "type": "surface",
         "connectgaps": true,
-        "x": [0, 1, 2, 3, 4],
-        "y": [0, 1, 2, 3],
+        "x": [0.1, 0.2, 0.3, 0.4],
+        "y": [0, 1, 2, 3, 4],
         "z": [
-          [null, 2, 1, 1, 1],
-          [2, 1, null, 2, null],
-          [2, 1, 1, 1],
-          [1, null, 0, null]
+          [1001, 1002, 1001, null, null],
+          [1002, 1001, null, 1002, null],
+          [1002, null, 1001, 1001],
+          [null, null, 1000, null]
         ]
       }
     ],
diff --git a/test/jasmine/tests/gl3d_plot_interact_test.js b/test/jasmine/tests/gl3d_plot_interact_test.js
@@ -378,6 +378,37 @@ describe('Test gl3d plots', function() {
         .then(done);
     });
 
+    it('@gl should display correct hover labels and emit correct event data (surface case with connectgaps enabled)', function(done) {
+        var surfaceConnectgaps = require('@mocks/gl3d_surface_connectgaps');
+        var _mock = Lib.extendDeep({}, surfaceConnectgaps);
+
+        function _hover() {
+            mouseEvent('mouseover', 300, 200);
+            return delay(20)();
+        }
+
+        Plotly.plot(gd, _mock)
+        .then(delay(20))
+        .then(function() {
+            gd.on('plotly_hover', function(eventData) {
+                ptData = eventData.points[0];
+            });
+        })
+        .then(_hover)
+        .then(function() {
+            assertHoverText('x: 0.2', 'y: 2', 'z: 1,001.25');
+            assertEventData(0.2, 2, 1001.25, 0, [1, 2]);
+            assertHoverLabelStyle(d3.selectAll('g.hovertext'), {
+                bgcolor: 'rgb(68, 68, 68)',
+                bordercolor: 'rgb(255, 255, 255)',
+                fontSize: 13,
+                fontFamily: 'Arial',
+                fontColor: 'rgb(255, 255, 255)'
+            }, 'initial');
+        })
+        .then(done);
+    });
+
     it('@gl should display correct hover labels and emit correct event data (surface case)', function(done) {
         var _mock = Lib.extendDeep({}, mock3);
 
