Add tests to cover staticPlot for legend and range slider

These Jasmine tests should help ensure that neither the legend nor range
slider can be interacted with if `staticPlot` is set.

Fixes #5177

Author: miqh

Diff for: test/jasmine/tests/legend_test.js

@@ -1289,6 +1289,47 @@ describe('legend interaction', function() {
         });
     });
 
+    describe('staticPlot', function() {
+        var gd;
+
+        beforeEach(function() {
+            gd = createGraphDiv();
+        });
+
+        afterEach(destroyGraphDiv);
+
+        function toggleTrace() {
+            var toggle = d3.select('.legendtoggle').node();
+            expect(toggle).not.toEqual(null);
+
+            toggle.dispatchEvent(new MouseEvent('mousedown'));
+            toggle.dispatchEvent(new MouseEvent('mouseup'));
+
+            // Delay needs to be long enough for Plotly to react
+            return delay(300)();
+        }
+
+        function assertToggled(toggled) {
+            return function() {
+                var container = d3.select('g.traces').node();
+                expect(container).not.toEqual(null);
+                expect(container.style.opacity).toBe(toggled ? '0.5' : '1');
+            };
+        }
+
+        it('should prevent toggling if set', function(done) {
+            var data = [{ x: [0, 1], y: [0, 1], type: 'scatter' }];
+            var layout = { showlegend: true };
+            var config = { staticPlot: true };
+
+            Plotly.newPlot(gd, data, layout, config)
+                .then(toggleTrace)
+                .then(assertToggled(false))
+                .catch(failTest)
+                .then(done);
+        });
+    });
+
     describe('visible toggle', function() {
         var gd;
 

Diff for: test/jasmine/tests/range_slider_test.js

@@ -201,6 +201,40 @@ describe('Visible rangesliders', function() {
         .then(done);
     });
 
+    fit('should not react to any interactions when staticPlot is set', function(done) {
+        var mockCopy = Lib.extendDeep({}, mock);
+        var moveDelta = 50;
+        Plotly.newPlot(gd, mockCopy.data, mockCopy.layout, { staticPlot: true })
+            .then(function() {
+                // Try move minimum handle
+                var minHandle = d3.select('.' + constants.grabberMinClassName).node();
+                expect(minHandle).not.toEqual(null);
+                var minHandleRect = minHandle.getBoundingClientRect();
+                var x = minHandleRect.x + minHandleRect.width / 2;
+                var y = minHandleRect.y + minHandleRect.height / 2;
+                return slide(x, y, x + moveDelta, y);
+            })
+            .then(function() {
+                // Try move maximum handle
+                var maxHandle = d3.select('.' + constants.grabberMaxClassName).node();
+                expect(maxHandle).not.toEqual(null);
+                var maxHandleRect = maxHandle.getBoundingClientRect();
+                var x = maxHandleRect.x + maxHandleRect.width / 2;
+                var y = maxHandleRect.y + maxHandleRect.height / 2;
+                return slide(x, y, x - moveDelta, y);
+            })
+            .then(function() {
+                // Slidebox should not exist
+                var slidebox = d3.select('.' + constants.slideBoxClassName).node();
+                expect(slidebox).toEqual(null);
+            })
+            .then(function() {
+                expect(gd.layout.xaxis.range).toBeCloseToArray([0, 49]);
+            })
+            .catch(failTest)
+            .then(done);
+    });
+
     it('should update correctly when moving slider on an axis with rangebreaks', function(done) {
         var start = 250;
         var end = 300;