Convert first letter into a pseudo element.

LayoutTests/fast/css/dynamic-class-pseudo-elements.html

Index: LayoutTests/fast/css/dynamic-class-pseudo-elements.html
diff --git a/LayoutTests/fast/css/dynamic-class-pseudo-elements.html b/LayoutTests/fast/css/dynamic-class-pseudo-elements.html
index 19c6f160d1b17c2778e9c79f2379a768db84cf8c..39d8ba9f8ce43f7cabdaeb417735fe9087a4d83b 100644
--- a/LayoutTests/fast/css/dynamic-class-pseudo-elements.html
+++ b/LayoutTests/fast/css/dynamic-class-pseudo-elements.html
@@ -81,7 +81,7 @@ forceLayout();
 t4.className = "a4";
 
 if (window.internals)
-    shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "8");
+    shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "10");

[rune, 2014/11/13 09:12:08]

There are two first-letter pseudo elements added here?

[dsinclair, 2014/11/13 17:55:36]

I verified just to be sure. The updateStyleAndReturnAffectedElementCount()
counts the number of accesses in the StyleResolver. (This is incremented with
didAccess()).

We call didAccess() twice more now, both of them from
pseudoStyleForElementInternal(). The first call is from
createPseudoElementIfNeeded()  and the second call is from
pseudoStyleForElement().

So, I think this is correctly going up by 2.

 
 document.body.offsetLeft; // workaround for issue 351308
 shouldBe("getComputedStyle(r4, '::first-letter').backgroundColor", "green");