Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src=../media-file.js></script> | 2 <title>Test that WebVTT objects are being styled correctly based on user setting s that should override default settings.</title> |
| 3 <!-- TODO(philipj): Convert test to testharness.js. crbug.com/588956 | 3 <script src="../media-file.js"></script> |
| 4 (Please avoid writing new tests using video-test.js) --> | 4 <script src="../media-controls.js"></script> |
| 5 <script src=../video-test.js></script> | 5 <script src="../../resources/testharness.js"></script> |
| 6 <script src=../media-controls.js></script> | 6 <script src="../../resources/testharnessreport.js"></script> |
| 7 <video> | |
| 8 <track src="captions-webvtt/styling.vtt" kind="captions" default> | |
| 9 </video> | |
| 7 <script> | 10 <script> |
| 11 async_test(function(t) { | |
| 12 var video = document.querySelector("video"); | |
| 13 video.src = findMediaFile("video", "../content/test"); | |
|
mlamouri (slow - plz ping)
2016/04/13 12:58:30
ditto
| |
| 8 | 14 |
| 9 function applyUserOverrideSettings() { | 15 video.oncanplaythrough = t.step_func_done(function() { |
| 10 if (window.internals) { | 16 var cue = textTrackDisplayElement(video, "cue"); |
| 17 var cueStyle = getComputedStyle(cue); | |
| 18 // These are the expected default cue settings per spec | |
| 19 // http://dev.w3.org/html5/webvtt/#applying-css-properties-to-webvtt-nod e-objects | |
| 20 assert_equals(cueStyle.color, "rgb(255, 255, 255)"); | |
| 21 assert_equals(cueStyle.backgroundColor, "rgba(0, 0, 0, 0.8)"); | |
| 22 assert_equals(cueStyle.fontFamily, "sans-serif"); | |
| 23 | |
| 24 // Apply user settings for color and font-size and verify that the other internal settings are retained. | |
| 25 if (internals) { | |
| 11 internals.settings.setTextTrackTextColor("purple"); | 26 internals.settings.setTextTrackTextColor("purple"); |
| 12 internals.settings.setTextTrackTextSize("14px"); | 27 internals.settings.setTextTrackTextSize("14px"); |
| 13 } | 28 } |
| 14 } | |
| 15 | 29 |
| 16 function verifyDefaultSettings() { | 30 video.currentTime = 0.3; |
| 17 consoleWrite(""); | |
| 18 cue = textTrackDisplayElement(video, 'cue'); | |
| 19 // These are the expected default cue settings per spec | |
| 20 // http://dev.w3.org/html5/webvtt/#applying-css-properties-to-webvtt-nod e-objects | |
| 21 testExpected("getComputedStyle(cue).color", "rgb(255, 255, 255)"); | |
| 22 testExpected("getComputedStyle(cue).backgroundColor", "rgba(0, 0, 0, 0.8 )"); | |
| 23 testExpected("getComputedStyle(cue).fontFamily", "sans-serif"); | |
| 24 // Apply user settings for color and font-size and verify that the other internal settings are retained. | |
| 25 applyUserOverrideSettings(); | |
| 26 run("video.currentTime = 0.3"); | |
| 27 checkExpected(); | |
| 28 } | |
| 29 | 31 |
| 30 function checkExpected() { | 32 cue = textTrackDisplayElement(video, "cue"); |
| 31 consoleWrite(""); | 33 cueStyle = getComputedStyle(cue); |
| 32 cue = textTrackDisplayElement(video, 'cue'); | 34 assert_equals(cueStyle.color, "rgb(128, 0, 128)"); |
| 33 testExpected("getComputedStyle(cue).color", "rgb(128, 0, 128)"); | 35 assert_equals(cueStyle.fontSize, "14px"); |
| 34 testExpected("getComputedStyle(cue).fontSize", "14px"); | |
| 35 // When there is no user setting specified for background-color and font -family, the internal settings are applied. | 36 // When there is no user setting specified for background-color and font -family, the internal settings are applied. |
| 36 testExpected("getComputedStyle(cue).backgroundColor", "rgba(0, 0, 0, 0.8 )"); | 37 assert_equals(cueStyle.backgroundColor, "rgba(0, 0, 0, 0.8)"); |
| 37 testExpected("getComputedStyle(cue).fontFamily", "sans-serif"); | 38 assert_equals(cueStyle.fontFamily, "sans-serif"); |
| 38 endTest(); | 39 }); |
| 39 } | 40 }); |
| 40 | 41 </script> |
| 41 window.onload = function() { | |
| 42 consoleWrite("Test that WebVTT objects are being styled correctly based on user settings that should override default settings."); | |
| 43 findMediaElement(); | |
| 44 video.src = findMediaFile('video', '../content/test'); | |
| 45 video.currentTime = 0.1; | |
| 46 waitForEvent('canplaythrough', verifyDefaultSettings); | |
| 47 } | |
| 48 | |
| 49 </script> | |
| 50 <video> | |
| 51 <track src="captions-webvtt/styling.vtt" kind="captions" default> | |
| 52 </video> | |
| OLD | NEW |