reftest for gradient on transformed text - bug 424586

layout/reftests/svg/reftest.list

@@ -55,6 +55,7 @@ fails == style-property-not-on-script-element-01.svg pass.svg
 == svg-in-foreignObject-01.xhtml svg-in-foreignObject-01-ref.xhtml
 == svg-in-foreignObject-02.xhtml svg-in-foreignObject-01-ref.xhtml # reuse -01-ref.xhtml
 random-if(MOZ_WIDGET_TOOLKIT=="gtk2") == text-font-weight-01.svg text-font-weight-01-ref.svg # bug 386713
+== text-gradient-01.svg text-gradient-01-ref.svg
 == text-in-link-01.svg text-in-link-01-ref.svg
 == text-scale-01.svg text-scale-01-ref.svg
 == text-style-01a.svg text-style-01-ref.svg

layout/reftests/svg/text-gradient-01-ref.svg

@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<title>Reference for gradient on text</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=424586 -->
+
+    <defs>
+      <linearGradient id="grad" x1="0.0" y1="0.0" x2="1.0" y2="0.0">
+        <stop stop-color="green" offset="0.0"/>
+        <stop stop-color="blue" offset="1.0"/>
+      </linearGradient>
+    </defs>
+    <text font-size="3.5em" x="100" y="100" fill="url(#grad)">PASS</text>
+</svg>

layout/reftests/svg/text-gradient-01.svg

@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+<title>Testcase for gradient on text</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=424586 -->
+
+    <defs>
+      <linearGradient id="grad" x1="0.0" y1="0.0" x2="1.0" y2="0.0">
+        <stop stop-color="green" offset="0.0"/>
+        <stop stop-color="blue" offset="1.0"/>
+      </linearGradient>
+    </defs>
+    <!-- check the gradient moves with the transform -->
+    <g transform="translate(100,100)">
+      <text font-size="3.5em" fill="url(#grad)">PASS</text>
+    </g>
+</svg>