Add test to check colorbar attrs match on newPlot/react

Author: anaplian

test/jasmine/tests/colorbar_test.js

@@ -524,5 +524,44 @@ describe('Test colorbar:', function() {
             .catch(failTest)
             .then(done);
         });
+
+        it('creates the same colorbars attributes in newPlot and react', function(done) {
+            var z = [[1, 10], [100, 1000]];
+
+            var expectedAttrs = [];
+            var actualAttrs = [];
+
+            Plotly.newPlot(gd, [{type: 'contour', z: z}])
+            .then(function() {
+                var colorbars = d3.select(gd).selectAll('.colorbar');
+                colorbars.selectAll('.cbfill').each(function() {
+                    var attrsForElem = {};
+                    for(var i = 0; i < this.attributes.length; i++) {
+                        var attr = this.attributes.item(i);
+                        attrsForElem[attr.name] = attr.value;
+                    }
+                    expectedAttrs.push(attrsForElem);
+                });
+
+                return Plotly.newPlot(gd, [{type: 'heatmap', z: z}])
+                .then(function() {
+                    return Plotly.react(gd, [{type: 'contour', z: z}]);
+                });
+            })
+            .then(function() {
+                var colorbars = d3.select(gd).selectAll('.colorbar');
+                colorbars.selectAll('.cbfill').each(function() {
+                    var attrsForElem = {};
+                    for(var i = 0; i < this.attributes.length; i++) {
+                        var attr = this.attributes.item(i);
+                        attrsForElem[attr.name] = attr.value;
+                    }
+                    actualAttrs.push(attrsForElem);
+                });
+                expect(actualAttrs).toEqual(expectedAttrs);
+            })
+            .catch(failTest)
+            .then(done);
+        });
     });
 });