diff --git a/gfx/wr/wrench/reftests/split/gradient-ref.yaml b/gfx/wr/wrench/reftests/split/gradient-ref.yaml
new file mode 100644
index 000000000000..5a461c737d77
--- /dev/null
+++ b/gfx/wr/wrench/reftests/split/gradient-ref.yaml
@@ -0,0 +1,39 @@
+# Checks the UV interpolation of a preserved 3d stacking context matches
+# a flat stacking context. There are four black rectangles that overlap
+# the edges of the transformed gradient to minimize fuzz.
+---
+root:
+  items:
+    - type: "reference-frame"
+      bounds: [0, 0, 2746, 1408]
+      transform-style: flat
+      perspective: [1, 0, 0, 0, 0, 1, 0, 0, -0.4699999988079071, -0.44999998807907104, 1, -0.0012499999720603228, 176, 160, 0, 1]
+      items:
+        - type: "reference-frame"
+          bounds: [0, 0, 2746, 1408]
+          transform-style: flat
+          transform: rotate-y(-53)
+          items:
+            - type: "stacking-context"
+              transform-style: flat
+              items:
+                - type: rect
+                  bounds: [0, 0, 300, 300]
+                  color: 255 255 255 1.0000
+                - type: gradient
+                  bounds: [0, 0, 300, 150]
+                  start: [150, 0]
+                  end: [150, 150]
+                  stops: [0.0, [255, 0, 0, 1], 1.0, [254, 0, 0, 1]]
+    - type: rect
+      bounds: [520, 260, 120, 20]
+      color: 0 0 0 1.0000
+    - type: rect
+      bounds: [520, 336, 120, 3]
+      color: 0 0 0 1.0000
+    - type: rect
+      bounds: [520, 260, 10, 80]
+      color: 0 0 0 1.0000
+    - type: rect
+      bounds: [622, 260, 10, 80]
+      color: 0 0 0 1.0000
diff --git a/gfx/wr/wrench/reftests/split/gradient.yaml b/gfx/wr/wrench/reftests/split/gradient.yaml
new file mode 100644
index 000000000000..8da777df039f
--- /dev/null
+++ b/gfx/wr/wrench/reftests/split/gradient.yaml
@@ -0,0 +1,42 @@
+# Checks the UV interpolation of a preserved 3d stacking context matches
+# a flat stacking context. There are four black rectangles that overlap
+# the edges of the transformed gradient to minimize fuzz.
+---
+root:
+  items:
+    - type: "reference-frame"
+      bounds: [0, 0, 2746, 1408]
+      transform-style: preserve-3d
+      perspective: [1, 0, 0, 0, 0, 1, 0, 0, -0.4699999988079071, -0.44999998807907104, 1, -0.0012499999720603228, 176, 160, 0, 1]
+      items:
+        - type: "reference-frame"
+          bounds: [0, 0, 2746, 1408]
+          transform-style: preserve-3d
+          transform: rotate-y(-53)
+          items:
+            - type: "stacking-context"
+              transform-style: preserve-3d
+              items:
+                - type: "stacking-context"
+                  transform-style: flat
+                  items:
+                    - type: rect
+                      bounds: [0, 0, 300, 300]
+                      color: 255 255 255 1.0000
+                    - type: gradient
+                      bounds: [0, 0, 300, 150]
+                      start: [150, 0]
+                      end: [150, 150]
+                      stops: [0.0, [255, 0, 0, 1], 1.0, [254, 0, 0, 1]]
+    - type: rect
+      bounds: [520, 260, 120, 20]
+      color: 0 0 0 1.0000
+    - type: rect
+      bounds: [520, 336, 120, 3]
+      color: 0 0 0 1.0000
+    - type: rect
+      bounds: [520, 260, 10, 80]
+      color: 0 0 0 1.0000
+    - type: rect
+      bounds: [622, 260, 10, 80]
+      color: 0 0 0 1.0000
diff --git a/gfx/wr/wrench/reftests/split/reftest.list b/gfx/wr/wrench/reftests/split/reftest.list
index 1ba3988d300d..785a4284d97e 100644
--- a/gfx/wr/wrench/reftests/split/reftest.list
+++ b/gfx/wr/wrench/reftests/split/reftest.list
@@ -16,3 +16,4 @@ platform(linux,mac) fuzzy(1,20) == same-plane.yaml same-plane.png
 #== cross.yaml cross-ref.yaml
 == mixed-order.yaml mixed-order-ref.yaml
 fuzzy(1,40000) == filter.yaml filter-ref.yaml
+#fuzzy(1,10000) == gradient.yaml gradient-ref.yaml