Added a disabled render test for text-font with explicit colors and text-color overridden by an appearance

GitOrigin-RevId: 266db900954481dc3538a411a5507923f7a99ab6

Author: woodroof

test/ignores/all.js

@@ -296,7 +296,10 @@ const skip = [
     "render-tests/hd-sd-transition/elevated-hd-sd-mid-reverse",
     "render-tests/hd-sd-transition/elevated-hd-sd-landuse",
     "render-tests/hd-sd-transition/hd-on-remove-import",
-    "render-tests/hd-sd-transition/sd-on-steady"
+    "render-tests/hd-sd-transition/sd-on-steady",
+
+    // https://mapbox.atlassian.net/browse/GLJS-1855
+    "render-tests/appearance/text-field"
 ];
 
 export default {todo, skip};

test/integration/render-tests/appearance/text-field/expected.png

@@ -0,0 +1,42 @@
+{
+  "_comment": "text-field can't be used in appearances, but we can redefine a base color and it shouldn't change color of parts with explicitly redefined color",
+  "version": 8,
+  "metadata": {
+    "test": {
+      "pixelRatio": 2,
+      "height": 64,
+      "width": 64
+    }
+  },
+  "camera": {"camera-projection": "orthographic"},
+  "sources": {
+    "geojson": {
+      "type": "geojson",
+      "data": {
+        "type": "Point",
+        "coordinates": [0, 0]
+      }
+    }
+  },
+  "glyphs": "local://glyphs/{fontstack}/{range}.pbf",
+  "layers": [
+    {
+      "id": "icon",
+      "type": "symbol",
+      "source": "geojson",
+      "layout": {
+        "text-field": ["format", "Blood", {"text-color": "#490805"}, " and ", {}, "wine", {"text-color": "#7b0323"}],
+        "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
+        "text-size": 8
+      },
+      "appearances": [
+        {
+          "condition": true,
+          "properties": {
+            "text-color": "#eec0c8"
+          }
+        }
+      ]
+    }
+  ]
+}