element-render-blocking-025.html (2342B)
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>Adding an id to parsed element satisfies render block</title> 8 9 <link rel=expect href="#first" blocking="render"> 10 <script> 11 async_test((t) => { 12 requestAnimationFrame(() => { 13 t.step(() => assert_true(!!document.getElementById("first"))); 14 t.step(() => assert_false(!!document.getElementById("last"))); 15 t.done(); 16 }); 17 }, "adding an id in the body satisfies render block"); 18 </script> 19 </head> 20 <body> 21 <div id="willbefirst"> 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 willbefirst.id = "first"; 29 generateParserDelay(); 30 </script> 31 <div id="second"> 32 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 33 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 34 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 35 tempor mi est eget ipsum egestas. 36 </div> 37 <script> 38 generateParserDelay(); 39 </script> 40 <div id="third"> 41 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 42 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 43 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 44 tempor mi est eget ipsum egestas. 45 </div> 46 <script> 47 generateParserDelay(); 48 </script> 49 <div id="fourth"> 50 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 51 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 52 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 53 tempor mi est eget ipsum egestas. 54 </div> 55 <script> 56 generateParserDelay(); 57 </script> 58 <div id="last"> 59 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 60 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 61 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 62 tempor mi est eget ipsum egestas. 63 </div> 64 </body>