add range slider data-update test cases

Author: etpinard

test/jasmine/tests/range_slider_test.js

@@ -516,12 +516,24 @@ describe('the range slider', function() {
 
     describe('in general', function() {
 
+        beforeAll(function() {
+            jasmine.addMatchers(customMatchers);
+        });
+
         beforeEach(function() {
             gd = createGraphDiv();
         });
 
         afterEach(destroyGraphDiv);
 
+        function assertRange(axRange, rsRange) {
+            // lower toBeCloseToArray precision for FF38 on CI
+            var precision = 1e-2;
+
+            expect(gd.layout.xaxis.range).toBeCloseToArray(axRange, precision);
+            expect(gd.layout.xaxis.rangeslider.range).toBeCloseToArray(rsRange, precision);
+        }
+
         it('should plot when only x data is provided', function(done) {
             Plotly.plot(gd, [{ x: [1, 2, 3] }], { xaxis: { rangeslider: {} }})
                 .then(function() {
@@ -541,6 +553,80 @@ describe('the range slider', function() {
                 })
                 .then(done);
         });
+
+        it('should expand its range in accordance with new data arrays', function(done) {
+            Plotly.plot(gd, [{
+                y: [2, 1, 2]
+            }], {
+                xaxis: { rangeslider: {} }
+            })
+            .then(function() {
+                assertRange([-0.13, 2.13], [-0.13, 2.13]);
+
+                return Plotly.restyle(gd, 'y', [[2, 1, 2, 1]]);
+            })
+            .then(function() {
+                assertRange([-0.19, 3.19], [-0.19, 3.19]);
+
+                return Plotly.extendTraces(gd, { y: [[2, 1]] }, [0]);
+            })
+            .then(function() {
+                assertRange([-0.32, 5.32], [-0.32, 5.32]);
+
+                return Plotly.addTraces(gd, { x: [0, 10], y: [2, 1] });
+            })
+            .then(function() {
+                assertRange([-0.68, 10.68], [-0.68, 10.68]);
+
+                return Plotly.deleteTraces(gd, [1]);
+            })
+            .then(function() {
+                assertRange([-0.31, 5.31], [-0.31, 5.31]);
+            })
+            .then(done);
+        });
+
+        it('should not expand its range when range slider range is set', function(done) {
+            Plotly.plot(gd, [{
+                y: [2, 1, 2]
+            }], {
+                xaxis: { rangeslider: { range: [-1, 11] } }
+            })
+            .then(function() {
+                assertRange([-0.13, 2.13], [-1, 11]);
+
+                return Plotly.restyle(gd, 'y', [[2, 1, 2, 1]]);
+            })
+            .then(function() {
+                assertRange([-0.19, 3.19], [-1, 11]);
+
+                return Plotly.extendTraces(gd, { y: [[2, 1]] }, [0]);
+            })
+            .then(function() {
+                assertRange([-0.32, 5.32], [-1, 11]);
+
+                return Plotly.addTraces(gd, { x: [0, 10], y: [2, 1] });
+            })
+            .then(function() {
+                assertRange([-0.68, 10.68], [-1, 11]);
+
+                return Plotly.deleteTraces(gd, [1]);
+            })
+            .then(function() {
+                assertRange([-0.31, 5.31], [-1, 11]);
+
+                return Plotly.update(gd, {
+                    y: [[2, 1, 2, 1, 2]]
+                }, {
+                    'xaxis.rangeslider.autorange': true
+                });
+            })
+            .then(function() {
+                assertRange([-0.26, 4.26], [-0.26, 4.26]);
+
+            })
+            .then(done);
+        });
     });
 });