element-render-blocking-002.html (2333B)
1 <!DOCTYPE html> 2 <meta name="timeout" content="long"> 3 <head> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="support/utils.js"></script> 7 <title>Frames starts after href element is parsed before the end</title> 8 9 <link rel=expect href="#third" blocking="render"> 10 <script> 11 async_test((t) => { 12 requestAnimationFrame(() => { 13 t.step(() => assert_true(!!document.getElementById("third"))); 14 t.step(() => assert_false(!!document.getElementById("last"))); 15 t.done(); 16 }); 17 }, "blocking defers until needed element is parsed"); 18 </script> 19 </head> 20 <body> 21 <div id="first"> 22 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 23 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 24 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 25 tempor mi est eget ipsum egestas. 26 </div> 27 <script> 28 generateParserDelay(); 29 </script> 30 <div id="second"> 31 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 32 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 33 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 34 tempor mi est eget ipsum egestas. 35 </div> 36 <script> 37 generateParserDelay(); 38 </script> 39 <div id="third"> 40 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 41 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 42 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 43 tempor mi est eget ipsum egestas. 44 </div> 45 <script> 46 generateParserDelay(); 47 </script> 48 <div id="fourth"> 49 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 50 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 51 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 52 tempor mi est eget ipsum egestas. 53 </div> 54 <script> 55 generateParserDelay(); 56 </script> 57 <div id="last"> 58 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 59 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 60 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 61 tempor mi est eget ipsum egestas. 62 </div> 63 </body>