element-render-blocking-038.html (1860B)
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>link rel=expect: only connected elements are eligible</title> 8 9 <link rel=expect href="#second" blocking="render"> 10 <script> 11 async_test((t) => { 12 requestAnimationFrame(() => { 13 t.step(() => assert_true(!!document.getElementById("second"), "The second element should be there")); 14 t.step(() => assert_false(!!document.getElementById("last"), "The last element should not be there yet, even though it's created (in a shadow root)")); 15 t.done(); 16 }); 17 }, ""); 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 <custom-element> 32 <template shadowrootmode="open"> 33 <div id="last"> 34 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 35 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 36 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 37 tempor mi est eget ipsum egestas. 38 </div> 39 </template> 40 </custom-element> 41 </div> 42 <script> 43 generateParserDelay(); 44 </script> 45 <div id="last"> 46 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 47 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 48 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 49 tempor mi est eget ipsum egestas. 50 </div> 51 </body>