Bug 652991 - Part 10. Reftest for paint-server. r=heycam

MozReview-Commit-ID: 3Bg0wk2yE6n

--HG--
extra : rebase_source : 61649d75a9cb517c6fddeabb4b352c95314a6c1f
extra : source : 4827d03e13a140d3f47a056144f000c4418c2bb7

layout/reftests/svg/reftest.list

@@ -439,3 +439,5 @@ skip-if(Android) pref(layout.css.mix-blend-mode.enabled,true) == blend-differenc
 == use-localRef-marker-01.svg use-localRef-marker-01-ref.svg
 == use-localRef-clipPath-01.svg use-localRef-clipPath-01-ref.svg
 == use-localRef-filter-01.svg use-localRef-filter-01-ref.svg
+== use-localRef-fill-01.svg use-localRef-fill-01-ref.svg
+== use-localRef-stroke-01.svg use-localRef-stroke-01-ref.svg

layout/reftests/svg/use-localRef-fill-01-ref.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for fill linked to local-ref URL</title>
+  <defs>
+    <linearGradient id="gradient1">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+  </defs>
+  <rect x="10" y="10" width="80" height="80" fill="url(#gradient1)"/>
+  <rect x="10" y="110" width="80" height="80" fill="url(#gradient1)"/>
+  <rect x="10" y="210" width="80" height="80" fill="url(#gradient1)"/>
+</svg>

layout/reftests/svg/use-localRef-fill-01.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for fill linked to local-ref URL</title>
+  <defs>
+    <linearGradient id="gradient1">
+      <stop offset="0%" stop-color="blue"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient2">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient3">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+  </defs>
+  <style>
+    #fill3 {
+      fill: url(#gradient3);
+    }
+  </style>
+  <use xlink:href="use-localRef-fill-resource.svg#fill1"/>
+  <use xlink:href="use-localRef-fill-resource.svg#fill2" fill="url(#gradient2)"/>
+  <use xlink:href="use-localRef-fill-resource.svg#fill3"/>
+</svg>

layout/reftests/svg/use-localRef-fill-resource.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient id="gradient1">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient2">
+      <stop offset="0%" stop-color="blue"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient3">
+      <stop offset="0%" stop-color="blue"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+  </defs>
+  <rect id="fill1" x="10" y="10" width="80" height="80" fill="url(#gradient1)"/>
+  <rect id="fill2" x="10" y="110" width="80" height="80"/>
+  <rect id="fill3" x="10" y="210" width="80" height="80"/>
+</svg>

layout/reftests/svg/use-localRef-stroke-01-ref.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for stroke linked to local-ref URL</title>
+  <defs>
+    <linearGradient id="gradient1">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+  </defs>
+  <rect x="10" y="10" width="80" height="80" stroke-width="5" fill="white" stroke="url(#gradient1)"/>
+  <rect x="10" y="110" width="80" height="80" stroke-width="5" fill="white" stroke="url(#gradient1)"/>
+  <rect x="10" y="210" width="80" height="80" stroke-width="5" fill="white" stroke="url(#gradient1)"/>
+</svg>

layout/reftests/svg/use-localRef-stroke-01.svg

@@ -0,0 +1,26 @@
+<?xml-stylesheet href="use-localRef.css" type="text/css"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for stroke linked to local-ref URL</title>
+  <defs>
+      <linearGradient id="gradient1">
+        <stop offset="0%" stop-color="blue"/>
+        <stop offset="100%" stop-color="blue"/>
+      </linearGradient>
+      <linearGradient id="gradient2">
+        <stop offset="0%" stop-color="white"/>
+        <stop offset="100%" stop-color="blue"/>
+      </linearGradient>
+      <linearGradient id="gradient3">
+        <stop offset="0%" stop-color="white"/>
+        <stop offset="100%" stop-color="blue"/>
+      </linearGradient>
+  </defs>
+  <style>
+    #stroke3 {
+      stroke: url(#gradient3);
+    }
+  </style>
+  <use xlink:href="use-localRef-stroke-resource.svg#stroke1"/>
+  <use xlink:href="use-localRef-stroke-resource.svg#stroke2" stroke="url(#gradient2)"/>
+  <use xlink:href="use-localRef-stroke-resource.svg#stroke3"/>
+</svg>

layout/reftests/svg/use-localRef-stroke-resource.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient id="gradient1">
+      <stop offset="0%" stop-color="white"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient2">
+      <stop offset="0%" stop-color="blue"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+    <linearGradient id="gradient3">
+      <stop offset="0%" stop-color="blue"/>
+      <stop offset="100%" stop-color="blue"/>
+    </linearGradient>
+  </defs>
+  <rect id="stroke1" x="10" y="10" width="80" height="80" fill="white" stroke-width="5" stroke="url(#gradient1)"/>
+  <rect id="stroke2" x="10" y="110" width="80" height="80" fill="white" stroke-width="5" />
+  <rect id="stroke3" x="10" y="210" width="80" height="80" fill="white" stroke-width="5" />
+</svg>