element-render-blocking-028.html (2627B)
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>Multiple links and all but one removed</title> 8 9 <link rel=expect href="#third" blocking="render"> 10 <link id=one rel=expect href="#third" blocking="render"> 11 <link id=two rel=expect href="#third" blocking="render"> 12 <link id=three rel=expect href="#third" blocking="render"> 13 <link id=four rel=expect href="#third" blocking="render"> 14 <script> 15 async_test((t) => { 16 requestAnimationFrame(() => { 17 t.step(() => assert_true(!!document.getElementById("third"))); 18 t.step(() => assert_false(!!document.getElementById("last"))); 19 t.done(); 20 }); 21 }, "removing some links but not all keeps at least the matching link blocking"); 22 23 one.remove(); 24 two.remove(); 25 </script> 26 </head> 27 <body> 28 <script> 29 three.remove(); 30 four.remove(); 31 </script> 32 <div id="first"> 33 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 34 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 35 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 36 tempor mi est eget ipsum egestas. 37 </div> 38 <script> 39 generateParserDelay(); 40 </script> 41 <div id="second"> 42 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 43 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 44 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 45 tempor mi est eget ipsum egestas. 46 </div> 47 <script> 48 generateParserDelay(); 49 </script> 50 <div id="third"> 51 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 52 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 53 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 54 tempor mi est eget ipsum egestas. 55 </div> 56 <script> 57 generateParserDelay(); 58 </script> 59 <div id="fourth"> 60 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 61 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 62 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 63 tempor mi est eget ipsum egestas. 64 </div> 65 <script> 66 generateParserDelay(); 67 </script> 68 <div id="last"> 69 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 70 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 71 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 72 tempor mi est eget ipsum egestas. 73 </div> 74 </body>