Fix SVG {text, foreignObject} transform for css animation

third_party/WebKit/LayoutTests/svg/repaint/transform-text-element.svg

Index: third_party/WebKit/LayoutTests/svg/repaint/transform-text-element.svg
diff --git a/third_party/WebKit/LayoutTests/svg/repaint/transform-text-element.svg b/third_party/WebKit/LayoutTests/svg/repaint/transform-text-element.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5fe2abda57435da66ad76af0ffbdafb00adbaea3
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/svg/repaint/transform-text-element.svg
@@ -0,0 +1,12 @@
+<svg width="400" height="400" version="1.1"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintTest()">
+<script xlink:href="../../fast/repaint/resources/text-based-repaint.js"></script>

[fs, 2016/01/07 11:38:46]

You should also include the resources/ahem.js script here as well, to guard
against flakiness.

+<script>
+<![CDATA[

[fs, 2016/01/07 11:38:45]

(If you make these tests HTML w/ inline SVG instead you wouldn't need this
abomination/uglyness.)

+    function repaintTest() {
+        var text = document.getElementsByTagName("text")[0];
+        text.style.transform = 'translate(100px, 0px)';
+    }
+]]>
+</script>
+  <text x="10" y="90" font-size="100" font-family="Ahem">Test</text>

[fs, 2016/01/07 11:38:45]

IIRC, the "Ahem" font has an ascent of 800 (of 1000 units-per-em), so using y=80
would be the more "natural choice".

(You could also make this behave the same as the foreignObject test by using
x=100 and make the transform cancel that out - which I find to be a good
strategy. It should make for simpler to check repaint rects. It'd also be
preferable to avoid clipping here - i.e either use a larger viewport or shorter
text.)

+</svg>