plotly
diff --git a/‎src/plots/cartesian/transition_axes.js
Lines changed: 3 additions & 3 deletions b/‎src/plots/cartesian/transition_axes.js
Lines changed: 3 additions & 3 deletions
diff --git a/‎test/jasmine/tests/animate_test.js
Lines changed: 45 additions & 0 deletions b/‎test/jasmine/tests/animate_test.js
Lines changed: 45 additions & 0 deletions
@@ -15,7 +15,7 @@ var Plotly = require('../../plotly');
 var Registry = require('../../registry');
 var Drawing = require('../../components/drawing');
 var Axes = require('./axes');
-var axisRegex = /((x|y)([2-9]|[1-9][0-9]+)?)axis$/;
+var axisRegex = require('./constants').attrRegex;
 
 module.exports = function transitionAxes(gd, newLayout, transitionOpts, makeOnCompleteCallback) {
     var fullLayout = gd._fullLayout;
@@ -29,8 +29,8 @@ module.exports = function transitionAxes(gd, newLayout, transitionOpts, makeOnCo
             attrList = ai.split('.');
             match = attrList[0].match(axisRegex);
             if(match) {
-                var axisLetter = match[1];
-                var axisName = axisLetter + 'axis';
+                var axisLetter = ai.charAt(0);
+                var axisName = attrList[0];
                 axis = fullLayout[axisName];
                 update = {};
 
 
@@ -707,6 +707,51 @@ describe('Animate API details', function() {
     });
 });
 
+describe('Animating multiple axes', function() {
+    'use strict';
+    var gd;
+
+    beforeEach(function() {
+        gd = createGraphDiv();
+    });
+
+    afterEach(function() {
+        Plotly.purge(gd);
+        destroyGraphDiv();
+    });
+
+    it('updates ranges of secondary axes', function(done) {
+        Plotly.plot(gd, [
+            {y: [1, 2, 3]},
+            {y: [1, 2, 3], yaxis: 'y2'}
+        ], {
+            yaxis: {range: [0, 5]},
+            yaxis2: {range: [-1, 4]}
+        })
+        .then(function() {
+            expect(gd._fullLayout.yaxis.range).toEqual([0, 5]);
+            expect(gd._fullLayout.yaxis2.range).toEqual([-1, 4]);
+
+            return Plotly.animate(gd, [
+                {layout: {'yaxis.range': [2, 3]}},
+                {layout: {'yaxis2.range': [1, 2]}}
+            ], {
+                // TODO: if the durations are the same, yaxis.range gets some
+                // random endpoint, often close to what it's supposed to be but
+                // sometimes very far away.
+                frame: {redraw: false, duration: 60},
+                transition: {duration: 30}
+            });
+        })
+        .then(function() {
+            expect(gd._fullLayout.yaxis.range).toEqual([2, 3]);
+            expect(gd._fullLayout.yaxis2.range).toEqual([1, 2]);
+        })
+        .catch(fail)
+        .then(done);
+    });
+});
+
 describe('non-animatable fallback', function() {
     'use strict';
     var gd;