[WebVTT] Support text-decoration-{text,color,style} on CSS ::cue pseudo-element

LayoutTests/media/track/track-css-all-cues.html

Index: LayoutTests/media/track/track-css-all-cues.html
diff --git a/LayoutTests/media/track/track-css-all-cues.html b/LayoutTests/media/track/track-css-all-cues.html
index 725cca1616196c6cf42d0206c721bfc22c24afa4..befe4c17767441f97c8942fef3a1cc83fa4b8d1c 100644
--- a/LayoutTests/media/track/track-css-all-cues.html
+++ b/LayoutTests/media/track/track-css-all-cues.html
@@ -9,7 +9,13 @@
 
         <style>
 
-        video::cue { color: purple; background-color: lime; }
+        video::cue {
+            color: purple;
+            background-color: lime;
+            text-decoration-line: underline;
+            text-decoration-style: dashed;
+            text-decoration-color: cyan;

[Julien - ping for review, 2013/07/18 01:06:02]

I would love to see the shorthand 'text-decoration' also tested instead of only
the longhands. Maybe we can strike some balance and test both:

text-decoration: overline dashed orange;
text-decoration-line: underline;
text-decoration-color: cyan;

That would still test 2 out of 3 longhands and the shorthand.

+        }
 
         </style>
 
@@ -19,6 +25,9 @@
         {
             testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).color", "rgb(128, 0, 128)");
             testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).backgroundColor", "rgb(0, 255, 0)");
+            testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).textDecorationLine", "underline");
+            testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).textDecorationStyle", "dashed");
+            testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).textDecorationColor", "rgb(0, 255, 255)");
             endTest();
         }