OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <title>Test that style to stroke cues is applied correctly.</title> |
| 3 <script src="../media-file.js"></script> |
| 4 <script src="../media-controls.js"></script> |
| 5 <script src="../../resources/testharness.js"></script> |
| 6 <script src="../../resources/testharnessreport.js"></script> |
| 7 <video></video> |
| 8 <style> |
| 9 video::cue { |
| 10 paint-order: stroke; |
| 11 stroke-linecap: round; |
| 12 stroke-linejoin: round; |
| 13 } |
| 14 </style> |
| 15 <script> |
| 16 async_test(function(t) { |
| 17 var video = document.querySelector('video'); |
| 18 video.src = findMediaFile('video', '../content/test'); |
| 19 |
| 20 var track = document.createElement('track'); |
| 21 track.src = 'captions-webvtt/styling.vtt'; |
| 22 track.kind = 'captions'; |
| 23 track.default = true; |
| 24 video.appendChild(track); |
| 25 |
| 26 video.onseeked = t.step_func_done(function() { |
| 27 var cueStyle = getComputedStyle(textTrackCueElementByIndex(video, 0).fir
stChild); |
| 28 assert_equals(cueStyle.paintOrder, "stroke fill markers"); |
| 29 assert_equals(cueStyle.strokeLinejoin, "round"); |
| 30 assert_equals(cueStyle.strokeLinecap, "round"); |
| 31 }); |
| 32 |
| 33 video.currentTime = 0.5; |
| 34 }); |
| 35 </script> |
OLD | NEW |