Bug 1918138 - Add a wrench test for snapshots with shadows. r=jnicol

Differential Revision: https://phabricator.services.mozilla.com/D233627

Author: nical

wrench/reftests/image/reftest.list

@@ -24,3 +24,4 @@ fuzzy(1,160000) == image-filter-stretch-tile.yaml green-alpha-ref.yaml
 == snapshot-detached.yaml snapshot-detached-ref.yaml
 == snapshot-filters-01.yaml snapshot-filters-01-ref.yaml
 == snapshot-filters-02.yaml snapshot-filters-02-ref.yaml
+fuzzy(3,3000) == snapshot-shadow.yaml snapshot-shadow-ref.yaml

wrench/reftests/image/snapshot-shadow-ref.yaml

@@ -0,0 +1,77 @@
+---
+root:
+  items:
+  - type: stacking-context
+    bounds: [10, 10, 200, 200]
+    filters: drop-shadow([0, 0], 10, black)
+    items:
+      - type: rect
+        bounds: [10, 10, 80, 80]
+        color: [0, 150, 0]
+      - type: rect
+        bounds: [5, 5, 40, 40]
+        color: [200, 0, 0]
+
+  - type: stacking-context
+    bounds: [110, 10, 200, 200]
+    filters: drop-shadow([5, 5], 0, red)
+    items:
+      - type: rect
+        bounds: [10, 10, 80, 80]
+        color: [0, 150, 0]
+      - type: rect
+        bounds: [5, 5, 40, 40]
+        color: [200, 0, 0]
+
+  - type: stacking-context
+    bounds: [210, 10, 200, 200]
+    filters:
+      - drop-shadow([4, 4], 4, red)
+      - drop-shadow([6, 6], 4, green)
+      - drop-shadow([8, 8], 4, blue)
+    items:
+      - type: rect
+        bounds: [10, 10, 80, 80]
+        color: [0, 150, 0]
+      - type: rect
+        bounds: [5, 5, 40, 40]
+        color: [200, 0, 0]
+
+
+
+
+  - type: stacking-context
+    bounds: [10, 110, 200, 200]
+    filters: drop-shadow([0, 0], 10, black)
+    items:
+      - type: rect
+        bounds: [10, 10, 80, 80]
+        color: [0, 150, 0]
+      - type: rect
+        bounds: [5, 5, 40, 40]
+        color: [200, 0, 0]
+
+  - type: stacking-context
+    bounds: [110, 110, 200, 200]
+    filters: drop-shadow([5, 5], 0, red)
+    items:
+      - type: rect
+        bounds: [10, 10, 80, 80]
+        color: [0, 150, 0]
+      - type: rect
+        bounds: [5, 5, 40, 40]
+        color: [200, 0, 0]
+
+  - type: stacking-context
+    bounds: [210, 110, 200, 200]
+    filters:
+      - drop-shadow([4, 4], 4, red)
+      - drop-shadow([6, 6], 4, green)
+      - drop-shadow([8, 8], 4, blue)
+    items:
+      - type: rect
+        bounds: [10, 10, 80, 80]
+        color: [0, 150, 0]
+      - type: rect
+        bounds: [5, 5, 40, 40]
+        color: [200, 0, 0]

wrench/reftests/image/snapshot-shadow.yaml

@@ -0,0 +1,61 @@
+# This test case contains a row of simple snapshotted stacking
+# contexts with drop shadows on them. Their snapshots are rendered
+# as images in a second row. The second row should look identical
+# to the first.
+---
+root:
+  items:
+  - type: stacking-context
+    bounds: [10, 10, 200, 200]
+    filters: drop-shadow([0, 0], 10, black)
+    snapshot:
+      name: "snap0"
+      area: [-50, -50, 200, 200]
+    items:
+      - type: rect
+        bounds: [10, 10, 80, 80]
+        color: [0, 150, 0]
+      - type: rect
+        bounds: [5, 5, 40, 40]
+        color: [200, 0, 0]
+
+  - type: stacking-context
+    bounds: [110, 10, 200, 200]
+    filters: drop-shadow([5, 5], 0, red)
+    snapshot:
+      name: "snap1"
+      area: [-50, -50, 200, 200]
+    items:
+      - type: rect
+        bounds: [10, 10, 80, 80]
+        color: [0, 150, 0]
+      - type: rect
+        bounds: [5, 5, 40, 40]
+        color: [200, 0, 0]
+
+  - type: stacking-context
+    bounds: [210, 10, 200, 200]
+    filters:
+      - drop-shadow([4, 4], 4, red)
+      - drop-shadow([6, 6], 4, green)
+      - drop-shadow([8, 8], 4, blue)
+    snapshot:
+      name: "snap2"
+      area: [-50, -50, 200, 200]
+    items:
+      - type: rect
+        bounds: [10, 10, 80, 80]
+        color: [0, 150, 0]
+      - type: rect
+        bounds: [5, 5, 40, 40]
+        color: [200, 0, 0]
+
+  - type: stacking-context
+    bounds: [10, 110, 2000, 200]
+    items:
+    - image: snapshot(snap0)
+      bounds: [-50, -50, 200, 200]
+    - image: snapshot(snap1)
+      bounds: [50, -50, 200, 200]
+    - image: snapshot(snap2)
+      bounds: [150, -50, 200, 200]