diff --git a/testing/web-platform/tests/svg/pservers/reftests/gradient-transform-01.svg b/testing/web-platform/tests/svg/pservers/reftests/gradient-transform-01.svg
new file mode 100644
index 000000000000..310cb7de513e
--- /dev/null
+++ b/testing/web-platform/tests/svg/pservers/reftests/gradient-transform-01.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml">
+  <title>Gradients with non-invertible gradientTransforms, linearGradient</title>
+  <h:link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#pservers-LinearGradientElementGradientTransformAttribute"/>
+  <h:link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-function-lists"/>
+  <h:link rel="match" href="reference/green-100x100.svg"/>
+
+  <linearGradient id="scale0" gradientTransform="scale(0)">
+    <stop offset="0" stop-color="yellow"/>
+    <stop offset="1" stop-color="red"/>
+  </linearGradient>
+  <rect width="50" height="100" fill="url(#scale0) green"/>
+
+  <linearGradient id="matrix0" gradientTransform="matrix(0, 0, 0, 0, 0, 0)">
+    <stop offset="0" stop-color="yellow"/>
+    <stop offset="1" stop-color="red"/>
+  </linearGradient>
+  <rect x="50" width="50" height="100" fill="url(#matrix0) green"/>
+</svg>
diff --git a/testing/web-platform/tests/svg/pservers/reftests/gradient-transform-02.svg b/testing/web-platform/tests/svg/pservers/reftests/gradient-transform-02.svg
new file mode 100644
index 000000000000..1ce1006b8399
--- /dev/null
+++ b/testing/web-platform/tests/svg/pservers/reftests/gradient-transform-02.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml">
+  <title>Gradients with non-invertible gradientTransforms, radialGradient</title>
+  <h:link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#pservers-RadialGradientElementGradientTransformAttribute"/>
+  <h:link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-function-lists"/>
+  <h:link rel="match" href="reference/green-100x100.svg"/>
+
+  <radialGradient id="scale0" gradientTransform="scale(0)">
+    <stop offset="0" stop-color="yellow"/>
+    <stop offset="1" stop-color="red"/>
+  </radialGradient>
+  <rect width="50" height="100" fill="url(#scale0) green"/>
+
+  <radialGradient id="matrix0" gradientTransform="matrix(0, 0, 0, 0, 0, 0)">
+    <stop offset="0" stop-color="yellow"/>
+    <stop offset="1" stop-color="red"/>
+  </radialGradient>
+  <rect x="50" width="50" height="100" fill="url(#matrix0) green"/>
+</svg>
diff --git a/testing/web-platform/tests/svg/pservers/reftests/pattern-transform-02.svg b/testing/web-platform/tests/svg/pservers/reftests/pattern-transform-02.svg
new file mode 100644
index 000000000000..93acd1d62736
--- /dev/null
+++ b/testing/web-platform/tests/svg/pservers/reftests/pattern-transform-02.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml">
+  <title>Patterns with non-invertible patternTransforms</title>
+  <h:link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#pservers-PatternElementPatternTransformAttribute"/>
+  <h:link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-function-lists"/>
+  <h:link rel="match" href="reference/green-100x100.svg"/>
+
+  <pattern id="scale0" width="50" height="100"
+           patternTransform="scale(0)">
+    <rect width="50" height="100" fill="red"/>
+  </pattern>
+  <rect width="50" height="100" fill="url(#scale0) green"/>
+
+  <pattern id="matrix0" width="50" height="100"
+           patternTransform="matrix(0, 0, 0, 0, 0, 0)">
+    <rect width="50" height="100" fill="red"/>
+  </pattern>
+  <rect x="50" width="50" height="100" fill="url(#matrix0) green"/>
+</svg>