Test appearance placed along the line

GitOrigin-RevId: a937e708fa74bb0eb48383499472ec2365c471b0

Author: sakrolek

test/ignores/all.js

@@ -147,6 +147,9 @@ const skip = [
     // Broken in similar way as gl-native https://mapbox.atlassian.net/browse/MAPSNAT-3474
     "render-tests/appearance/icon-text-fit-vertical/other-image",
 
+    // Broken - https://mapbox.atlassian.net/browse/GLJS-1583
+    "render-tests/appearance/line-placement/icon-appears-below",
+
     // Broken in similar way as gl-native https://mapbox.atlassian.net/browse/MAPSNAT-3462
     "render-tests/appearance/no-icon-size-in-appearance-non-default-layout-icon-size",
 

test/integration/render-tests/appearance/line-placement/icon-appears-below/expected.png

@@ -0,0 +1,68 @@
+{
+  "version": 8,
+  "metadata": {
+    "test": {
+      "width": 128,
+      "height": 64
+    }
+  },
+  "camera": {"camera-projection": "orthographic"},
+  "sources": {
+    "geojson": {
+      "type": "geojson",
+      "data": {
+        "type": "FeatureCollection",
+        "features": [
+          {
+            "type": "Feature",
+            "geometry": {
+              "type": "LineString",
+              "coordinates": [
+                [
+                  -40,
+                  0
+                ],
+                [
+                  40,
+                  0
+                ]
+              ]
+            }
+          }
+        ]
+      }
+    }
+  },
+  "glyphs": "local://glyphs/{fontstack}/{range}.pbf",
+  "sprite": "local://sprites/sprite",
+  "layers": [
+    {
+      "id": "line",
+      "type": "line",
+      "source": "geojson",
+      "line-color": "orange"
+    },
+    {
+      "id": "icon",
+      "type": "symbol",
+      "source": "geojson",
+      "layout": {
+        "text-field": "·",
+        "text-font": [ "Open Sans Semibold", "Arial Unicode MS Bold" ],
+        "text-size": 13,
+        "symbol-placement": "line",
+        "symbol-spacing": 50,
+        "icon-image": "bank-12"
+      },
+      "appearances": [
+        {
+          "name": "icon-below-the-line",
+          "condition": true,
+          "properties": {
+            "icon-offset": [0, 10]
+          }
+        }
+      ]
+    }
+  ]
+}