repaint.html (1107B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>WebVTT rendering, cue should repaint after hiding a covering abspos box</title> 4 <link rel="match" href="repaint-ref.html"> 5 <style> 6 #wrapper { 7 position: relative; 8 } 9 #cover { 10 position: absolute; 11 left: 0px; 12 top: 180px; 13 width: 320px; 14 height: 60px; 15 background-color: gray; 16 } 17 video { 18 width: 320px; 19 height: 240px; 20 } 21 ::cue { 22 font-size: 50px; 23 color: green; 24 } 25 </style> 26 <p>You should see the word 'PASS' below.</p> 27 <script src="/common/reftest-wait.js"></script> 28 <div id=wrapper> 29 <video> 30 <source src="/media/white.webm" type="video/webm"> 31 <source src="/media/white.mp4" type="video/mp4"> 32 </video> 33 <div id=cover></div> 34 </div> 35 <script> 36 var v = document.querySelector('video'); 37 var c = document.getElementById('cover'); 38 var t = v.addTextTrack('subtitles'); 39 t.mode = "showing"; 40 t.addCue(new VTTCue(0, 100, 'PASS')); 41 v.onplaying = function() { 42 setTimeout(function() { 43 v.pause(); 44 setTimeout(function() { 45 c.style.visibility = 'hidden'; 46 setTimeout(takeScreenshot, 100); 47 }, 100); 48 }, 100); 49 }; 50 v.play(); 51 </script>