element-render-blocking-019.html (1659B)
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>Media attribute changes in the body to not apply</title> 8 9 <link id=link rel=expect href="#last" blocking="render" media="(min-width: 10px)"> 10 <script> 11 async_test((t) => { 12 requestAnimationFrame(() => { 13 t.step(() => assert_false(!!document.getElementById("last"))); 14 t.done(); 15 }); 16 }, "changing media to non-matching in the body makes it non blocking"); 17 </script> 18 </head> 19 <body> 20 <script> 21 link.media = "(max-width: 10px)"; 22 </script> 23 24 <div id="first"> 25 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 26 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 27 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 28 tempor mi est eget ipsum egestas. 29 </div> 30 <script> 31 generateParserDelay(); 32 </script> 33 <div id="second"> 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 <script> 40 generateParserDelay(); 41 </script> 42 <div id="last"> 43 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue 44 nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit 45 tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies 46 tempor mi est eget ipsum egestas. 47 </div> 48 </body>