7 files changed, 92 insertions, 0 deletions
diff --git a/gfx/wr/wrench/reftests/snap/preserve-3d.png b/gfx/wr/wrench/reftests/snap/preserve-3d.png
new file mode 100644
index 0000000000..6af9bc1516
--- /dev/null
+++ b/gfx/wr/wrench/reftests/snap/preserve-3d.png
diff --git a/gfx/wr/wrench/reftests/snap/preserve-3d.yaml b/gfx/wr/wrench/reftests/snap/preserve-3d.yaml
new file mode 100644
index 0000000000..346e881d83
--- /dev/null
+++ b/gfx/wr/wrench/reftests/snap/preserve-3d.yaml
@@ -0,0 +1,55 @@
+---
+root:
+  items:
+    -
+      bounds: [293, 139, 500, 500]
+      type: reference-frame
+      transform: scale(0.7)
+      items:
+        -
+          bounds: [0, 0, 500, 500]
+          type: stacking-context
+          perspective: [1, 0, 0, 0, 0, 1, 0, 0, -0.25416666, -0.23866667, 1, -0.00083333335, 0, 0, 0, 1]
+          "transform-style": preserve-3d
+          items:
+            -
+              bounds: [0, 0, 0, 0]
+              type: stacking-context
+              transform: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -110, 0, 0, 1]
+              items:
+                -
+                  bounds: [24, 539, 24, 24]
+                  type: clip
+                  complex:
+                    -
+                      rect: [24, 539, 24, 24]
+                      radius: [12, 12]
+                  items:
+                    -
+                      bounds: [24, 539, 24, 24]
+                      type: rect
+                      color: black
+                -
+                  bounds: [24, 770, 24, 24]
+                  type: clip
+                  complex:
+                    -
+                      rect: [24, 770, 24, 24]
+                      radius: [12, 12]
+                  items:
+                    -
+                      bounds: [24, 770, 24, 24]
+                      type: rect
+                      color: black
+                -
+                  bounds: [24, 847, 24, 24]
+                  type: clip
+                  complex:
+                    -
+                      rect: [24, 847, 24, 24]
+                      radius: [12, 12]
+                  items:
+                    -
+                      bounds: [24, 847, 24, 24]
+                      type: rect
+                      color: black
diff --git a/gfx/wr/wrench/reftests/snap/reftest.list b/gfx/wr/wrench/reftests/snap/reftest.list
new file mode 100644
index 0000000000..84fe6c4979
--- /dev/null
+++ b/gfx/wr/wrench/reftests/snap/reftest.list
@@ -0,0 +1,3 @@
+platform(linux,mac) == snap.yaml snap.png
+== transform.yaml transform.png
+platform(linux,mac) == preserve-3d.yaml preserve-3d.png
diff --git a/gfx/wr/wrench/reftests/snap/snap.png b/gfx/wr/wrench/reftests/snap/snap.png
new file mode 100644
index 0000000000..38f7cf33e5
--- /dev/null
+++ b/gfx/wr/wrench/reftests/snap/snap.png
diff --git a/gfx/wr/wrench/reftests/snap/snap.yaml b/gfx/wr/wrench/reftests/snap/snap.yaml
new file mode 100644
index 0000000000..f292a728a9
--- /dev/null
+++ b/gfx/wr/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
diff --git a/gfx/wr/wrench/reftests/snap/transform.png b/gfx/wr/wrench/reftests/snap/transform.png
new file mode 100644
index 0000000000..73c8feacdf
--- /dev/null
+++ b/gfx/wr/wrench/reftests/snap/transform.png
diff --git a/gfx/wr/wrench/reftests/snap/transform.yaml b/gfx/wr/wrench/reftests/snap/transform.yaml
new file mode 100644
index 0000000000..d1b0579eda
--- /dev/null
+++ b/gfx/wr/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