OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>Test that style to all cues is applied correctly.</title> | 2 <title>Test that style to all cues is applied correctly.</title> |
3 <script src="../media-file.js"></script> | 3 <script src="../media-file.js"></script> |
4 <script src="../media-controls.js"></script> | 4 <script src="../media-controls.js"></script> |
5 <script src="../../resources/testharness.js"></script> | 5 <script src="../../resources/testharness.js"></script> |
6 <script src="../../resources/testharnessreport.js"></script> | 6 <script src="../../resources/testharnessreport.js"></script> |
7 <video></video> | 7 <video></video> |
8 <style> | 8 <style> |
9 video::cue { | 9 video::cue { |
10 color: purple; | 10 color: purple; |
(...skipping 10 matching lines...) Expand all Loading... |
21 var video = document.querySelector('video'); | 21 var video = document.querySelector('video'); |
22 video.src = findMediaFile('video', '../content/test'); | 22 video.src = findMediaFile('video', '../content/test'); |
23 | 23 |
24 var track = document.createElement('track'); | 24 var track = document.createElement('track'); |
25 track.src = 'captions-webvtt/styling.vtt'; | 25 track.src = 'captions-webvtt/styling.vtt'; |
26 track.kind = 'captions'; | 26 track.kind = 'captions'; |
27 track.default = true; | 27 track.default = true; |
28 video.appendChild(track); | 28 video.appendChild(track); |
29 | 29 |
30 video.onseeked = t.step_func_done(function() { | 30 video.onseeked = t.step_func_done(function() { |
31 var cueStyle = getComputedStyle(textTrackDisplayElement(video, 'cue')); | 31 var cueStyle = getComputedStyle(textTrackCueElementByIndex(video, 0).fir
stChild); |
32 assert_equals(cueStyle.color, 'rgb(128, 0, 128)'); | 32 assert_equals(cueStyle.color, 'rgb(128, 0, 128)'); |
33 assert_equals(cueStyle.backgroundColor, 'rgb(0, 255, 0)'); | 33 assert_equals(cueStyle.backgroundColor, 'rgb(0, 255, 0)'); |
34 assert_equals(cueStyle.textDecorationLine, 'underline'); | 34 assert_equals(cueStyle.textDecorationLine, 'underline'); |
35 assert_equals(cueStyle.textDecorationStyle, 'dashed'); | 35 assert_equals(cueStyle.textDecorationStyle, 'dashed'); |
36 assert_equals(cueStyle.textDecorationColor, 'rgb(0, 255, 255)'); | 36 assert_equals(cueStyle.textDecorationColor, 'rgb(0, 255, 255)'); |
37 }); | 37 }); |
38 | 38 |
39 video.currentTime = 0.5; | 39 video.currentTime = 0.5; |
40 }); | 40 }); |
41 </script> | 41 </script> |
OLD | NEW |