Snapping ref tests

wrench/reftests/reftest.list

@@ -1,11 +1,12 @@
+include aa/reftest.list
 include blend/reftest.list
-include mask/reftest.list
-include scrolling/reftest.list
-include filters/reftest.list
-include boxshadow/reftest.list
-include image/reftest.list
 include border/reftest.list
+include boxshadow/reftest.list
+include filters/reftest.list
 include gradient/reftest.list
-include text/reftest.list
+include image/reftest.list
+include mask/reftest.list
+include scrolling/reftest.list
+include snap/reftest.list
 include split/reftest.list
-include aa/reftest.list
+include text/reftest.list

wrench/reftests/snap/reftest.list

@@ -0,0 +1,2 @@
+== snap.yaml snap.png
+== transform.yaml transform.png

wrench/reftests/snap/snap.yaml

@@ -0,0 +1,15 @@
+---
+root:
+  items:
+    - type: rect
+      bounds: [ 1, 1, 5, 5 ]
+      color: green
+    - type: rect
+      bounds: [ 10.4, 1.8, 5, 5 ]
+      color: green
+    - type: rect
+      bounds: [ 21.5, 1.5, 5, 5 ]
+      color: green
+    - type: rect
+      bounds: [ 31.2, 1.6, 4.3, 5.5 ]
+      color: green

wrench/reftests/snap/transform.yaml

@@ -0,0 +1,19 @@
+---
+root:
+  items:
+    # 45 degrees result in middle -+ 14.142, rounded to 14
+    - type: stacking-context
+      bounds: [0, 0, 60, 60]
+      transform: rotate-y(45)
+      items:
+        - type: rect
+          bounds: [ 10, 10, 40, 40 ]
+          color: blue
+    # 50 degrees result in middle -+ 12.856, rounded to 13
+    - type: stacking-context
+      bounds: [50, 0, 60, 60]
+      transform: rotate-x(50)
+      items:
+        - type: rect
+          bounds: [ 10, 10, 40, 40 ]
+          color: blue