preserve-render-blocking-script.html (947B)
1 <!DOCTYPE html> 2 <head> 3 <title>Script 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 window.operations = []; 9 </script> 10 <script> 11 requestAnimationFrame(() => window.operations.push("render")); 12 </script> 13 <script id="target" src="resources/dummy.js?pipe=trickle(d1)" blocking="render" async></script> 14 </head> 15 <body> 16 <div>Some text</div> 17 <script> 18 document.head.moveBefore(document.getElementById("target"), null); 19 </script> 20 <script> 21 promise_test(async () => { 22 await new Promise(resolve => requestAnimationFrame(() => resolve())); 23 await new Promise(resolve => requestAnimationFrame(() => resolve())); 24 assert_array_equals(operations, ["script", "render"]); 25 }, "A moved script should keep its render-blocking state"); 26 </script> 27 </body>