fcp-video-frame.html (984B)
1 <!DOCTYPE html> 2 <head> 3 <title>Performance Paint Timing Test: FCP due to loaded video frame</title> 4 </head> 5 <body> 6 <script src="../resources/utils.js"></script> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="/common/media.js"></script> 10 <video id="video" autoplay></video> 11 <script> 12 setup({"hide_test_state": true}); 13 promise_test(async t => { 14 assert_implements(window.PerformancePaintTiming, "Paint Timing isn't supported."); 15 await new Promise(r => window.addEventListener('load', r)); 16 await assertNoFirstContentfulPaint(t); 17 // Set actual video content to trigger FCP. 18 const video = document.getElementById('video'); 19 video.src = getVideoURI('/media/test'); 20 await new Promise(resolve => { 21 video.oncanplay = resolve; 22 }); 23 await assertFirstContentfulPaint(t); 24 }, 'Video should become contentful when first frame is loaded'); 25 </script> 26 </body> 27 </html>