Merge pull request #5784 from plotly/emoji-color-test

Improve baseline system and add test for emoji with color

Author: archmoj

.circleci/env_image.sh

@@ -1,5 +1,5 @@
 #!/bin/sh
-sudo apt-get install fonts-liberation2 fonts-open-sans fonts-noto-cjk && \
+sudo apt-get install fonts-liberation2 fonts-open-sans fonts-noto-cjk fonts-noto-color-emoji && \
 sudo python3 .circleci/download_google_fonts.py && \
 sudo cp -r .circleci/fonts/ /usr/share/ && \
 sudo fc-cache -f && \

test/image/baselines/worldcup.png

@@ -0,0 +1,65 @@
+{
+    "data": [
+        {
+            "orientation": "h",
+            "type": "bar",
+            "marker": { "color": "lightblue" },
+            "textangle": 0,
+            "textposition": "inside",
+            "textfont": {
+                "color": "white",
+                "size": 32
+            },
+            "text": [
+                "1958 | 1962 | 1970 | 1994 | 2002 🇧🇷",
+                "1954 | 1974 | 1990 | 2014 🇩🇪",
+                "1934 | 1938 | 1982 | 2006 🇮🇹",
+                "1930 | 1950 🇺🇾",
+                "1998 | 2018 🇫🇷",
+                "1974 | 1986 🇦🇷",
+                "1966 🏴󠁧󠁢󠁥󠁮󠁧󠁿",
+                "2010 🇪🇸"
+            ],
+            "y": [
+                "Brazil",
+                "Germany",
+                "Italy",
+                "Uruguay",
+                "France",
+                "Argentina",
+                "England",
+                "Spain"
+            ],
+            "x": [5, 4, 4, 2, 2, 2, 1, 1]
+        }
+    ],
+    "layout": {
+        "title": {
+            "text": "<b>FIFA 🌎 World Cup 🏆 winners</b>",
+            "font": {
+                "size": 40,
+                "color": "gray"
+            }
+        },
+        "width": 600,
+        "height": 600,
+        "margin": {
+            "l": 20,
+            "r": 20
+        },
+        "yaxis": {
+            "ticklabelposition": "inside",
+            "autorange": "reversed"
+        },
+        "xaxis": {
+            "zeroline": false,
+            "range": [-1, 6],
+            "tickvals": [0, 1, 2, 3, 4, 5],
+            "ticktext": ["😐", "🙂", "😊", "🤨", "😃", "😎"],
+            "tickfont": { "size": 32 },
+            "title": {
+                "text": "<br><b>An interactive Plotly graph</b>"
+            }
+        }
+    }
+}