element-render-blocking-027.html (2306B)
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>Unknown href causes the whole document to be blocked</title> 8 9 <link id=link rel=expect href="#unknown" blocking="render"> 10 <script> 11 link.href = "#stillunknown"; 12 13 async_test((t) => { 14 requestAnimationFrame(() => { 15 t.step(() => assert_true(!!document.getElementById("last"))); 16 t.done(); 17 }); 18 }, "unknown href causes the whole document to be blocked (with href changes!)"); 19 </script> 20 </head> 21 <body> 22 <div id="notfirst"> 23 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 24 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 25 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 26 tempor mi est eget ipsum egestas. 27 </div> 28 <script> 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>