fcp-video-poster.html (988B)
1 <!DOCTYPE html> 2 <head> 3 <title>Performance Paint Timing Test: FCP due to loaded video poster</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 <video id="video" width="50" height="50"></video> 10 <script> 11 setup({"hide_test_state": true}); 12 promise_test(async t => { 13 assert_implements(window.PerformancePaintTiming, "Paint Timing isn't supported."); 14 await new Promise(r => window.addEventListener('load', r)); 15 await assertNoFirstContentfulPaint(t); 16 const video = document.getElementById('video'); 17 const src = '../resources/circles.png'; 18 const image = new Image(); 19 image.src = src; 20 video.setAttribute('poster', src); 21 await new Promise(resolve => { 22 image.onload = async () => resolve(); 23 }) 24 await assertFirstContentfulPaint(t); 25 }, 'Video should become contentful when poster is loaded'); 26 </script> 27 </body> 28 </html>