1 files changed, 98 insertions, 0 deletions
diff --git a/gfx/wr/wrench/reftests/boxshadow/box-shadow-cache.yaml b/gfx/wr/wrench/reftests/boxshadow/box-shadow-cache.yaml
new file mode 100644
index 0000000000..721c6fe4e0
--- /dev/null
+++ b/gfx/wr/wrench/reftests/boxshadow/box-shadow-cache.yaml
@@ -0,0 +1,98 @@
+---
+root:
+  items:
+        - type: stacking-context
+          bounds: [0, 0, 1000, 1000]
+          items:
+            - type: box-shadow
+              bounds: [ 50, 50, 100, 100 ]
+              color: red
+              clip-mode: outset
+              blur-radius: 10
+              border-radius: {
+                top-left: [20, 30],
+                top-right: [10, 30],
+                bottom-left: [50, 25],
+                bottom-right: [0, 0],
+              }
+
+            - type: box-shadow
+              bounds: [ 50, 200, 100, 100 ]
+              color: red
+              clip-mode: outset
+              blur-radius: 10
+              border-radius: {
+                top-left: [20, 30],
+                top-right: [10, 30],
+                bottom-left: [50, 25],
+                bottom-right: [0, 0],
+              }
+
+            - type: box-shadow
+              bounds: [ 50, 350, 100, 100 ]
+              color: red
+              clip-mode: outset
+              blur-radius: 10
+              border-radius: {
+                top-left: [20, 30],
+                top-right: [10, 30],
+                bottom-left: [50, 25],
+                bottom-right: [0, 0],
+              }
+
+            - type: box-shadow
+              bounds: [ 200, 50, 100, 100 ]
+              color: green
+              clip-mode: inset
+              blur-radius: 10
+              border-radius: {
+                top-left: [20, 30],
+                top-right: [10, 30],
+                bottom-left: [50, 25],
+                bottom-right: [0, 0],
+              }
+
+            - type: box-shadow
+              bounds: [ 200, 200, 100, 100 ]
+              color: green
+              clip-mode: inset
+              blur-radius: 10
+              border-radius: {
+                top-left: [20, 30],
+                top-right: [10, 30],
+                bottom-left: [50, 25],
+                bottom-right: [0, 0],
+              }
+
+            - type: box-shadow
+              bounds: [ 200, 350, 100, 100 ]
+              color: green
+              clip-mode: inset
+              blur-radius: 10
+              border-radius: {
+                top-left: [20, 30],
+                top-right: [10, 30],
+                bottom-left: [50, 25],
+                bottom-right: [0, 0],
+              }
+
+            - type: box-shadow
+              bounds: [ 350, 50, 100, 100 ]
+              color: blue
+              clip-mode: outset
+              blur-radius: 10
+              border-radius: [ 10, 20, 30, 40 ]
+
+            - type: box-shadow
+              bounds: [ 350, 200, 100, 100 ]
+              color: blue
+              clip-mode: outset
+              blur-radius: 10
+              border-radius: [ 10, 20, 30, 40 ]
+
+            - type: box-shadow
+              bounds: [ 350, 350, 100, 100 ]
+              color: blue
+              clip-mode: outset
+              blur-radius: 10
+              border-radius: [ 10, 20, 30, 40 ]