add webgl-support check in mapbox test suites

- to skip over test the require a gl context,
  if gl isn't supported
- allows us to run _some_ mapbox tests on CircleCI

Author: etpinard

test/jasmine/assets/has_webgl_support.js

@@ -0,0 +1,22 @@
+'use strict';
+
+
+module.exports = function hasWebGLSupport(testName) {
+    var gl, canvas;
+
+    try {
+        canvas = document.createElement('canvas');
+        gl = canvas.getContext('webgl');
+    }
+    catch(err) {
+        gl = null;
+    }
+
+    var hasSupport = !!gl;
+
+    if(!hasSupport) {
+        console.warn('Cannot get WebGL context. Skip test *' + testName + '*');
+    }
+
+    return hasSupport;
+};

test/jasmine/karma.ciconf.js

@@ -17,9 +17,7 @@ function func(config) {
     func.defaultConfig.exclude = [
         'tests/gl_plot_interact_test.js',
         'tests/gl_plot_interact_basic_test.js',
-        'tests/gl2d_scatterplot_contour_test.js',
-        'tests/mapbox_test.js',
-        'tests/scattermapbox_test.js'
+        'tests/gl2d_scatterplot_contour_test.js'
     ];
 
     // if true, Karma captures browsers, runs the tests and exits

test/jasmine/tests/mapbox_test.js

@@ -7,6 +7,7 @@ var supplyLayoutDefaults = require('@src/plots/mapbox/layout_defaults');
 var d3 = require('d3');
 var createGraphDiv = require('../assets/create_graph_div');
 var destroyGraphDiv = require('../assets/destroy_graph_div');
+var hasWebGLSupport = require('../assets/has_webgl_support');
 var mouseEvent = require('../assets/mouse_event');
 var customMatchers = require('../assets/custom_matchers');
 
@@ -121,6 +122,8 @@ describe('mapbox defaults', function() {
 describe('mapbox credentials', function() {
     'use strict';
 
+    if(!hasWebGLSupport('scattermapbox hover')) return;
+
     var dummyToken = 'asfdsa124331wersdsa1321q3';
     var gd;
 
@@ -168,6 +171,8 @@ describe('mapbox credentials', function() {
 describe('mapbox plots', function() {
     'use strict';
 
+    if(!hasWebGLSupport('scattermapbox hover')) return;
+
     var mock = require('@mocks/mapbox_0.json'),
         gd;
 

test/jasmine/tests/scattermapbox_test.js

@@ -7,6 +7,7 @@ var convert = require('@src/traces/scattermapbox/convert');
 
 var createGraphDiv = require('../assets/create_graph_div');
 var destroyGraphDiv = require('../assets/destroy_graph_div');
+var hasWebGLSupport = require('../assets/has_webgl_support');
 var customMatchers = require('../assets/custom_matchers');
 
 // until it is part of the main plotly.js bundle
@@ -410,6 +411,8 @@ describe('scattermapbox convert', function() {
 describe('scattermapbox hover', function() {
     'use strict';
 
+    if(!hasWebGLSupport('scattermapbox hover')) return;
+
     var hoverPoints = ScatterMapbox.hoverPoints;
 
     var gd;
@@ -456,7 +459,7 @@ describe('scattermapbox hover', function() {
 
         expect(out.index).toEqual(0);
         expect([out.x0, out.x1, out.y0, out.y1]).toBeCloseToArray([
-            444.444, 446.444, 105.410, 107.410
+            297.444, 299.444, 105.410, 107.410
         ]);
         expect(out.extraText).toEqual('(10°, 10°)<br>A');
         expect(out.color).toEqual('#1f77b4');
@@ -470,7 +473,7 @@ describe('scattermapbox hover', function() {
 
         expect(out.index).toEqual(0);
         expect([out.x0, out.x1, out.y0, out.y1]).toBeCloseToArray([
-            2492.444, 2494.444, 105.410, 107.410
+            2345.444, 2347.444, 105.410, 107.410
         ]);
         expect(out.extraText).toEqual('(10°, 10°)<br>A');
         expect(out.color).toEqual('#1f77b4');
@@ -484,7 +487,7 @@ describe('scattermapbox hover', function() {
 
         expect(out.index).toEqual(0);
         expect([out.x0, out.x1, out.y0, out.y1]).toBeCloseToArray([
-            -2627.555, -2625.555, 105.410, 107.410
+            -2774.555, -2772.555, 105.410, 107.410
         ]);
         expect(out.extraText).toEqual('(10°, 10°)<br>A');
         expect(out.color).toEqual('#1f77b4');