Index: LayoutTests/media/track/track-css-matching-settings.html |
diff --git a/LayoutTests/media/track/track-css-matching-settings.html b/LayoutTests/media/track/track-css-matching-settings.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7d1917d432b1f33b39f4e8e6ff184675d13ee174 |
--- /dev/null |
+++ b/LayoutTests/media/track/track-css-matching-settings.html |
@@ -0,0 +1,68 @@ |
+<!DOCTYPE html> |
fs
2015/02/13 13:13:15
Maybe get "user" and "override" in the filename (a
srivats
2015/02/18 01:46:51
Done.
|
+<html> |
fs
2015/02/13 13:13:15
I realize you probably just copied the structure f
srivats
2015/02/18 01:46:50
Done.
|
+ <head> |
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
+ <script src=../media-file.js></script> |
+ <script src=../video-test.js></script> |
+ <script src=../media-controls.js></script> |
+ <script> |
+ |
+ if (window.internals) { |
+ internals.settings.setTextTrackTextColor("cyan"); |
fs
2015/02/13 13:13:15
I think you should also test this with a styleshee
srivats
2015/02/18 01:46:51
Done.
|
+ internals.settings.setTextTrackBackgroundColor("green"); |
+ internals.settings.setTextTrackWindowColor("blue"); |
+ internals.settings.setTextTrackTextShadow("2px 2px #ff0000") |
+ internals.settings.setTextTrackTextSize("14px"); |
+ internals.settings.setTextTrackFontFamily("fantasy"); |
+ internals.settings.setTextTrackFontStyle("italic"); |
+ internals.settings.setTextTrackFontVariant("small-caps"); |
+ } |
+ |
+ function cleanup() |
fs
2015/02/13 13:13:15
I believe the test framework does this for you.
srivats
2015/02/18 01:46:51
Done.
|
+ { |
+ if (window.internals) { |
+ internals.settings.setTextTrackTextColor(""); |
+ internals.settings.setTextTrackBackgroundColor(""); |
+ internals.settings.setTextTrackWindowColor(""); |
+ internals.settings.setTextTrackTextShadow(""); |
+ internals.settings.setTextTrackTextSize(""); |
+ internals.settings.setTextTrackFontFamily(""); |
+ internals.settings.setTextTrackFontStyle(""); |
+ internals.settings.setTextTrackFontVariant(""); |
+ } |
+ } |
+ |
+ function seeked() |
+ { |
+ if (testEnded) |
fs
2015/02/13 13:13:15
This shouldn't be needed.
srivats
2015/02/18 01:46:51
Done.
|
+ return; |
+ |
+ testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).color", "rgb(0, 255, 255)"); |
fs
2015/02/13 13:13:14
This would be more readable as:
cue = textTrackDi
srivats
2015/02/18 01:46:50
Done.
|
+ testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).backgroundColor", "rgb(0, 128, 0)"); |
+ testExpected("getComputedStyle(textTrackDisplayElement(video, 'display')).backgroundColor", "rgb(0, 0, 255)"); |
+ testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).textShadow", "rgb(255, 0, 0) 2px 2px 0px"); |
+ testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).fontSize", "14px"); |
+ testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).fontFamily", "fantasy"); |
+ testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).fontStyle", "italic"); |
+ testExpected("getComputedStyle(textTrackDisplayElement(video, 'cue')).fontVariant", "small-caps"); |
+ cleanup(); |
+ endTest(); |
+ } |
+ |
+ function loaded() |
+ { |
+ consoleWrite("Test that WebVTT objects are being styled correctly based on settings."); |
+ findMediaElement(); |
+ video.src = findMediaFile('video', '../content/test'); |
+ waitForEvent('seeked', seeked); |
fs
2015/02/13 13:13:15
The referenced VTT file has a cue active at 0s, so
srivats
2015/02/18 01:46:51
Done.
|
+ waitForEvent('canplaythrough', function() { video.currentTime = 0.5; }); |
+ } |
+ |
+ </script> |
+ </head> |
+ <body onload="loaded()"> |
+ <video controls > |
fs
2015/02/13 13:13:15
No need for 'controls'?
srivats
2015/02/18 01:46:51
Done.
|
+ <track src="captions-webvtt/styling.vtt" kind="captions" default> |
+ </video> |
+ </body> |
+</html> |