Merge branch 'master' into opa-styleguide

Author: andrefarzat

3d-test-dashboard/test.js

@@ -101,47 +101,74 @@ function plotButtons(plots) {
         })
     });
 
-    var pummelButton = document.createElement('button');
-    pummelButton.style.cssFloat = 'left';
-    pummelButton.style.width = '100px';
-    pummelButton.style.height = '40px';
-    pummelButton.style.marginLeft = '25px';
-    pummelButton.innerHTML = 'pummel3d';
-    pummelButton.style.background = 'blue';
-    plotlist.appendChild(pummelButton);
-
-    var i = 0;
-    var mock = require('./testplots/marker-color.json');
-    var statusDiv = document.getElementById('status-info');
-
-    pummelButton.addEventListener('click', function () {
-        setInterval(function () {
-            var plotDiv = document.createElement('div');
-            window.plotDiv = plotDiv;
-
-            plotDiv.id = 'div' + i;
-            document.body.appendChild(plotDiv);
-
-            Plotly.plot(plotDiv, mock.data, mock.layout, {staticPlot: true}).then(function () {
-
-                Plotly.Plots.getSubplotIds(plotDiv._fullLayout, 'gl3d').forEach( function (key) {
-                    var scene = plotDiv._fullLayout[key]._scene;
-                    scene.destroy();
-                    i ++;
-                    statusDiv.innerHTML = 'Created ' + i + ' webgl contexts.';
-                });
+    var loseContextButton = document.createElement('button');
+    loseContextButton.style.cssFloat = 'left';
+    loseContextButton.style.width = '100px';
+    loseContextButton.style.height = '40px';
+    loseContextButton.style.marginLeft = '25px';
+    loseContextButton.innerHTML = 'lose/restore context';
+    loseContextButton.style.background = 'blue';
+    plotlist.appendChild(loseContextButton);
+
+    var ext = null;
+    loseContextButton.addEventListener('click', function() {
+      if(!gd) {
+        return;
+      }
+      Plotly.Plots.getSubplotIds(gd._fullLayout, 'gl3d').forEach( function (key) {
+          var scene = gd._fullLayout[key]._scene;
+          var gl = scene.glplot.gl;
+          if(gl.isContextLost()) {
+            ext.restoreContext();
+          } else {
+            ext = gl.getExtension('WEBGL_lose_context');
+            ext.loseContext();
+          }
+      });
+    });
 
-                document.body.removeChild(plotDiv);
-            });
 
-        }, 500);
-    });
+        var pummelButton = document.createElement('button');
+        pummelButton.style.cssFloat = 'left';
+        pummelButton.style.width = '100px';
+        pummelButton.style.height = '40px';
+        pummelButton.style.marginLeft = '25px';
+        pummelButton.innerHTML = 'pummel3d';
+        pummelButton.style.background = 'blue';
+        plotlist.appendChild(pummelButton);
+
+        var i = 0;
+        var mock = require('./testplots/marker-color.json');
+        var statusDiv = document.getElementById('status-info');
+
+        pummelButton.addEventListener('click', function () {
+            setInterval(function () {
+                var plotDiv = document.createElement('div');
+                window.plotDiv = plotDiv;
+
+                plotDiv.id = 'div' + i;
+                document.body.appendChild(plotDiv);
 
+                Plotly.plot(plotDiv, mock.data, mock.layout, {staticPlot: true}).then(function () {
+
+                    Plotly.Plots.getSubplotIds(plotDiv._fullLayout, 'gl3d').forEach( function (key) {
+                        var scene = plotDiv._fullLayout[key]._scene;
+                        scene.destroy();
+                        i ++;
+                        statusDiv.innerHTML = 'Created ' + i + ' webgl contexts.';
+                    });
+
+                    document.body.removeChild(plotDiv);
+                });
+
+            }, 500);
+        });
 
 }
 
 var plots = {};
 
+plots['ibm-plot'] = require('./testplots/ibm-plot.json');
 plots['marker-color'] = require('./testplots/marker-color.json');
 plots['log-axis-big'] = require('./testplots/log-axis-big.json');
 plots['delaunay'] = require('./testplots/delaunay.json');