preserve-render-blocking-style.html (991B)
1 <!DOCTYPE html> 2 <head> 3 <title>Stylesheet with "blocking=render" should remain render-blocking when moved</title> 4 <meta name="timeout" content="long"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script> 8 const link = document.createElement("link"); 9 link.rel = "stylesheet"; 10 link.href = "resources/green.css?pipe=trickle(d1)"; 11 link.setAttribute("blocking", "render"); 12 document.head.append(link); 13 requestAnimationFrame(() => { 14 window.backgroundColorAtFirstRender = getComputedStyle(document.body).backgroundColor; 15 }); 16 </script> 17 </head> 18 <body> 19 20 <div>Some text</div> 21 <script> 22 document.head.moveBefore(link, null); 23 </script> 24 <script> 25 promise_test(async () => { 26 await new Promise(resolve => requestAnimationFrame(() => resolve())); 27 assert_equals(backgroundColorAtFirstRender, "rgb(0, 128, 0)"); 28 }, "A moved script should keep its render-blocking state"); 29 </script> 30 </body>