add axis.color bleading test with 2d and 3d axes

Author: etpinard

test/jasmine/tests/axes_test.js

@@ -321,6 +321,67 @@ describe('Test axes', function() {
             supplyLayoutDefaults(layoutIn, layoutOut, fullData);
             expect(layoutOut._hasCartesian).toBe(undefined);
         });
+
+        it('should use \'axis.color\' as default for \'axis.titlefont.color\'', function() {
+            layoutIn = {
+                xaxis: { color: 'red' },
+                yaxis: {},
+                yaxis2: { titlefont: { color: 'yellow' } }
+            };
+
+            layoutOut.font = { color: 'blue' },
+
+            supplyLayoutDefaults(layoutIn, layoutOut, fullData);
+            expect(layoutOut.xaxis.titlefont.color).toEqual('red');
+            expect(layoutOut.yaxis.titlefont.color).toEqual('blue');
+            expect(layoutOut.yaxis2.titlefont.color).toEqual('yellow');
+        });
+
+        it('should use \'axis.color\' as default for \'axis.linecolor\'', function() {
+            layoutIn = {
+                xaxis: { showline: true, color: 'red' },
+                yaxis: { linecolor: 'blue' },
+                yaxis2: { showline: true }
+            };
+
+            supplyLayoutDefaults(layoutIn, layoutOut, fullData);
+            expect(layoutOut.xaxis.linecolor).toEqual('red');
+            expect(layoutOut.yaxis.linecolor).toEqual('blue');
+            expect(layoutOut.yaxis2.linecolor).toEqual('#444');
+        });
+
+        it('should use \'axis.color\' as default for \'axis.zerolinecolor\'', function() {
+            layoutIn = {
+                xaxis: { showzeroline: true, color: 'red' },
+                yaxis: { zerolinecolor: 'blue' },
+                yaxis2: { showzeroline: true }
+            };
+
+            supplyLayoutDefaults(layoutIn, layoutOut, fullData);
+            expect(layoutOut.xaxis.zerolinecolor).toEqual('red');
+            expect(layoutOut.yaxis.zerolinecolor).toEqual('blue');
+            expect(layoutOut.yaxis2.zerolinecolor).toEqual('#444');
+        });
+
+        it('should use combo of \'axis.color\', bgcolor and lightFraction as default for \'axis.gridcolor\'', function() {
+            layoutIn = {
+                paper_bgcolor: 'green',
+                plot_bgcolor: 'yellow',
+                xaxis: { showgrid: true, color: 'red' },
+                yaxis: { gridcolor: 'blue' },
+                yaxis2: { showgrid: true }
+            };
+
+            var bgColor = Color.combine('yellow', 'green'),
+                frac = 100 * (0xe - 0x4) / (0xf - 0x4);
+
+            supplyLayoutDefaults(layoutIn, layoutOut, fullData);
+            expect(layoutOut.xaxis.gridcolor)
+                .toEqual(tinycolor.mix('red', bgColor, frac).toRgbString());
+            expect(layoutOut.yaxis.gridcolor).toEqual('blue');
+            expect(layoutOut.yaxis2.gridcolor)
+                .toEqual(tinycolor.mix('#444', bgColor, frac).toRgbString());
+        });
     });
 
     describe('handleTickDefaults', function() {

test/jasmine/tests/gl3dlayout_test.js

@@ -1,5 +1,8 @@
 var Gl3d = require('@src/plots/gl3d');
 
+var tinycolor = require('tinycolor2');
+var Color = require('@src/components/color');
+
 
 describe('Test Gl3d layout defaults', function() {
     'use strict';
@@ -226,5 +229,27 @@ describe('Test Gl3d layout defaults', function() {
             supplyLayoutDefaults(layoutIn, layoutOut, fullData);
             expect(layoutIn.scene).toBe(undefined);
         });
+
+        it('should use combo of \'axis.color\', bgcolor and lightFraction as default for \'axis.gridcolor\'', function() {
+            layoutIn = {
+                paper_bgcolor: 'green',
+                scene: {
+                    bgcolor: 'yellow',
+                    xaxis: { showgrid: true, color: 'red' },
+                    yaxis: { gridcolor: 'blue' },
+                    zaxis: { showgrid: true }
+                }
+            };
+
+            var bgColor = Color.combine('yellow', 'green'),
+                frac = 100 * (204 - 0x44) / (255 - 0x44);
+
+            supplyLayoutDefaults(layoutIn, layoutOut, fullData);
+            expect(layoutOut.scene.xaxis.gridcolor)
+                .toEqual(tinycolor.mix('red', bgColor, frac).toRgbString());
+            expect(layoutOut.scene.yaxis.gridcolor).toEqual('blue');
+            expect(layoutOut.scene.zaxis.gridcolor)
+                .toEqual(tinycolor.mix('#444', bgColor, frac).toRgbString());
+        });
     });
 });