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