Bug 797708 - Test that gradients are positioned correctly on SVG text with a filter applied. r=longsonr

layout/reftests/svg/reftest.list

@@ -253,6 +253,7 @@ random-if(gtk2Widget) == text-font-weight-01.svg text-font-weight-01-ref.svg # b
 == text-gradient-01.svg text-gradient-01-ref.svg
 random-if(winWidget) == text-gradient-02.svg text-gradient-02-ref.svg # see bug 590101
 == text-gradient-03.svg pass.svg
+== text-gradient-04.svg text-gradient-04-ref.svg
 == text-in-link-01.svg text-in-link-01-ref.svg
 == text-in-link-02.svg text-in-link-02-ref.svg
 == text-in-link-03.svg text-in-link-03-ref.svg

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

@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Reference for gradients being positioned correctly within filters</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=797708 -->
+
+  <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="100" y1="0" x2="200" y2="0">
+    <stop offset="0" stop-color="red"/>
+    <stop offset="0.5" stop-color="red"/>
+    <stop offset="0.5" stop-color="blue"/>
+    <stop offset="1" stop-color="blue"/>
+  </linearGradient>
+
+  <g style="font: bold 32px sans-serif; fill: url(#g); text-anchor: middle">
+    <text x="125" y="100">hi</text>
+    <text x="175" y="100">hi</text>
+  </g>
+</svg>

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

@@ -0,0 +1,27 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+
+  <title>Test for gradients being positioned correctly within filters</title>
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=797708 -->
+
+  <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="100" y1="0" x2="200" y2="0">
+    <stop offset="0" stop-color="red"/>
+    <stop offset="0.5" stop-color="red"/>
+    <stop offset="0.5" stop-color="blue"/>
+    <stop offset="1" stop-color="blue"/>
+  </linearGradient>
+
+  <filter id="f">
+    <feMerge>
+      <feMergeNode in="SourceGraphic"/>
+    </feMerge>
+  </filter>
+
+  <g style="font: bold 32px sans-serif; fill: url(#g); text-anchor: middle; filter: url(#f)">
+    <text x="125" y="100">hi</text>
+    <text x="175" y="100">hi</text>
+  </g>
+</svg>