Apply SVG paint-order to text-decorations

LayoutTests/svg/paintorder/paintorder-text-decorations.svg

Index: LayoutTests/svg/paintorder/paintorder-text-decorations.svg
diff --git a/LayoutTests/svg/paintorder/paintorder-text-decorations.svg b/LayoutTests/svg/paintorder/paintorder-text-decorations.svg
new file mode 100644
index 0000000000000000000000000000000000000000..10e4fc299002394ecbfc634c950fd912e8609a7b
--- /dev/null
+++ b/LayoutTests/svg/paintorder/paintorder-text-decorations.svg
@@ -0,0 +1,37 @@
+<svg viewBox="-10 -10 280 220" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <marker id="m" refX="5" refY="5" viewBox="0 0 10 10" overflow="visible">

[pdr., 2014/04/08 14:20:57]

Nit: these markers just make the test more confusing since they aren't
supported.

[Stephen Chennney, 2014/04/08 15:06:10]

I considered this but thought they should stay to test that we do not have
problems when they are defined. i.e. if someone modifies the switch or adds new
paint types to the switch.

[fs, 2014/04/08 15:50:24]

Yes, that was my thinking - although I didn't think too much, but rather mostly
just copied the paintorder-text.svg TC - so I blame ed for doing any thinking.
It did seem reasonable to have a marker just in case (the unlikely) disaster
strikes though (i.e, "what schenney said").

+      <circle cx="5" cy="5" r="3" fill="black" stroke="black" fill-opacity="0.5"/>
+    </marker>
+    <svg id="poly" viewBox="-10 -10 420 420">
+      <text y="300" font-family="sans-serif" font-size="200" fill="blue" stroke="lime" stroke-width="10" stroke-opacity="0.5" style="marker: url(#m); text-decoration: underline">test</text>
+    </svg>
+  </defs>
+
+  <use xlink:href="#poly" width="50" height="50"/>
+  <use xlink:href="#poly" style="paint-order: normal" width="50" height="50" x="50"/>
+
+  <g transform="translate(0,50)">
+    <use xlink:href="#poly" style="paint-order: fill" width="50" height="50" x="0"/>
+    <use xlink:href="#poly" style="paint-order: fill stroke" width="50" height="50" x="50"/>
+    <use xlink:href="#poly" style="paint-order: fill stroke markers" width="50" height="50" x="100"/>
+    <use xlink:href="#poly" style="paint-order: fill markers" width="50" height="50" x="150"/>
+    <use xlink:href="#poly" style="paint-order: fill markers stroke" width="50" height="50" x="200" />
+  </g>
+
+  <g transform="translate(0,100)">
+    <use xlink:href="#poly" style="paint-order: stroke" width="50" height="50" x="0"/>
+    <use xlink:href="#poly" style="paint-order: stroke fill" width="50" height="50" x="50"/>
+    <use xlink:href="#poly" style="paint-order: stroke fill markers" width="50" height="50" x="100"/>
+    <use xlink:href="#poly" style="paint-order: stroke markers" width="50" height="50" x="150"/>
+    <use xlink:href="#poly" style="paint-order: stroke markers fill" width="50" height="50" x="200"/>
+  </g>
+
+  <g transform="translate(0,150)">
+    <use xlink:href="#poly" style="paint-order: markers" width="50" height="50" x="0"/>
+    <use xlink:href="#poly" style="paint-order: markers stroke" width="50" height="50" x="50"/>
+    <use xlink:href="#poly" style="paint-order: markers stroke fill" width="50" height="50" x="100"/>
+    <use xlink:href="#poly" style="paint-order: markers fill" width="50" height="50" x="150"/>
+    <use xlink:href="#poly" style="paint-order: markers fill stroke" width="50" height="50" x="200"/>
+  </g>
+</svg>