Part 2 - support SVG properties on first-letter and first-line

Differential Revision: https://phabricator.services.mozilla.com/D200596

bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1302722
gecko-commit: 1118131d963c7a00bb60693f1c4c15b3b4b40d17
gecko-reviewers: jfkthame, emilio
diff --git a/svg/text/reftests/first-letter-ref.svg b/svg/text/reftests/first-letter-ref.svg
new file mode 100644
index 0000000..66f5c6d
--- /dev/null
+++ b/svg/text/reftests/first-letter-ref.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml">
+  <style>
+    text {
+      font-family: Ahem;
+      font-size: 50px;
+    }
+  </style>
+  <text x="100" y="100">
+    <tspan fill="green">X</tspan>XXX
+  </text>
+</svg>
diff --git a/svg/text/reftests/first-letter.svg b/svg/text/reftests/first-letter.svg
new file mode 100644
index 0000000..d3b62a5
--- /dev/null
+++ b/svg/text/reftests/first-letter.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml">
+  <metadata>
+    <h:title>first-letter should apply to SVG text</h:title>
+    <h:link rel="help" href="https://www.w3.org/TR/SVG2/text.html#TextProperties"/>
+    <h:link rel="match" href="first-letter-ref.svg"/>
+    <h:link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+  </metadata>
+  <style>
+    text {
+      font-family: Ahem;
+      font-size: 50px;
+    }
+    text::first-letter {
+      fill: green;
+    }
+  </style>
+  <text x="100" y="100">
+    <tspan>XXXX</tspan>
+  </text>
+</svg>