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

layout/reftests/svg/reftest.list

@@ -254,6 +254,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
+HTTP(..) == 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,19 @@
+<!--
+     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 -->
+
+  <clipPath id="c">
+    <path d="M 130,70 h 40 v 40 h -40 z
+             M 230,70 h 40 v 40 h -40 z"/>
+  </clipPath>
+
+  <g clip-path="url(#c)">
+    <rect x="100" y="50" width="100" height="100" fill="red"/>
+    <rect x="200" y="50" width="100" height="100" fill="blue"/>
+  </g>
+</svg>

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

@@ -0,0 +1,39 @@
+<!--
+     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 -->
+
+  <style>
+    @font-face {
+      src: url(../fonts/Ahem.ttf);
+      font-family: Ahem;
+    }
+  </style>
+
+  <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="100" y1="0" x2="300" 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>
+
+  <clipPath id="c">
+    <path d="M 130,70 h 40 v 40 h -40 z
+             M 230,70 h 40 v 40 h -40 z"/>
+  </clipPath>
+
+  <g style="font: 64px Ahem; fill: url(#g); text-anchor: middle; filter: url(#f); clip-path: url(#c)">
+    <text x="150" y="100">a</text>
+    <text x="250" y="100">a</text>
+  </g>
+</svg>