clip-path-url-reference-empty-while-loading.tentative.html (691B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>clip-path url()s are represented as empty paths while loading</title> 4 <script src="/common/reftest-wait.js"></script> 5 <script src="/common/rendering-utils.js"></script> 6 <link rel="help" href=""> 7 <link rel="match" href="reference/green-100x100.html"> 8 <div style="width: 100px; height: 100px; background-color: green"> 9 <div id="target" style="width: 100px; height: 100px; background-color: red"></div> 10 </div> 11 <script> 12 onload = () => { 13 const div = document.getElementById('target'); 14 div.style.clipPath = `url("support/resources.svg?pipe=trickle(d10)#circleClip")`; 15 waitForAtLeastOneFrame().then(takeScreenshot); 16 }; 17 </script>