Add big points selection test

Author: dy

test/jasmine/tests/gl_plot_interact_test.js

@@ -1446,7 +1446,7 @@ describe('Test gl2d plots', function() {
     var mock = require('@mocks/gl2d_10.json');
 
     beforeEach(function() {
-        jasmine.DEFAULT_TIMEOUT_INTERVAL = 5000;
+        jasmine.DEFAULT_TIMEOUT_INTERVAL = 10000;
         gd = createGraphDiv();
     });
 
@@ -1462,6 +1462,26 @@ describe('Test gl2d plots', function() {
         return drag(node, dx, dy, null, p0[0], p0[1]);
     }
 
+    function select(path) {
+        return new Promise(function(resolve) {
+            gd.once('plotly_selected', resolve);
+
+            var len = path.length;
+
+            // do selection
+            Lib.clearThrottle();
+            mouseEvent('mousemove', path[0][0], path[0][1]);
+            mouseEvent('mousedown', path[0][0], path[0][1]);
+
+            path.slice(1, len).forEach(function(pt) {
+                Lib.clearThrottle();
+                mouseEvent('mousemove', pt[0], pt[1]);
+            });
+
+            mouseEvent('mouseup', path[len - 1][0], path[len - 1][1]);
+        });
+    }
+
     it('should respond to drag interactions', function(done) {
         var _mock = Lib.extendDeep({}, mock);
 
@@ -1562,7 +1582,7 @@ describe('Test gl2d plots', function() {
         .then(done);
     });
 
-    it('@noCI should be able to toggle visibility', function(done) {
+    it('should be able to toggle visibility', function(done) {
         var _mock = Lib.extendDeep({}, mock);
 
         Plotly.plot(gd, _mock)
@@ -1592,6 +1612,34 @@ describe('Test gl2d plots', function() {
         .then(done);
     });
 
+    it('should display selection of big number of points', function(done) {
+        // generate large number of points
+        var x = [], y = [];
+        for(var i = 0; i < 2e4; i++) {
+            x.push(Math.random());
+            y.push(Math.random());
+        }
+
+        var mock = {
+            data: [{
+                x: x, y: y, type: 'scattergl', mode: 'markers'
+            }],
+            layout: {
+                dragmode: 'select'
+            }
+        };
+
+        Plotly.plot(gd, mock)
+        .then(select([[160, 100], [180, 100]]))
+        .then(function() {
+            expect(readPixel(gd.querySelector('.gl-canvas-context'), 168, 100)[3]).toBe(0);
+            expect(readPixel(gd.querySelector('.gl-canvas-context'), 158, 100)[3]).not.toBe(0);
+            expect(readPixel(gd.querySelector('.gl-canvas-focus'), 168, 100)[3]).not.toBe(0);
+        })
+        .catch(fail)
+        .then(done);
+    });
+
     it('should be able to toggle from svg to gl', function(done) {
         Plotly.plot(gd, [{
             y: [1, 2, 1],