Merge pull request #5245 from plotly/rootcolor-tests

Apply root.color in treemap & sunburst style and adopt tests

Author: archmoj

src/traces/treemap/style.js

@@ -47,8 +47,8 @@ function styleOne(s, pt, trace, opts) {
         lineColor = trace._hovered.marker.line.color;
         lineWidth = trace._hovered.marker.line.width;
     } else {
-        if(isRoot && fillColor === 'rgba(0,0,0,0)') {
-            opacity = 0;
+        if(isRoot && fillColor === trace.root.color) {
+            opacity = 100;
             lineColor = 'rgba(0,0,0,0)';
             lineWidth = 0;
         } else {

test/image/baselines/sunburst_inside-text-orientation_clock.png

@@ -4,6 +4,7 @@
             "name": "horizontal",
             "insidetextorientation": "horizontal",
             "type": "sunburst",
+            "root": { "color": "yellow" },
             "parents": [
                 "",
                 "A",
@@ -77,6 +78,7 @@
             "name": "radial",
             "insidetextorientation": "radial",
             "type": "sunburst",
+            "root": { "color": "yellow" },
             "parents": [
                 "",
                 "A",
@@ -150,6 +152,7 @@
             "name": "tangential",
             "insidetextorientation": "tangential",
             "type": "sunburst",
+            "root": { "color": "yellow" },
             "parents": [
                 "",
                 "A",
@@ -223,6 +226,7 @@
             "name": "auto",
             "insidetextorientation": "auto",
             "type": "sunburst",
+            "root": { "color": "yellow" },
             "parents": [
                 "",
                 "A",

test/image/baselines/treemap_textposition.png

@@ -2,6 +2,7 @@
     "data": [
         {
             "type": "treemap",
+            "root": { "color": "yellow" },
             "textinfo": "label+text+percent parent+percent entry+percent root",
             "name": "bottom left textposition",
             "textposition": "bottom left",
@@ -110,6 +111,7 @@
         },
         {
             "type": "treemap",
+            "root": { "color": "yellow" },
             "textinfo": "label+text+percent parent+percent entry+percent root",
             "name": "bottom center textposition",
             "textposition": "bottom center",
@@ -219,6 +221,7 @@
         },
         {
             "type": "treemap",
+            "root": { "color": "yellow" },
             "textinfo": "label+text+percent parent+percent entry+percent root",
             "name": "bottom right textposition",
             "textposition": "bottom right",
@@ -330,6 +333,7 @@
         },
         {
             "type": "treemap",
+            "root": { "color": "yellow" },
             "textinfo": "label+text+percent parent+percent entry+percent root",
             "name": "middle left textposition",
             "textposition": "middle left",
@@ -436,6 +440,7 @@
         },
         {
             "type": "treemap",
+            "root": { "color": "yellow" },
             "textinfo": "label+text+percent parent+percent entry+percent root",
             "name": "middle center textposition",
             "textposition": "middle center",
@@ -543,6 +548,7 @@
         },
         {
             "type": "treemap",
+            "root": { "color": "yellow" },
             "textinfo": "label+text+percent parent+percent entry+percent root",
             "name": "middle right textposition",
             "textposition": "middle right",
@@ -649,6 +655,7 @@
         },
         {
             "type": "treemap",
+            "root": { "color": "yellow" },
             "textinfo": "label+text+percent parent+percent entry+percent root",
             "name": "top left textposition",
             "textposition": "top left",
@@ -759,6 +766,7 @@
         },
         {
             "type": "treemap",
+            "root": { "color": "yellow" },
             "textinfo": "label+text+percent parent+percent entry+percent root",
             "name": "top center textposition",
             "textposition": "top center",
@@ -869,6 +877,7 @@
         },
         {
             "type": "treemap",
+            "root": { "color": "yellow" },
             "textinfo": "label+text+percent parent+percent entry+percent root",
             "name": "top right textposition",
             "textposition": "top right",